Any guys know how this fluids are created? Is there a example about it?

Questions
1

Hi, This is a university home page. https://www.grad.osaka-geidai.ac.jp/
From its source code, the fluids picture is made by three.js
The web is made by react, and the fluids picture’s position is static/js/lib.
But I couldn’t understand its code. Is there a library or example about it?

2

es un shader! a shader over bg not?

3

That looks like a noise displacement shader, probably not a full fledged fluid sim.
My personal gold standard for fluid sims is Pavel Dogreats amazing app:

You might want to check out some creator channels like this guy:

He may have some related effects that you can adapt/learn from.

4 Likes