π Public
Viewing a saved revision (read-only)
768c91b2b6424096a8d55369fa172e76
Motion Design Demo
This example demonstrates motion design principles through an animated visualization of rotating vertical lines. The piece shows parallel lines distributed across the canvas, each rotating independently around its center with a phase shift based on horizontal position, creating an organic wave-like effect with endpoint circles marking each rotation axis. Built with p5.js, the animation uses the Canvas API with a semi-transparent rectangle overlay to create a fading trail effect that emphasizes movement over time. The rotation speed is tied to `frameCount`, and the layout responds dynamically to window resizing.
AI-generated description