Case 03 • Spatial Design • WebGL Three.js

3D Spatial Exhibition Visualizer & Stand Builder.

Closing the gap between flat 2D Figma graphics and physical architecture. A browser-based Three.js engine mapping trade show booth assets at real millimeter scale with split-view comparative testing.

Technology
Three.js WebGL • HTML5
Scale Precision
1:1 Millimeter Cotas
Booth Geometry
1 to 3 Walls (Custom)
Output Mode
High-Res Viewport PNG
Architectural Accuracy
1:1 mm

Real-world millimeter dimensioning ensuring typography and optical weight match real eyesight.

Wall Configurations
1–3 Walls

Modular support for single backwalls, corner L-stands, or complete U-shaped fair spaces.

Testing Capability
Split-View

Side-by-side design comparison with synchronized camera orbit to evaluate competing concepts.

Infrastructure
Zero Server

Standalone HTML running client-side with Three.js via CDN—instant offline operation.

LIVE INTERACTIVE PROTOTYPE

Test the Stand Builder Live.

Interact with the working prototype below: drag with your mouse/touchpad to orbit the 3D space, toggle between 1 to 3 walls, adjust millimeter dimensions, test split-screen views, or launch in fullscreen mode.

Open Fullscreen Prototype
Autonomous Creative Department

Explore Sibling Case Studies.

Discover how the overarching SSoT governance engine and headless motion studio operate together.