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

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

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js... Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇show 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

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

Portfolio in progress, part 2 #threejs #webgl #javascript #creativecoding... #shaders #glslshow 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

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

My Three.js + TSL shader course — Fragments —... is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.show more

someone stop me, I am playing around with particles... again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼show more

A real-time 3D particle scene built with Three.js/WebGL, JavaScript,... and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropicshow more

Open-sourcing the Next.js Nights shader! Live: Source: Made with... Three.js TSLshow more

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

Post fx can really change the look of a... scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaterniusshow more

This is most satisfying thing I've ever made ☺️🔨... I've been working on adding Voronoi fracturing to three-piñata, my open-source mesh fracturing library for Three.js. This creates much more realistic fracture patterns. If you want to learn how to do this, I'm going to be adding a course to Three.js Roadmap teaching you how to build destructible environments. If you're interested, be sure to sign up for my newsletter to get notified when the course is released! (Link in comments 👇🏻) #threejs #webgl #3dgraphics #threejsroadmapshow 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

made this pixelart grass running at 120fps in the... Browser, thanks to Three.js and WebGPUshow more

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made... with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCodeshow 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

if I win, I'll write a detailed thread and... a blog post explaining how to make this animation using javascript and threejsshow more

Integrated unified spray, foam, and bubbles into my fluid... simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!show more