Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Motion Design Demo

Public visualization

Viewing a saved revision (read-only)

b4bbcd3ee77748958129eb77a2af0faa

Motion Design Demo

0 stars0🌍 Public
CCurran Kelleher
Last edited Nov 14, 2025
Created on Nov 14, 2025
Forked from P5 Starter

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