Spreading Liquid with Three.js
https://mofu-dev.com/en/blog/fluid-foundation/This is neat. It doesn't seem to conserve volume. If you spread the blob "inward", all the fluid disappears and you get a tiny thin spot.
That's a general problem I often run into with simulations. When you get it in the opposite direction it can have some very amusing results (e.g. energy in a physical system continues to increase).
You can also make infinite paint by spinning a small circle, then cycling between larger and small circles! It seems it also converges to secondary colors over time if any other primary color is added. Very cool!
They explain why this happens in the article.
{"deleted":true,"id":50375698,"parent":50375485,"time":1793858121,"type":"comment"}
The conclusion made me sad:
> Publishing this may mean the method is no longer something special.
If you step one step outside your ego for a moment, and see the world from a place of connectedness and unity rather than individual achievement and putting your name on things, you won't have to be sad about a statement like this.
Next time someone wants to make a spreading liquid effect, their LLM is more likely to know how to make it. They won't have to read this work when looking for references, won't get to know the person who thought of this and shared it with the world.
Surely it's at least understandable why the author could be feeling a bit sad about it?
loading story #50376085
loading story #50377881
what is the point of three.js in this demo? It feels like showing me a CSS effect on a DIV and saying "built with React". It's a nice demo. But it's not doing anything that needs a giant library to do.
loading story #50376471
This seems useful (after modifications) for building a calligraphy application.
The color mixing brings back memories of mixing a bunch of paint colors in high school. I guess that's an indication of how well it was executed.
I wish foundation really did spread this smoothly.
This is magic
I'm impressed.
cooool