Spreading Liquid with Three.js

(mofu-dev.com)

80 points | by mooreds 3 days ago ago

13 comments

  • andai 4 hours ago

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

    • Tadpole9181 3 hours ago

      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.

  • etatester 3 hours ago

    The conclusion made me sad:

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

    • augment_me 2 hours ago

      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.

      • xpct 2 hours ago

        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?

        • nomel 2 hours ago

          If I made something for fun, for the public, for free, and it exploded into common use, I would be super happy that I made something useful. But, I also always license any software I write (outside of work) as public domain like.

  • socalgal2 an hour ago

    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.

    • skrebbel an hour ago

      Might be as simple as “author always uses threejs for stuff like this and couldnt be bothered figuring out how to put a shader on a texture without it”

  • brandonpelfrey 4 hours ago

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

  • Conscat 4 hours ago

    I wish foundation really did spread this smoothly.

  • accumulator 4 hours ago

    This is magic

  • soft-boy-xyz 3 hours ago

    I'm impressed.

  • sacru2red 33 minutes ago

    cooool