I · ARRIVAL
Form, before motion.
A warm field of geometry suspended in air. The cursor steers the lens — depth without a destination. Move the mouse, then keep scrolling.
INTERLUDE · BREATH
From shape to motion.
The first chapter holds still on purpose. Geometry settles into the frame, warm light pools across the surfaces, and the cursor learns the lens — every nudge of the mouse rebalances the camera through a single exponential lerp.
Nothing is asked of the scroll wheel yet. The hero is a tableau, not a journey. You inhabit it the way you'd inhabit a portrait: by moving your gaze, not your feet.
What follows is a different verb. A core appears. A halo of particles unfurls around it. The hue cycles cyan to violet as the structure reaches its widest radius, all of it keyed to a single ref that updates on scroll and never re-renders the React tree.
Same input device. Same hand. The wheel finally has something to do.
II · EXPANSION
The shell breathes outward.
Particles unfurl from a luminous core; hue drifts cyan toward violet as the structure reaches its widest radius. Scroll-driven, ref-piped, zero React re-renders.
INTERLUDE · CUT
The hand lets go.
So far the input has been generous. The cursor steered the hero. The wheel breathed the journey outward. Two channels, two responses, both yours to drive.
The next beat takes one of them away. Mouse parallax goes silent. The camera follows a Catmull-Rom curve that was authored before the page loaded — five anchor points, centripetal tension, eased through a cubic so the velocity never spikes at the seams.
Your only remaining job is to keep scrolling. The curve does the rest: it sweeps past the centerpiece, threads a corridor of wireframe rings, brushes a Text3D word, and dissolves into a sparkle field — all on the same `t` parameter.
The trade is intentional. When the path is fixed, the framing can be precise. A camera on rails carries a different kind of authority than a camera you steer.
III · PASSAGE
A camera, on rails.
The lens dives a Catmull–Rom path through staged moments — corridor, word, dispersal — each beat keyed to the same scroll progress, eased through a cubic.
INTERLUDE · GATHER
Three techniques, one tableau.
Each chapter has rehearsed a different relationship between the body and the scene. Mouse parallax pulled the hero into focus. Scroll progress unfurled the journey's particle shell. A pre-baked Catmull-Rom traced the passage without asking anything of the cursor.
The closing chapter compounds them. The mouse is live again, tilting the camera and pulling its target. Scroll dollies the lens forward, lerping z from 9 to 4.5 across the chapter window. A particle halo breathes around a violet icosahedron at the center.
None of these techniques are new at this point. What's new is the read — three concurrent inputs, three concurrent responses, all composing the same image. The earlier chapters were studies. This one is the picture they were studies for.
After this, the page ends. Scroll past the finale and the document simply runs out — no postscript, no call to action. The work is to have arrived here.
IV · RESOLUTION
Everything, together.
Mouse parallax, scroll dolly, particle halo — the techniques compound into a single closing tableau. Four canvases, four scenes, one continuous read.