2a7dbef0c9
Implements issue #16: visual 3D representation of session resources/balance tied to subscription credits. **3D scene object** placed at (-9, 0, 5) left of center: - Glass cylinder housing (MeshPhysicalMaterial, transparent) - Animated energy fill via custom GLSL shader — clips fragments by UV.y against uFill, teal→purple gradient, scan-line ripple, bright edge band at fill level - Switches to red/orange palette when power drops below 20% - Floating spinning orb that tracks fill height with subtle bob - 3 accent rings that dim when above the fill level - Dynamic PointLight tracks orb position and intensity - Canvas label: SESSION POWER / Fund once · Ask many **HUD panel** (top-right corner): - Live percentage + gradient bar with glowing tip marker - Credits counter (out of 10,000) - SOVEREIGN tier badge - Fund once · Ask many models tagline - Low-power warning state (<20%) with red bar, pulsing border, and flashing warning text Session power drains slowly over time (~1% per 5 seconds) to demo the live visualization. Ready to wire to a real credits/subscription API. Fixes #16 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
◈ The Nexus — Timmy's Sovereign Home
A Three.js environment serving as Timmy's sovereign space — like Dr. Strange's Sanctum Sanctorum, existing outside time. The Nexus is the central hub from which all worlds are accessed through portals.
Features
- Procedural Nebula Skybox — animated stars, twinkling, layered nebula clouds
- Batcave Terminal — 5 holographic display panels arranged in an arc showing:
- Nexus Command (system status, harness state, agent loops)
- Dev Queue (live Gitea issue references)
- Metrics (uptime, commits, CPU/MEM)
- Thought Stream (Timmy's current thoughts)
- Agent Status (all agent states)
- Morrowind Portal — glowing torus with animated swirl shader, ready for world connection
- Admin Chat (Timmy Terminal) — real-time message interface, ready for Hermes WebSocket
- Nexus Core — floating crystalline icosahedron on pedestal
- Ambient Environment — crystal formations, floating runestones, energy particles, atmospheric fog
- WASD + Mouse Navigation — first-person exploration of the space
- Post-Processing — Unreal Bloom + SMAA antialiasing
Architecture
the-nexus/
├── index.html # Entry point with HUD overlay, chat panel, loading screen
├── style.css # Nexus design system (dark space theme, holographic panels)
└── app.js # Three.js scene, shaders, controls, game loop
Running Locally
npx serve . -l 3000
# Open http://localhost:3000
Roadmap
- Wire chat to Hermes WebSocket (
/api/world/ws) - Pull live data into terminal panels from Timmy's actual state
- Portal walk-through interaction to load destination worlds
- Timmy's avatar (lizard wizard body he designs himself)
- Connect to AlexanderWhitestone.com as public entry point
- Integrate existing Replit timmy-tower world code
Related
- Gitea Issue: #1090 — EPIC: Nexus v1
- Live Demo: Deployed via Perplexity Computer
Part of The Timmy Foundation