Building an Infinite Loom: Unravelling Images into Threads with Three.js
An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.
Codrops Articles
Updated 5 min ago · 10 articles from Codrops
Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js
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.
From Rays to Meshes: Building Vercel’s Prism with vgpu
A look at how Vercel’s vgpu creates a performant prism effect using shaders, geometry, glass, and adaptive rendering.
More Three.js Speakers, More Ideas from Paris
New voices from the first Three.js Conference share what they're building, experimenting with, and bringing to Paris.
Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js
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
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 yo...
Ad
Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js
A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.
Goodgrowth: Boot Sequences, Spinning Discs, and the Art of the Portfolio
Discover the process behind Goodgrowth, from its console-inspired concept to the 3D, motion, sound, and technical details that bring the experience to life.
Building a Mouse-Following Square Lens Effect with Three.js and GLSL
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 ef...
Blender to Three.js and Back: 10 Tips for a Better Workflow
A practical collection of tips for combining AI, Blender, and Blender MCP to streamline your Three.js workflow.
