// interactive motion system
Rive Signal Chamber
Drag the energy core through the chamber. Horizontal position changes the runner’s Rive state, vertical position drives intensity, and the surrounding DOM scene answers with parallax, light, particles, and phase-specific choreography.
- Rive
- State machine blending
- Pointer + touch
- Keyboard control
- CSS scene direction
// phase 01
Scout the signal.
Low energy. The runner reads the chamber and waits for a clean route.
drag
Waking the runner…
// chamber status
Scout phase. Core intensity 42%. Drag the core anywhere in the field, or use arrow keys while it is focused.The runner animation is adapted from Skills Demo V2 by JcToon under CC BY. The chamber, drag system, state choreography, and responsive interface are the lab experiment.