Falling Line

Falling Line

January 9, 2021

example p5.js javascript animation

This sketch shows a falling line that fills the screen, like paint filling up a bucket.

falling line

Remix Ideas

  • Change the size and speed of the line.
  • Make the line move horizontally instead of vertically.
  • Show a more accurate simulation of paint (or sand) filling up a bucket. Instead of a line, show individual pixels that fill the bottom of the screen.

Animation Examples


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!