This one started with the thought: “Once upon a time, I made an example with a fat line of uneven width, so why not make something more serious than that example”. And here we are: those “petals” of wire-like/twig-like structures, with white-ish tips, around the pearl are fat lines.
I believe there are some people whose mental visualization and creativity exist on another level, and you are definitely among them. The way you transformed the idea into something this visually beautiful and artistic is genuinely impressive.
I love this so much! Been trying to make it work on iPhone. Neither Chrome nor Safari are able to render the wall flowers. I am stumped as to why. Any guesses?
One thing I discovered recently is that the iPhone seems to be doing a better job of displaying WebGPU programs than WebGL programs. For example, my WebGPU ocean modules now display on the iPhone, but not my WebGL module. Oddly, the WebGPU module that uses fragment shaders is faster than the one using compute shaders.
This conversion would take a bit of work because the shaders would have to be converted from glsl to wgsl. And I am not 100% sure if that would make it work with iPhone.
Conclusion: Just a matter of unreliable iOS support for linear filtering on floating-point textures… would be my guess. The rendering logic was / is just fine.
This is why I use codepen Easy to fix/validate and share.
With this, you gave me the idea to use HalfFloatType (Uint16Array) textures instead of FloatType (Float32Array) with LinearFilter.
Thus, I changed all the DataTextures in the demo to HalfFloatType. It works perfectly fine on PC and Android (checked on my tablet and handy). But I don’t have iPhone, so I would like to ask you (or anyone else, who has one) to check, if the demo works on it with half-float textures.