new stream, creating an infinite loop with numbers spiral,... using #threejs, TSL and exponentsshow more

doodling with #threejs #webgpu

Kinda obsessed with node-based workflows right now. ✨ #webgpu... #tsl #threejsshow more

Finally got a flower bloom effect working with WebGPU!... #threejs #tsl #gsap #r3fshow more

Reflector with distance based blur. You can do this... with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpushow more

A painting reborn as data. At Revelium™ Studio with... the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

Working on a TSL implementation of a 2D and... 3D SPH fluid simulations. It works with both WebGPU and WebGL backends, using compute shaders and transform feedback as a fallback. Still battling a bit with the WebGPURenderer to make the spatial grid optimization work. #threejsshow more

An Infinite Loop or is it Recursion 🤔

The Milkmaid live demo is here! At Revelium™ Studio... , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

more bird trails across the sky #mog2 #norfair #threejs... (ribbon geo+texture)show more

Why Threejs Plus? Because it’s Threejs, plus thousands of... hours of expertise distilled into modular, interconnectable building blocks. SpatialGrid → Boids: const { instanceMatrix } = new Boids(300000) positionNode = instanceMatrix().mul(positionLocal) Powered by TSL & WebGPUshow more

#threejsbits Did you know #threejs actually has a lot... of different RENDERERS, not only WebGLRenderer. Most underestimated is CSS3DRenderer, which renders, well, HTML 😅. Here is how it works and what is possible. 1/6 ⬇️show more

So Bruno Simon was right. Creating a grass shader... is way too fun. I created this one with TSL and TresJS , similar approach to Bruno's portfolio, but 5 vertex blades and instanced. I added a diffuse map for the colors. I might do a tutorial about it. #teamGrass 🌱 #threejsshow more

Live edit your material nodes right from the Inspector.... Powered by Bhushan Wagh's TSL Graph 🙏show more

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js... Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmapshow more

#threejsbits Did you know #threejs has a module to... add hover & click events to 3D objects — just like in the DOM? It’s called InteractiveGroup, and it’s super easy to use. Mouse events and even XR interactions — all handled.show more

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation... Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourneyshow more

Hmm… custom gravity might work well with the spiral... corridor? 🤔 #threejs #threejsJourney #webdev #opensource #gamedev #r3f #ecctrlshow more

I took album cover of GNX by Kendrick Lamar... and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.show more