real time circle packing - now in real time!

In which the author finally “finishes” a project. (okay, this wasn’t actually the end goal, but it’s like 90% done, i swear)

The render speed is <30ms! (on my laptop anyway)

Check out the demo here:

So fast :o

TODO - write something about the journey/learning along the way!

To summerize:

  • avoid calling canvas.width/canvas.height in tight loops
  • use typed arrays when possible, and if not, try to only pack lists with POD types (object lists suck).
Written on June 17, 2022