Spaceship Earth

Jitterbug Cockpit — Immersive 3D Portal

01. Architecture

Built as a Progressive Web App with full offline capability. The data layer runs WebAssembly PostgreSQL (PGlite) entirely in-browser, persisted to IndexedDB. No backend required for core functionality. All P31 mesh apps are now sovereign standalone deployments — Spaceship Earth is the 3D portal that connects them.

▸ React 19 + Tailwind v4 + vanilla Three.js — immersive Jitterbug cockpit UI, direct WebGL, no R3F abstraction layer
▸ PGlite (WebAssembly PostgreSQL) — full SQL engine running in-browser, persisted via IndexedDB. Offline-capable by default.
▸ Three skin themes — OPERATOR (matte cockpit, dark), KIDS (warm, accessible), GRAY_ROCK (minimal, low-stimulus). Transient material lerp, bloom never unmounted.
▸ Tri-state camera — Free (full orbit), Dome (bounded 4–10 distance), Screen (parallel to 3 screens, scroll-between). Mode-specific orbit constraints.
▸ Sovereign Store — Zustand: skin theme, camera mode, accent color, portal open state. Session-scoped, no gamification pressure.

02. The Jitterbug Transformation

The "Jitterbug" is Buckminster Fuller's term for the continuous transformation between the cuboctahedron (Vector Equilibrium) and the octahedron — a topology that is never fixed, always in dynamic transition.

In P31's architecture, it maps to the shift from Wye topology (hub-and-spoke — all load passes through a central neutral point, which becomes a single point of failure) to Delta topology (self-braced mesh — no floating neutral, every node load-bearing).

WYE (before)

Hub-spoke topology. Central neutral carries all load. Failure of neutral = full collapse. Vulnerable to institutional capture.

DELTA (after)

Mesh topology. No floating neutral. Every node self-braced. Maxwell isostatic: 3V − E = 6 for K₄ subsets. Byzantine fault tolerant.

Vector Equilibrium achieved: all nodes self-braced, no floating neutral, cognitive sovereignty guaranteed even when fully disconnected from the network.