Wake the signal.
Approach the dormant core, then use the wheel to put its rotation under your hand.
// extended 3D scroll study
Scrollscape
A continuous, twelve-act camera ride through procedural machinery. Scroll controls distance, orbit, roll, deformation, and velocity while every world occupies its own stretch of the same spatial rail.
- Three.js
- 12 procedural models
- Continuous camera rail
- 12 directed acts
- Particles + repeated geometry
- Lazy WebGL
Thread the knot.
Circle the impossible path while the camera banks against its scroll-driven counterspin.
Catch the satellite.
Slingshot around a moving orbital machine as its rings and moons split into separate rhythms.
Break the crystal field.
The relay opens around the lens. Keep moving and the camera fires directly through the formation.
Enter the gate.
The crystal exit resolves into a tunnel. Perspective compresses, the rings twist, and the camera commits.
Ride the helix.
Climb the engine from inside its spiral while each block ripples away from the camera rail.
Orbit the machine.
A full planetary lap lets foreground moons eclipse the core before the route dives onward.
Run the monoliths.
Drop to a low dolly and weave between translucent towers as they lean out of the path.
Weather the storm.
Solid geometry gives way to a point cloud. Banking and scroll velocity turn it into a navigable current.
Cross the nested signal.
Spiral toward the cage, watch the tetrahedron counter-rotate, then slip through its negative space.
Surf the wave array.
The antenna becomes a kinetic tunnel, with rings flexing around a camera that rolls down its axis.
Reveal the system.
The earlier motifs assemble around the lens before the final pullback exposes the whole machine.
// implementation
One rail. Twelve directed acts.
Each act receives more than three viewport-heights of travel and a scene-specific camera path. The models live along one deep corridor, so transitions reveal the next object ahead instead of replacing the current one like a slide. Scroll position drives the primary movement; velocity adds banking, and time supplies only the quieter secondary motion.