Spirograph

Created using JavaScript and the p5.js library. It simulates the motion of double pendulums to produce intricate patterns.

Technical Details:
Background Colors: The piece features a diagonal gradient background drawn from a palette of 40 colors.

Foreground Colors: The foreground elements (pendulum paths and points) are selected from a palette of 160 colors.

Pendulum Frequencies: The frequencies of the pendulums are adjustable within a range of 0.1 to 10.

Core Functionality:
Canvas Setup: The canvas dimensions are set based on the smaller of the screen's width or height, ensuring a square canvas.

Gradient Background: A diagonal gradient fills the canvas using two randomly selected background colors.

Pendulum Motion: The motion of two pendulums, each with adjustable frequency, creates dynamic paths. These paths are drawn using either a solid stroke or a gradient stroke that transitions between the selected background and foreground colors.

User Interaction: Users can interact with the piece by adjusting the pendulum frequencies via provided parameters. This alters the resulting patterns.

Press 's' or 'S' to download a .gif file as {Spirograph.gif}.