EXPERIMENT 01 / DETERMINISTIC MOTION
Time, under your control.
One timeline. Every frame.
Play it forward, or take it apart.
Paused6.00 s / 30 fps
01 Square
+0 ms
02 Circle
+800 ms
03 Diamond
+1600 ms
/ 6.00 s
FRAME
Reduced motion is on. Scrub for still frames, or press Play to preview motion.
THE IDEA
Same time. Same pixels.
Anime.js owns the motion. Each shape starts 800 ms after the last. At 3.6 seconds, they return together.
TRY IN THE CONSOLE · SECONDS
window.frame(2.4)Pause and seek to an exact moment.
The video renderer uses this same call.