Circle Packing

Circle Packing

October 20, 2022

example p5.js javascript creating-classes

Inspired by Coding Train’s circle packing video, this sketch fills the screen with circles without any overlapping.

Click here to view this code in the p5 editor.

random colored circles red and blue circles green circles black and white circles

Remix Ideas

  • Make the circle appear near the mouse.
  • Try other shapes like squares and triangles.
  • Start by adding big circles, but add smaller and smaller circles over time.

Creating Classes 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!