Saknussemm 🧭🌋

"Descend, bold traveler, into the crater of the jökull of Snæfells, which the shadow of Scartaris caresses before the calends of July, and you will reach the center of the earth. I have done it. — Arne Saknussemm."

An immersive, scroll-driven subterranean exploration web experience created as a tribute to Jules Verne’s legendary 1864 masterpiece, "A Journey to the Center of the Earth" (Voyage au centre de la Terre).

Saknussemm invites the traveler to embark on an atmospheric descent through the hollowed arteries of the planet. Guided only by a flickering lantern, the explorer journeys from the study in Hamburg to the crater of Snæfellsjökull, plunging tens of kilometers through granite fissures, bioluminescent mushroom forests, and subterranean oceans, before being violently ejected through the volcanic mouth of Stromboli.

• Volumetric 2.5D Generative Subterranean Engine (Canvas 2D + WebGL FX):
  • Procedural Volumetric Light Shafts (God Rays): Dynamic rotating light beams project outward from the adventurer's lantern into the cavern gloom, illuminating drifting dust motes and rock ridges with screen-blended radial attenuation.
  • Normal-Mapped Rock Strata Depth: Concentric cavern rings compute 2D surface normals $\vec{N}$ and light vectors $\vec{L}$ in real time to render chiseled highlight facets ($N \cdot L$), deep ambient occlusion shadows, and specular crystal glints on wet rock ($N \cdot H$).
  • Multi-Pass Glowing Bloom: Offscreen downsampled bloom buffer extracts high-luminance runes, fungal spores, and molten magma fissures, compositing a lush ethereal halo across the subterranean abyss.
  • Interactive WebGL Fluid Distortion on Archival Plates: Checkpoint illustrations feature liquid wave disturbances, mouse wake ripples, chromatic aberration along wave crests, and biome-specific ambient convection (heat haze, acoustic vibrations, ocean swells).
  • Concentric jagged rock strata rings projected with perspective depth, expanding dynamically outward as you scroll downward.
  • 3D-to-2D projected atmospheric particles (ambient dust, glowing spores, and magma embers) rushing toward the viewer.
• Dynamic Biome Color Transitions:
  • Real-time environmental palette shifting across 8 geological depths (glacier slate $\rightarrow$ granite chasm $\rightarrow$ phosphorescent fungi $\rightarrow$ Lidenbrock sea $\rightarrow$ molten magma).
• Interactive Adventurer's Lantern:
  • The cursor acts as a lantern light source, illuminating uneven rock strata, revealing hidden runic carvings, and gently tilting the cavern's vanishing point for head-tracking parallax.
• Interactive Wall Runes & Whispers:
  • Saknussemm's runic markers etched along the tunnel walls respond to clicks and lantern proximity, emitting sparkling auras, mystical harmonic chime arpeggios, and deciphered ancient lore toasts.
• Milestone Seismic Camera Shake & Jitter:
  • Procedural tectonic tremors and camera rumbling during high-intensity moments: The Leviathan Duel (abyssal shocks) and The Ascent of Stromboli (violent volcanic eruption).
• Procedural Web Audio Soundscape & Descent Foley:
  • Synthesized via the native Web Audio API without heavy external audio files:
    • Sub-bass tectonic drone (A1 / 55 Hz descending to 28 Hz rumbles).
    • Rhythmic subterranean boot crunch & taut hemp rope strain foley triggered during rapid descent.
    • Subterranean wind noise generator with depth-reactive bandpass filtering.
    • Cavern water droplets and crystalline acoustic echoes.
• Scroll-Lock Gating for Deliberate Storytelling:
  • Integrated with Lenis virtual scroll physics: smoothly anchors at each checkpoint, highlighting the narrative text word-by-word with reading progress before permitting further descent.
• Exportable Expedition Certificate (Epilogue):
  • Triumphant 19th-century parchment certificate honoring the traveler upon reaching the Epilogue: includes editable explorer name, route telemetry, clipboard dispatch copying, and celebration confetti.
• Expedition Journal & Runic Cipher:
  • Interactive field notes modal recording discoveries at each depth.
  • Fully interactive Runic Cipher Decoder allowing travelers to decipher Saknussemm's ancient Icelandic cryptograms.

• Framework: React 19 + Vite + TypeScript
• Styling: Tailwind CSS v4
• Smooth Virtual Scroll: Lenis
• State Management: Zustand
• Animation Choreography: GSAP & Motion
• Audio Engine: Pure Web Audio API (procedural synthesis)
• Icons: Lucide React

• Node.js (v18 or higher)
• npm or yarn

1. Clone the repository:

   git clone https://github.com/devpryan7792/saknussemm.git
   cd saknussemm

2. Install dependencies:

   npm install

3. Start the local development server:

   npm run dev

   Open http://localhost:3000 in your browser to begin the descent.

4. Build for production:

   npm run build

Inspired by Jules Verne's Voyage au centre de la Terre (1864). Open source under the MIT License.