Back to Motion Prompt examples
Motion graphics moves, part 2 · #07
Ping-pong loop
Plays forward, then backward, over and over. A square travels to one end, then comes back along the same path as if played in reverse, again and again.
Motion techniquesping-pongloopboomerangyoyoreverseback-and-forthloader
Full motion specification
How the movement works
Use it for loaders, idle animations and any move that should repeat back and forth without a cut.
- 01One round trip per 4.7 s: 2.35 s forward, then the same motion played backwards for 2.35 s (progress g goes 0→1→0, linear).
- 02A mint rounded square (48 px, radius 13) hops from x = 92 to 447 along three arches of height 62·|sin(3πg)|, turning one full turn with g.
- 03Four ghost copies, 0.045 s apart, opacity 0.1–0.4.
- 04A playback bar below: blue with a play label while going forward, coral with a reverse label while going back. The progress bar and its knob follow g.
- 05Vertical posts mark the two turning points.
Prompt
Move the loading dot back and forth as a ping-pong loop, 1 s each way.