The metalic foil balloons are pumped up using the positionNode, while wrinkles are added to their surface using the normalNode.
Made with #threejs TSL
live demo ->
An example that draws wood grain on the surface of objects already exists in the official examples, but when I applied it in normalNode, it gained a three-dimensional apparance.
Made with #threejs TSL
live demo ->
Flame-like shapes can be generated simply by randomly pulling vertices on upward-facing surfaces higher.
"Gliffin" model by Trevor Robinson aka Icenvain.
Made with #threejs TSL
live demo -> mameson.com/experiment/glsl/…
Thanks to BVH, five thousand pieces of whipped cream can crawl across the mesh surface.
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> mameson.com/experiment/glsl/…
Simple physics example.
See this html source code, it's easy for frontend engineers and me,
because it's using no ts, single source code, with three files for three.js and one file for physics.
Bounce by @perplexdotgg
Made with #threejs
live demo -> mameson.com/experiment/glsl/…
Snow-like material and glittery material using normalNode.
It's interesting to observe physical movements in a slower speed. "Bounce" physics by @perplexdotgg
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> mameson.com/experiment/glsl/…
Want Liquid Glass?
Screen Space Surface Smoothing : Liquidify anything, not only water particles, but also mesh objects.
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> mameson.com/experiment/glsl/…
A duck and thirty ducklings are bathing in a cool pool. Watch the fluid particles interact and cast shadow.
Made with #threejs TSL
live demo (all source code is in a single html of the page) -> mameson.com/experiment/glsl/…
I modifyed the official example "compute fluid particles" to make it look more liquid.
Simply blur the *depth texture* to obtain a smooth surface which has differentiable gradient.
Made with #threejs
live demo (all source code is in html of the page) -> mameson.com/experiment/glsl/…