Three.js, WebGPU, TSL full throttle with this very performant,... compute shaders based one component VFX system very easy to use React API.show more

It takes like 200 LOC to build an Instanced... Skinning Node animated via Compute Shaders with Three.js. TSL is so cracked.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

Sticky just got a pretty big upgrade ✨ You... can now export images and 60fps video, use your own custom stickers, including video stickers if you’re into that kind of thing, plus performance is up to 10x faster Stick it → Built with Forge and three.js WebGPU via react-three-fiber (TSL shaders).show more

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

If you've tried getting AI to write TSL shaders,... you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shadersshow more

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

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

New Three.js PR: InstancedSkinnedMesh Per-instance skeletal animation for animated... crowds -- with shadows, postprocessing, and full TSL support. Vertex animation: material.skinningNode = instancedSkinning Compute animation: material.skinningNode = computeInstancedSkinningshow 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

What's strange to me is that there's a bunch... of really sick visual experiments being achieved with Three.js /tsl, but very few actual games. This is one of the best ones I've seen so far.. Give me more examples!show more

Playing with SuperSplat v2.16 for editing and combining gaussian... splats. Very fast & easy to use, open source, and web based! PlayCanvas #GaussianSplattingshow 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

When you mix Shaders and Particle System 🌊 P.S.... The Splash VFX was added to the Unity Shaders Bible package ➡️ #gamedevshow more

Made a 3D construction simulation where an autonomous site... erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.show more

Prototyping a WebGPU compute rasterizer for Gaussian Splats at... PlayCanvas. No quads, no draw calls — just pure compute shaders blending of splats per tile. Here's the tile load heatmap.show more

The liquid glass carousel is live. Rebuilt it a... bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇show more

Week 14 of showing what you can do with... Expo & WebGPU: Remember those old lighter apps? I brought one back with real flame shaders and physics in React Native 🔥 (Cat approved) Code below 👇show more

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

introducing: magnetic grid animation for Framer use this component... to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)show more

Voronoi diagram with perfect cell boundaries <Voronoi /> is... another React component from our Paper-design/shaders package All glory to inigo quilez for original algo (such a big fan I am!) shaders demo & docs: paper app:show more