A generative audiovisual experience that creates a non-repeatable scene from your browser context, the current time, pointer movement, and live audio analysis.

Every visit is unique. Nothing is stored. Nothing repeats.

EAVI renders a full-screen 3D visual experience that responds to music in real time. The visuals are shaped by who you are — your device, your timezone, your location — but never reveal those details directly. The mapping is partially legible: you can feel the influence of your context without decoding it.

The experience fades in from black over 3 seconds and cycles through visual modes with cinematic transitions — a brief dark moment between scenes, like cuts in a film. Colors blend smoothly between modes so palette changes feel natural rather than jarring.

The experience cycles through visual systems, each with distinct character:

Environments — immersive spaces the camera flies through:

• Terrain Grid — A wide grid of points forming rolling hills and valleys with height-based color gradients, viewed as a slow aerial flyover
• Dramatic Terrain — Exaggerated topography with deep indigo valleys and warm amber peaks
• Wireframe Terrain — Triangulated mesh surface with glowing triangle edges forming a retro digital landscape
• Dramatic Wireframe — The wireframe terrain with extreme elevation and dramatic coloring
• Tunnel — A cylindrical mesh the camera travels through, walls undulating gently with bass
• Cave — Floor and ceiling terrain meshes creating an enclosed corridor that breathes with audio

3D Objects — geometric forms the camera slowly orbits:

• Icosphere — A subdivided icosahedron that expands and morphs with audio energy
• Torus — A triangulated donut that breathes and shimmers
• Morphing Polyhedra — An organic shape with strong radial displacement, constantly evolving
• Trefoil Knot — A tube that loops through itself in a mathematical knot, electric blue to violet

Particle Systems — point-based visual fields with organic Lissajous camera drift:

• Point Cloud — Volumetric 3D shapes (torus, gyroid, supershape) that morph with audio
• Particle Field — Curl-noise driven particles flowing through attractor fields
• Ribbon Field — Parametric surfaces (helicoid, Mobius strip, torus knots) sampled as point bands
• Flow Ribbon — Streamline-based particles advected through a 3D curl field
• Crystal Field — Lattice clusters with facet shimmer and pulse deformation

Every visual mode responds to music through three frequency bands and beat detection:

• Bass (0-25%) drives macro motion — expansion, wave amplitude, shape breathing, radial deformation
• Mid-range (25-75%) modulates atmospheric depth — higher mids pull fog closer, creating a cozy enclosed feeling; lower mids open the view
• Treble (75-100%) drives fine detail — point shimmer, sparkle, micro-displacement
• Beat detection — spectral flux analysis detects rhythmic onsets, triggering a brief radial expansion and brightness flash on each beat
• Color warmth — bass gently warms the palette toward amber tones; combined energy enriches saturation
• Track mood — a rolling 5-second energy average shifts the overall palette warmth, so calm tracks stay cool and energetic tracks glow warmer
• Chromatic dispersion — combined audio energy drives per-channel color fringing
• Per-mode bloom — wireframe and tunnel modes glow brighter (bloom 1.5), terrains are subtle (0.8), 3D objects moderate (1.2)

Audio tracks crossfade smoothly over 2 seconds, with the next track preloaded 10 seconds before the current one ends. Analysis continues even when muted, with a synthetic bass fallback ensuring visuals always move.

When a new track begins, a generative name appears briefly in the bottom-left corner — names like "Passage VII" or "Drift III" derived from the session seed. The names are ephemeral, reinforcing that each session is unique.

Each mode category has its own camera behavior:

• Environments: Continuous forward flythrough with gentle lateral sway. Camera stays at a fixed height above the geometry.
• 3D Objects: Slow cinematic elliptical orbit (2-3 minutes per revolution) revealing the form from all angles.
• Particle Systems: Organic Lissajous drift using incommensurate frequencies — the camera wanders without ever retracing the same path.

Mouse or touch movement creates a gentle ripple in nearby geometry — a field disturbance that pushes points and vertices away from the cursor. The effect is more pronounced on desktop.

Each session generates a unique seed from:

• Coarse geographic region (via server-side Vercel headers)
• Device characteristics (DPR, cores, screen size, touch capability)
• Time of day and timezone
• Timestamp at initialization

This seed determines: color palette family, structural parameters (noise frequency, twist strength, radial scale), mode rotation order, camera motion harmonics, evolution curves, and generative track names. Parameters drift over time via layered sine harmonics with incommensurate periods, so the scene continuously evolves — all without storing anything.

The experience is sensitive to when and how long you watch:

• Time of day — Night visits (10pm-4am) shift the palette cooler by 20°. Morning visits (6-10am) shift warmer. The cadence (animation speed) is slowest at 2am and peaks at 2pm.
• Session duration — After 5 minutes, the palette begins a slow warm drift (+0.5°/min). After 10 minutes, the drift accelerates (+1°/min), rewarding sustained attention with a gradually deepening experience.

Each mode type has tuned depth-of-field:

• Particle systems: soft, dreamy (dofStrength 0.5)
• Wireframe/triangle meshes: sharp, geometric clarity (dofStrength 0.1)
• Terrains: moderate landscape feel (quality-tier dependent)

• Quality tiers — Three tiers (low/medium/high) based on device capability. Low tier skips bloom, reduces particle counts, and simplifies shaders.
• Auto downgrade — If frame rate drops below 30 FPS for 3+ seconds, pixel ratio is automatically reduced to maintain smoothness.
• Tab resilience — Frame delta is clamped to 100ms to prevent animation blowout after returning from a background tab.
• WebGL recovery — On GPU context loss (common on mobile), the active geometry system is automatically re-initialized.

Portrait orientation automatically widens the camera field of view (75° vs 60°) to show more of the scene.

• No cookies
• No localStorage
• No analytics or tracking
• No backend persistence
• No browser geolocation prompts
• All visitor-derived data stays in memory only

• Runtime: Browser, deployed on Vercel
• Build: Vite
• Language: TypeScript
• Rendering: Three.js (WebGL, perspective camera, custom GLSL shaders)
• Audio: Web Audio API (AudioContext, AnalyserNode, dual-deck crossfade, spectral flux beat detection)
• Post-processing: UnrealBloomPass with per-mode strength (medium/high quality tiers)

npm install
npm run dev

Open http://localhost:5173 in your browser.

npm run build

npx vitest run

Deployed on Vercel. The /api/geo endpoint uses Vercel's geolocation() helper to provide coarse geographic context without client-side geolocation prompts.

All rights reserved.