Orbiting planes

8s · 1:1 · Original authored example, not a claimed AI generation

Create an 8-second square seamless spatial loop with three thin rectangular planes rotating around a shared centre. Use perspective projection in Canvas or local WebGL; no imported meshes or libraries. The opening and ending states must match mathematically. Keep a charcoal background, cool planes and one coral edge so depth remains legible. Exact small caption 'Orbiting planes'. Avoid strobing or rapid camera movement. Plan four keyframes, then implement a self-contained HTML file with window.DURATION = 8 and async window.seek(t), deriving rotation from periodic functions of t and using no animation loop or network.