Examples / p5.js Examples / / Square Fill

Square Fill

example p5.js javascript animation

This sketch fills the screen with squares, creating a colorful border effect.

squares filling the canvas

Remix Ideas

  • Change the speed of the squares, or the size of the border.
  • Try different shapes like rectangles, triangles, and circles.
  • Reverse the animation so the squares fill the screen from the outside instead of from the center.

Comments and Questions

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