ZeusHeracles
The Parametric Singularity
A lightning bolt with no model file — a high-segment cylinder displaced along its own normals by 3D noise every frame, orbited by fourteen shards on an underdamped spring.
Learning value: 5 of 5
Chamber 02
Hermes
Motion & Interaction
Timing, easing, scroll-linked narrative, gesture continuity, and the performance of complex timelines.
Speed, transition, and the cunning delivery of movement. Motion that creates hierarchy rather than decorating it — and the reduced-motion fallbacks that keep the meaning intact.
Instrument · easing comparator
12 entries · 6 run live
Lead exhibit · learning 5/5
- The Parametric SingularityHeraclesA lightning bolt with no model file — a high-segment cylinder displaced along its own normals by 3D noise every frame, orbited by fourteen shards on an underdamped spring.
- The Rift in N-SpaceAchillesA bident built by subtraction — unlit black prongs with tone mapping disabled, and a simplex vortex between them that the cursor drags like a hand through smoke.
- Easing ComparatorHeraclesSix curves, one scrubbable timeline — see the same motion under different laws instead of arguing about feel.
- Weighted EasingAchillesA staggered reveal with its timeline exposed as a scrubbable value, so stagger stops being a feeling and becomes a number.
- Reduced Motion ContractPenelopeOne honest global switch — system preference plus user override — that every animation layer already reads.
- Weighted PressAchillesA button whose six states were designed together, with an asymmetric press that gives the control apparent mass.
- Continuity SwapCirceOne persistent marker interpolated between two authored positions, with a cut mode beside it that shows exactly what continuity buys.
- Scroll to StagePenelopeArm a GPU stage only when it enters the viewport, and drive a single uniform from scroll velocity — never from a second RAF.
- Scroll Velocity BusHectorOne RAF writes --scroll-progress and --scroll-velocity; every atmosphere and stage reads the bus without registering listeners.
- Layered Depth FieldHectorFour translucent planes at different parallax depths producing depth with no canvas, no shader, and no main-thread cost.
- Route View TransitionsCirceAsymmetric enter/leave choreography for same-origin navigation, with named chrome that never cross-fades against itself.
- Threshold CrossingHectorThe first three seconds and every route change — a threshold that never mounts under reduced motion and never scroll-jacks.