A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do.

💾

💾

💾

💾

💾

For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure.

💾

💾

💾

💾

A look inside the first-ever Three.js Conference, straight from Paris.

💾

A technical deep dive into Still, exploring how WebGPU, procedural systems, and Japanese art influences come together to create a living generative garden.

💾

💾

💾

💾

💾

💾

💾

💾

💾

💾

An exploration of infinite grids, liquid glass, and video refraction using Three.js, WebGPU, TSL, and custom shaders.

💾

💾

💾

💾

How a meshline habit turned into a tube renderer, and the three ways I got the maths wrong along the way.

💾

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.

💾

An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.

💾

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.

💾

New voices from the first Three.js Conference share what they're building, experimenting with, and bringing to Paris.

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.

💾

💾

💾

💾

💾

💾

💾

💾

A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.

💾

Discover the process behind Goodgrowth, from its console-inspired concept to the 3D, motion, sound, and technical details that bring the experience to life.

💾

💾

💾

💾

💾

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.

💾

💾

A practical collection of tips for combining AI, Blender, and Blender MCP to streamline your Three.js workflow.

💾

What building a Three.js lab around my own music taught me about the renderer.

💾

💾

💾

💾

💾

Exploring the techniques behind an audio-reactive 3D scene, from custom geometry deformation and music analysis to scroll-driven morphing, damping, and performance optimization.

💾

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.

💾

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.

💾

💾

💾

💾

💾

💾

💾

💾

💾