Fibonacci Fourier

This is a dynamic digital art piece merging the Fibonacci sequence with Fourier series principles. It uses p5.js to create evolving, mesmerizing visuals based on sine waves with Fibonacci-derived frequencies.

1. Canvas Setup:

   • The canvas is dynamically sized to a square aspect ratio based on the viewport.
   • Created using p5.js, the drawing loop refreshes at 30 frames per second.

2. Feature Initialization:

   • Background color is chosen randomly from a predefined set.
   • The number of lines is randomized for varied visual density.
   • The number of colors used in each piece is also randomized, adding to the variability and uniqueness of each creation.

3. Line Attributes:

   • Line widths vary within a specified range, with additional random adjustments.
   • Line colors use the HSL model, varying around a base hue for harmony. The number of distinct colors is randomized, creating a diverse color palette for each piece.

4. Fibonacci Sequence Integration:

   • Frequencies for sine waves are selected from the first 21 Fibonacci numbers.
   • Up to 25 sine functions with random Fibonacci frequencies create complex visuals.

5. Dynamic Motion:

   • Subtle random translations create a drifting effect, enhancing fluidity.
   • Randomly chosen directions for motion add to the sense of randomness and organic movement.

6. Rendering:

   • Background is reset each frame, and lines are drawn influenced by the sum of multiple sine waves.
   • Vertical positions and line widths are dynamically adjusted within constraints.

7. Color Harmony:

   • Line colors adjust slightly in each frame to maintain harmony and vibrancy.
   • The lightness of each line's color varies, adding a subtle vibrancy to the visual output.