AETERNUM

Vite + TypeScript · Three.js relic scene · GSAP ScrollTrigger · Lenis smooth scroll · GLSL ember/grain/vignette · Web Audio drone

Memento Mori — a scroll-driven single-page WebGL meditation on mortality. The visitor descends through four acts (The Descent, The Relic, The Reckoning, Eternity), each a scene state tweened by GSAP ScrollTrigger as a smouldering stone relic with ember-glowing cracks builds in heat and intensity before returning to stillness. Heavy film grain, vignette, bloom and drifting embers; a low ambient drone gated by a SILENCE toggle. No backend — every inscription is compiled into a static Vite bundle served from Vercel's CDN.

Generated 14 Jun 2026 · 14 files · 8 components · 3 flows

File Architecture

The full source tree as a layered graph — every file with its role, imports, exports and reverse dependencies.

System Design

Runtime topology across the five zones — client, edge, application, data and external services.

Flow Graph

The five most significant application flows, step by step — startup, auth, write, read and error recovery.

Technology

ComponentTechnologyVersionSource of Detection
Rendererthree (WebGLRenderer + EffectComposer)^0.166.1package.json
Motiongsap (ScrollTrigger)^3.12.5package.json
Smooth scrolllenis^1.1.13package.json
LanguageTypeScript (strict)^5.5.4package.json
Bundler / dev serverVite^5.4.11package.json
Shaderscustom GLSL (ember/crack emissive, film grain, vignette)src/shaders.ts
AudioWeb Audio API (ambient drone + SILENCE gate)src/audio.ts
HostingVercel static + SPA rewritesvercel.json