Falling Points

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Arrays
/
Falling Points
Previous:
Arrays

Falling Points

January 7, 2021

example p5.js javascript input

This sketch uses an array that holds a Y value for every X value across the width of the canvas. It adds a random number to each Y value so that the points fall at different speeds.

falling points

Remix Ideas

  • Make all the points move at the same speed.
  • Make all the points move horizontally as well as vertically.
  • Make a more realistic simulation of rain or snow.
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.

Comments

Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!

Comments are powered by the Happy Coding forum. This page has a corresponding forum post, and replies to that post show up as comments here. Click the button above to go to the forum to post a comment!