In a world of constant visual noise, sometimes "augmenting" reality isn't enough—we need to escape it. I built Aura because I found that meditating with Passthrough (AR) was distracting; I could still see my messy desk. I wanted a true sanctuary—a digital void where the only things that exist are you and your breath.
How I Built It Aura is built entirely using the Meta Immersive Web SDK (IWSDK) and Three.js.
Zero Assets: To keep the experience lightweight and instant-loading, I used no external 3D models or audio files.
Procedural Visuals: The central "Guide Orb" is generated mathematically. Its color, emission, and size are driven by a sine-wave algorithm that maps perfectly to medical breathing rhythms (like 4-7-8).
Procedural Audio: I utilized the Web Audio API to build a custom Dual-Oscillator Synth. It creates a binaural "Om" drone that dynamically shifts pitch and volume as the user inhales, creating a synesthetic connection between sight, sound, and breath.
Universal Input: I implemented DistanceGrabbable from the SDK, allowing users to interact via controllers or natural hand tracking.
Future Plans I plan to introduce "Group Breathing," where multiple users can join the same void, syncing their breath cycles represented by glowing orbs in a circle. I also aim to implement WebBluetooth to connect heart-rate monitors, allowing the orb to pulse in sync with the user's actual heartbeat.
Built With
- iwsdk
- typescript
Log in or sign up for Devpost to join the conversation.