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.
#3d
8 posts · 2 companies · 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
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.
4
Goodgrowth: Boot Sequences, Spinning Discs, and the Art of the Portfolio (opens on the source site)
Discover the process behind Goodgrowth, from its console-inspired concept to the 3D, motion, sound, and technical details that bring the experience to life.
5
Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU (opens on the source site)
Exploring the techniques behind an audio-reactive 3D scene, from custom geometry deformation and music analysis to scroll-driven morphing, damping, and performance optimization.
6
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.
7
Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data (opens on the source site)
Learn how to build a dynamic testimonial hero in Webflow using CMS data, a custom JavaScript counter, and GSAP’s visual timeline.
8
Transforming 2D Floorplans into Stunning 3D Models with Blender: A Step-by-Step Guide (opens on the source site)
2D image (left), 3D rendered image (right)Are you looking to breathe life into your 2D floorplans and visualise them in immersive 3D? With the power of Blender and our innovative process, you can seamlessly convert flat blueprints into dynamic 3D models. Follow along as we unveil the secrets behind this transformative journey.Step 1: Manual TracingThe journey begins with a meticulous manual tracing process. We meticulously outline key elements of the floorplan such as walls, doors, and windows, capturing every detail with precision.Step 2: Blender IntegrationOnce the 2D floorplan data is…
8 shown