404: Holy cannoli, what is this?
This page got rubbed out in the codebase, but don’t worry, there’s still a fresh batch of good stuff waiting below.
Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js
In Tutorials, by Marek Jóźwiak
Learn how MediaPipe’s face landmarks, Google’s canonical face model, and Three.js come together to create a real-time textured 3D face mask.
Building an Infinite Loom: Unravelling Images into Threads with Three.js
In Playground, by Clément Grellier
An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.
Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js
In Tutorials, by Edoardo Lunardi
The Codrops mark, rebuilt as a draggable solid and printed in ASCII on the GPU, where every character cell searches 95 glyphs for its own.
Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js
In Tutorials, by Niccolò Fanton
A hands-on exploration of how Three.js, shaders, and codec-inspired techniques can turn a scene transition into a convincing real-time datamosh effect.
Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js
In Playground, by Yuri Artiukh
A playful Three.js experiment that turns the Eiffel Tower into a catapult, combining interactive physics with real-world 3D data from Cesium ion to launch yourself across Paris toward the Three.js conference.
Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js
In Playground, by Frank Reitberger
A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.
Building a Mouse-Following Square Lens Effect with Three.js and GLSL
In Tutorials, by Tomoyuki Nakata
A step-by-step tutorial on using Three.js and GLSL to create a mouse-following square lens effect with image distortion, RGB shifting, and animated shader effects.
Relighting Images with Depth Maps and Three.js
In Tutorials, by Dominik Fojcik
Explore how depth maps, TSL, and WebGPU can be combined to turn flat 2D images into dynamic surfaces with realistic lighting, surface detail, and self-shadowing.