Building Depth: Designing and Developing a 3D Renderer Inside Figma
A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do.
View ArticleTurning Names Into Digital Architecture with Three.js
For the Three.js Conference in Paris, BL/S® created an interactive experiment that transforms your name into a dynamic 3D structure.
View ArticleDrawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU
How a meshline habit turned into a tube renderer, and the three ways I got the maths wrong along the way.
View ArticleFrom 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.
View ArticleVolatile 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.
View ArticleGoodgrowth: 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.
View ArticleSixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall...
What building a Three.js lab around my own music taught me about the renderer.
View ArticleRun 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 performance optimization.
View ArticleRelighting 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-shadowing.
View ArticleBuilding an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS...
Learn how to build a dynamic testimonial hero in Webflow using CMS data, a custom JavaScript counter, and GSAP’s visual timeline.
View ArticleExploring Procedural Geometry with Three.js and WebGPU
A deep dive into building a flexible Three.js Geometry Painter with WebGPU and TSL, from surface picking and procedural geometry to live controls, custom shaders, lighting, and post-processing.
View ArticleGarden Anomaly: A Tiny WebGPU and TSL Experiment
A tiny WebGPU and TSL experiment, tinkering with physics, deformations, and procedural audio, all tied together inside a sphere to play with.
View ArticleBuilding an Endless Interactive Glass Xylophone with Three.js
A scrolling helix of frosted glass bars that ring as you sweep across them, built in Three.js with instancing, a fluid simulation, and glass faked entirely in the shader.
View ArticleBuilding Cerebrium: Making Serverless Infrastructure Tangible
Go behind the scenes of Cerebrium to explore the design, 3D, and WebGL techniques that turned complex AI infrastructure into an intuitive interactive experience.
View ArticleBuilding Ridgeline: Engineering a Real-Time 3D Experience in Webflow
A behind-the-scenes look at the engineering behind Ridgeline, covering the architectural decisions, Webflow integration, real-time terrain rendering, animation techniques, and performance optimizations...
View ArticleZERO: The Engineering Behind a Defiant Interactive Narrative
A technical breakdown of the pipeline, rendering techniques, and performance optimizations behind ZERO, an immersive scroll driven WebGL experience built for desktop and mobile.
View ArticleThe Sleepers: Creating an Atmospheric WebGL Experience with Lightweight...
From swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it.
View ArticleBuilding an Interactive Wave Propagation Cube Grid with Three.js
A tutorial on how to create a minimalistic and customizable 3D wave grid background with Three.js.
View ArticleSculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court
Explore the complete 3D workflow behind Stefanos Tsitsipas' digital character, from photogrammetry and rigging to animation and WebGL optimization.
View ArticleSketching the Impossible: A 3D Portfolio Built Without a Single 3D Model
How a complete lack of Blender skills accidentally led to an award-winning 3D universe. Here’s what happens when you ignore the "correct" way to code and build an infinite corridor out of flat geometry.
View Article
![[QLD, NSW, VIC] Samsung 65](http://files.ozbargain.com.au/n/31/978831l.jpg?h=8d64f0c6)
