Oscillating Lines

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Arrays
/
Oscillating Lines
Previous:
Arrays

Oscillating Lines

This sketch uses an array to hold line height values, and then changes those values to show oscillating lines.

Edit this code in the p5.js editor.

oscillating lines

Remix Ideas

  • Change the number of lines, or their colors.
  • Give each line a random color.
  • Make the animation look more like a mountain, or a city, or trees reflected in a pond.
Previous:
Arrays

Arrays Examples

Falling Points Falling Points

Show falling points that look like snow.

Oscillating Lines Oscillating Lines

Show lines that oscillate up and down.

Fading Grid Fading Grid

Use a 2D array to show a fading grid.

Pi Visualization Pi Visualization

Visualize the first million digits of pi.

Earth Moon Emoji Orbit Earth Moon Emoji Orbit

Use arrays of emojis to show the moon orbiting the earth.

Add Your Own Example Add Your Own Example

Add your own example to Happy Coding.