This isn't getting enough attention.
Rive has solved vector feathering!

The blur isn't a costly post-process convolution, it's mathematically pure at the vector level = incredible performance even with ultra large kernels.

Incredible work from @csmartdalton…

fwidth only can detect the changes within it's 2x2 block, but not across blocks. So if there is a change between two blocks, fwidth misses it.

Here's where my trick comes in:
vec2 p=roundEven(FC.xy)-r/2.;o.xy=fwidth(ceil(p*r.y/dot(p,p)));

Noomo Valentime is a 3D storytelling experience where users explore a reimagined tale of St. Valentine and create a personalized digital heart with a 3D customizer to share with someone they love.

Original: https://www.relyonkaide.com/

My workshops: https://threejs-workshops.com/
Support: https://www.patreon.com/allyourhtml
Twitter: http://twitter.com/akella
Setup: https://gist.github.com/akella/a19954c9ee42e3ae85b76d0e06977535
Facebook: http://f…

Interactive WebGL petal particles concept 🌷

We've got a rare opening to take on new projects @uns__nstudio - get in touch if you'd like us to cook something up for you.

#webgl #threejs #webdesign

"Rollin"
for(float i,z,d,s;i++<5e1;){vec3 p=z*normalize(FC.rgb*2.-r.xyx);p.z+=8.;p.yz*=mat2(cos(t+vec4(0,11,33,0)));z+=d=.2*max(.2+abs(s=dot(cos(p),cos(p.yzx/.6))),length(p)-4.);o+=(cos(p.y+vec4(6,1,3,0))+1.5)/d;}o=tanh(o/1e3);

Community-made library of free and customizable UI elements made with CSS or Tailwind. It's all free to copy and use in your projects. Uiverse can save you many hours spent on building & customizing UI components for your next project.

[LIVE DEMO] Check out our latest WebGL demo, exploring a fluid cellular particle effect. Full write up and details of what's going on under the hood coming soon 🔍

Live → https://unseen.co/labs/cellular/

#webgl #realtime #threejs