3D Scene

Architect's Model — Sketch to Home in 3D

Techartist

@techartist_ · 16.3K followers

1.9Klikes

320.6Kviews

150reposts

2Kbookmarks

Sep 22, 2026

View original post ↗

A browser-based 3D architectural study titled "Architect's Model" that animates a courtyard house through four distinct construction phases: Sketch, Massing Model, Detailed Model, and Built Reality. Built with Three.js and TSL via Claude Opus 5.5, it renders on a blueprint-style canvas with wireframe geometry that progressively fills into a finished home. You can drag to orbit, scroll to explore, and scrub a timeline to transform between stages — all in real time inside the browser.

Four-stage architectural evolution from raw wireframe sketch to fully realized 3D home, scrubable in real time
Built entirely with Three.js + TSL (Three.js Shading Language), showcasing advanced WebGL shader-driven transitions
Polished editorial UI with stage labels, orbit controls, and a blueprint-toned aesthetic that feels like a real design tool

“From sketch to home, built in 3D with Claude Opus 5.5 using Three.js + TSL. The architecture evolves through four stages: first lines, massing, detail, and finished home.”
— @techartist_

threejs webgl architecture 3d tsl interactive-demo light minimal 3d