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.
Codrops Articles
Updated 2 min ago · 10 articles from Codrops
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.
Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs
What building a Three.js lab around my own music taught me about the renderer.
Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU
Exploring the techniques behind an audio-reactive 3D scene, from custom geometry deformation and music analysis to scroll-driven morphing, damping, and perfo...
Ad
Relighting Images with Depth Maps and Three.js
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-shadow...
Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data
Learn how to build a dynamic testimonial hero in Webflow using CMS data, a custom JavaScript counter, and GSAP’s visual timeline.
Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story
Telling stories on some of the biggest canvases on the web, from Awwwards Site of the Year to the front door of Microsoft.
Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage
A technical look at the making of HAOQI.DESIGN, exploring scroll sync, glass shaders, and the interplay of DOM, CSS, and WebGL in a retro-futurist portfolio.
