Codrops Articles

Updated 1 min ago · 10 articles from Codrops

Codrops Sep 1, 12:41 PM

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...

Codrops Aug 31, 3:59 PM

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 Aug 27, 11:26 AM

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.

Codrops Aug 25, 10:15 AM

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...

Codrops Aug 24, 1:53 PM

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.

Codrops Aug 22, 2:00 PM

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.

Ad
Codrops Aug 20, 1:35 PM

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...

Codrops Aug 19, 2:42 PM

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...

Codrops Aug 18, 1:39 PM

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.

Codrops Aug 17, 1:09 PM

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.