We now use an array to store a list of circles so that we can track more than one. Each item in the array is an object containing x, y, dx, dy, and r for one circle

The script listens for the space bar to add circles to the system (click inside the red box first so it will hear you)

This new version of the example features better comments explaining each line of code.

It also includes the changes we made in class today to create a variable (radius or r) that holds the ball's radius and is used to make the ball bounce before any of its edges goes off any side of the canvas. (notice in the previous example that the ball doesn't bounce until its center reaches an edge)

View and edit the code here

Use this link to load the app fullscreen on a mobile device or in the iOS simulator