3D Website Demos

Test hub #G65H — three single-file Three.js demos (built under #D2TP). No build step, no external models, Three.js pinned to r170 and vendored in vendor/. Each demo runs entirely in the browser.

1 · Raptor — FlexPondi Configurator

Procedural 3D model of the FlexPondi field unit. Drag to orbit, scroll to zoom, swap shell colors and finish, slide the exploded view, click hotspots for part specs.

Scene graph · PBR materials · Raycasting

2 · Orbit — Homelab Network Globe

The LA and San Jose fleet on a spinning 3D globe. Nodes colored by status, arcs for LAN, Salt/K3s and Tailscale links. Hover a node for host detail. Static snapshot from Nov 7, 2026 — not a live query.

Instancing · Shaders · Animated data

3 · CLAC — Ball-Roll Physics Game

Roll the ball through the course, collect the orbs, reach the goal. Arrow keys or on-screen touch buttons, live timer and score, reset to play again.

Animation loop · cannon-es physics · Input