Motion Reel

Interactive Motion Design in Experience

Interactive Motion Design in Experience

Year

2026

Client

Hidden Lake Studio

Service

Motion Design, Visual Direction, Branding, Graphic Design

Motion Reel 2026

© Motion Reel

Motion as Instrument, Not Ornament

Motion in interactive software is usually applied as a finishing coat — bounces, parallax, fade-ins added late to make a static interface feel "alive." The reel refuses that framing. The piece argues, by example, that motion is the interface's primary medium for communicating system state: every easing curve carries information, every spring should match the perceived mass of the thing it moves, and every transition is an opportunity to make the underlying behavior of the software visible.

Process

The boids segment is representative. Five hundred particles solve Reynolds' three classical rules — separation, alignment, cohesion — and a fourth one written for the reel: hand attraction, which pulls the flock toward the wrist landmark of a MediaPipe-style hand skeleton tracked in real time from the webcam feed.


A Datastream Control Deck exposes every coefficient — separation weight 1.86, alignment 0.41, cohesion 0.32, attraction 0.5, neighbor radius 50, total boids 500, max velocity 4.0, render style toggleable between line and point — so the system is tunable on camera while the performance is happening. The control deck is part of the choreography, not a setup screen.