logoalt Hacker News

Spreading Liquid with Three.js

161 points • by mooreds • last Monday at 6:45 PM • 22 comments • view on HN

Comments

andai • today at 5:15 AM

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).

➕ show 2 replies
etatester • today at 5:43 AM

The conclusion made me sad:

> Publishing this may mean the method is no longer something special.

➕ show 1 reply
gosen • today at 1:02 PM

that's so satisfying, except the moments when I tried to spread it on static images :D

socalgal2 • today at 7:59 AM

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.

➕ show 1 reply
patrick_rtk • today at 1:05 PM

very nice !

brandonpelfrey • today at 5:23 AM

This seems useful (after modifications) for building a calligraphy application.

zodwick • today at 11:26 AM

Very cool work ! I was unreasonably disappointed by the element at the top ( header ) not being interactive thgh :_

Conscat • today at 4:31 AM

I wish foundation really did spread this smoothly.

accumulator • today at 4:59 AM

This is magic

wickedsight • today at 9:54 AM

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.

soft-boy-xyz • today at 6:18 AM

I'm impressed.

sacru2red • today at 8:25 AM

cooool