P31 P31 Labs
🔷
🔵 PROTOTYPE

GEODESIC

Structure Builder — 3D Geometric Construction

01. What It Does

Build geodesic structures from 5 primitive types. Snap-to-grid placement with real-time rigidity scoring lets you construct stable geometric forms and test structural integrity. Complete challenges to unlock tier rewards and progress through increasingly complex builds.

02. How It Works

A Three.js scene with OrbitControls provides the 3D workspace. Primitives are placed via raycasting onto a snap-to-grid surface. Connection detection within a 1.5-unit radius automatically links nearby hubs and struts. A rigidity algorithm scores your structure in real time. Challenge tracking with tier rewards persists progress to localStorage.

03. Key Features

  • 5 building primitives (Tetra / Octa / Ico / Strut / Hub)
  • Snap-to-grid placement
  • Real-time rigidity scoring
  • 3 challenges (Triangle / Tower / Dome)
  • Undo + Clear
  • localStorage persistence
  • Dynamic lighting + wireframe overlays

Technical Stack

Renderer
Three.js r183 — parametric geometry, wireframe overlays
Controls
OrbitControls — rotate, zoom, pan
Architecture
ES Modules, zero bundler, vanilla JS