A standalone immersive site for the OMNI DEATH brand — real WebGL, not video loops. Gravitational-lensing shaders, a 3D ocean, drag-to-rotate product, and scroll-cinematic motion.
Built in vanilla TypeScript + Three.js, no framework bloat: four pages, GPU shaders running live in the browser, every effect scroll-gated so only what's on-screen renders. The brand world from the concept case, turned into something you move through instead of watch.
The hero bends a branded texture around a gravitational mass; a second page drops you onto a real-time 3D ocean tuned to a dead, cold void palette; product spins on a drag-to-rotate turntable; and the cult pages run live video loops inside member dossiers. Premium dark-metal direction held consistent across every surface.
The Blackhole
The film page hero is a live GLSL fragment shader — gravitational lensing that bends a branded source texture around an animated mass point. Scroll-gated so the render loop pauses off-screen.
The Ocean
A real-time 3D ocean — Three.js Water + Sky with a live art-direction console: sun elevation, azimuth, wave intensity, turbidity and water colour all tunable on the fly, then locked to the dead, cold OMNI DEATH palette. Drag the horizon to look around.
The Vault
A drag-to-rotate product turntable — pre-rendered angle frames crossfading on drag with inertia and idle auto-rotate, giving 3D product handling without shipping a heavy 3D model.
The Object — a live 3D can
A dedicated page renders the real product can as live geometry: a DRACO-compressed GLB loaded into Three.js, lit in real time, that you can drag to spin — it eases back on release. The decoder ships locally so it paints on first load, the render loop is scroll-gated, and on phones the can drops into its own centred section so it never falls out of frame. Drifting Mad-Max wasteland video backdrops sit behind it. See it live →
The Cult
Member dossiers and a ritual film strip run live, muted video loops inline — the synthetic faces from the brand case, brought to motion inside a scroll-parallaxed editorial layout.
The Descent — a playable page
The site doesn't just sell the brand — it lets you fall into it. THE DESCENT is a real-time Three.js endless runner wired into the site: you are the can, weaving plastic-bottle walls down a procedurally-engraved void with object-pooled hazards, synthesized WebAudio, a real combo system and depth-zone moods. A reason to come back. Play it →
