1
Building Depth: Designing and Developing a 3D Renderer Inside Figma (opens on the source site)
A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do.
#three.js
11 posts · 1 company · newest first
From the web
2
Turning Names Into Digital Architecture with Three.js (opens on the source site)
For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure.
3
Still: From Akira to Ink Wash, Building a Generative Garden in WebGPU (opens on the source site)
A technical deep dive into Still, exploring how WebGPU, procedural systems, and Japanese art influences come together to create a living generative garden.
4
Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js (opens on the source site)
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.
5
Building an Infinite Loom: Unravelling Images into Threads with Three.js (opens on the source site)
An experimental Three.js demo that transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen.
6
Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js (opens on the source site)
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.
7
Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js (opens on the source site)
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.
8
Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js (opens on the source site)
A mesmerizing Three.js experiment where glass, wandering cubes, caustics, refractions, and sound come together in a fluid, interactive scene.
9
Building a Mouse-Following Square Lens Effect with Three.js and GLSL (opens on the source site)
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.
10
Relighting Images with Depth Maps and Three.js (opens on the source site)
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.
11
Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage (opens on the source site)
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.
11 shown