This is the first "larger" p5 project we're working on. The idea is to put KeyedUpBall, KeyListener, BouncyBall, and Timer together into a working game.

There are three "dailies" this week. Actually, these aren't separate assignments, but rather steps on the way to the spec.

You must write a detectCollision() function in KeyedUpBall which returns true when the KeyedUpBall has collided with a BouncyBall. Pass the BouncyBall as an argument; the return value should be true when they have collided or are overlapping, and false when they are not.

You must devise a system for deleting BouncyBalls from the game. This will likely be accomplished using the Array.splie() function.

In terms of design, you should put almost all of your attention into NotPacmanGame. I have included an empty object with the conventional initialize(), update(), and display() functions. You must not modify the code in the setup() and draw() functions in sketch.js, although (hint hint) you may wish there to introduce and modify a mouseClicked() function, which is invoked by p5.js whenever the mouse is clicked.

Here are the specifications for Not Pacman:

• The game should start with a black screen with the head's up display showing a zero score and a time of 0:00.
• When the user clicks on this blank screen, the game starts:
  • Twenty BouncyBalls appear at the center of the screen, radiating out in random directions
  • The KeyedUpBall appears at location of the mouse click
• The KeyedUpBall moves according to the WASD controls
• The BouncyBalls disappear whenever they collide with the KeyedUpBall
• Each time a BouncyBall collides with the KeyedUpBall, the score increases by 1
• As soon as there are no longer any BouncyBalls in the game, the game ends:
  • The KeyedUpBall disappears
  • The timer stops at its current reading (displaying how long it took to win)