Canvas Loop Synthesis

Definition

Techniques for authoring mathematically seamless animation loops on HTML5 Canvas and WebGL using periodic trigonometric functions.

Key Characteristics

• Normalization of loop duration into $[0,1)$ or $[0,2\pi )$ phases.
• Phase-shifted array offsets creating fluid kinetic motion.

Applications

• Looping animated GIFs
• Generative digital signage

Mentions in Source

• “Structuring seamless, looping time parameters with TWO_PI normalized cycles.” — reverse-engineering-generative-art