The Self — Three.js Orb Prototype
The Wanderer's Digital Escape meters, given a 3D body
- Category
- Design
- Status
- Concept
- Role
- Solo build
- Date
- 2026-07-06
- Built with
- Three.js, JavaScript, GitHub Pages
A Three.js exploration for The Wanderer's Digital Escape that renders the player's four meters as a living orb. Drag the Focus, Dopamine, Oneness and Tranquility sliders, or pick a world and a preset, and watch the self change shape.
Problem: In the game the four meters are bars in a HUD — accurate, but they do not look like a person's inner state.
Solution: A prototype that maps each meter to a visual property of a 3D orb, so imbalance reads as agitation and balance as calm.
Outcome: A standalone prototype for exploring how the game could show the player's state, not yet wired into the game.
- Dopamine drives turbulence and heart-rate; Focus drives swarm coherence
- Oneness adds connection nodes; Tranquility brings stillness
- Dopamine above 75 switches to Ghost Mode
- Scene backdrops for every world plus presets: doomscroll spiral, deep work morning, still point
Tags: #digital wellbeing, #three.js