Aetheria is an immersive 3D web experience designed to replace flat, traditional interfaces with continuous spatial exploration. Built around a floating glass-and-light diorama, the project leverages WebGL performance and real-time post-processing to create a living digital world inside the browser.

Key Features Scroll-Bound Camera Journeys: Smooth camera paths linked to user scrolling, driving continuous narrative movement.

Custom Glass & Refraction Shaders: Dynamic materials that react to scene lighting in real time.

Interactive Hotspots: Spatial micro-interactions that zoom in and reveal context upon hover or click.

Cinematic Post-Processing: Depth-of-field, bloom, and chromatic aberration tuned for maximum visual fidelity at 60 FPS.

Tech Stack Rendering Engine: React Three Fiber / Three.js

Animation & Motion: GSAP (ScrollTrigger)

Built With

Share this project:

Updates

Submission history