This one is based on @wblut's wreath attractor formula

Got this one down to 202 bytes! float i,z,d,s;for(vec3 p;i++<1e2;z+=d=length(p)-50.,o.xyz+=(.7+.3*cos(p/s+t))*max(s=0.,1.-d)/i)for(p=z*.1*(FC.rgb*2.-r.xyy)/r.y,p.z+=90.;s++<9.;p.xy*=mat2(cos(vec4(70,81,103,70))))p+=sin(.3*p+t).yzx*2.; twigl.app?ol=true&ss=-OYH3E6…

This one is only 109 bytes long! :) You can try it on twigl: twigl.app/?ol=true&ss=-OYGo5…

"Heptamer" for(o.xy=(2.*FC.xy-r)/r.y*50.;++o.w<93.;o.xy*=mat2(cos(vec4(70,81,103,70))))o.x+=cos(.2*o.y+t)*3.;o=o*.01+.5;

twigl.app?ol=true&ss=-OYCHl4… First try at size coding :) Inspired by @XorDev

"Amoeba" for(float i,z,d,s;i++<1e2;){vec3 p=z*normalize(FC.rgb*2.-r.xyy);p.z+=9e1;for(s=0.;s++<9.;)p+=sin(.3*p+t).yzx*2.,p.xy*=mat2(cos(7e1+vec4(0,11,33,0)));d=max(.0,length(p)-50.),z+=d/s;o.xyz+=(.7+.3*cos(p/s+t))*max(0.,1.-d)/50.;}

I built a playable Softbody Tetris using @threejs #tsl and my softbody engine! 🕹️ I still consider it a work in progress, but you can already try it out in your browser here: 🔗 holtsetio.com/lab/tetris/ Not exactly an original idea but I wanted to try this for a long time! :) This turned out to be way more complicated than I expected. And when I finally played the first rounds I was... kinda disappointed. Turns out the simplicity of the original tetris is also what makes the game work so well. But after a few rounds I noticed some cool emergent gameplay mechanics enabled by the softbody dynamics. My current highscore is 5300! How much can you get?👾 I would also love to hear your ideas on how to improve this! 🚀

Everyone is talking about liquid glass right now. How about some threejs/WebGPU powered softbody glass? Quick & dirty demo available here: holtsetio.com/lab/softglass Anyone got any ideas how to build something cool out of this? 🤔

To all the people who just installed Safari 26 Beta: Now that you can use WebGPU, why don't you give the jellyfish demo that Apple used in the announcement a try? 🪼🤗 🔗 holtsetio.com/lab/aurelia

For a more basic cloth simulation, check out this example I contributed to the Three.js main repo: threejs.org/examples/?q=comp…

Source code: github.com/holtsetio/breeze

My little verlet-based cloth sim is now online if you want to play with it! 🤗 🔗 holtsetio.com/lab/breeze/ Also check out the 🍁autumn leaves and 🌸sakura petals scenes! It's still a work in progress, next step is adding self-collision. Built with @threejs WebGPURenderer 🚀

🪼🥹🥰

Huge thanks to @holtsetio for contributing the MLS-MPM particles and Verlet cloth TSL examples! 🙏

Now is it overengineering to use a cloth simulation to animate autumn leaves? #threejs #tsl #webgpu

Currently working on a GPU accelerated cloth simulation in #threejs that allows collision with arbitrary geometry. Running smoothly in 120fps on my phone! :) #webgpu