Using HTML and Javascript, write a game that has the user clicking on Squibby to make points.
The game will run for 10 seconds. During those 10 seconds count all mouse clicks into one of
two counters: hits and misses. In real time (every 100 ms) display the current counters appropriately labelled.
The counters must not move around the screen.
Squibby will be a little difficult to hit because, while he moves around (within) the screen at a steady pace, he will randomly change his direction to N, S, E, W, NE, SE, NW, SW every 500 ms. Also, a balloon is released from the bottom of the screen and floats to the top of the screen at a steady pace (slower than Squibby moves). Balloons only float up -- they do not change their direction. However, some balloons in front of Squibby and some are behind Squibby. If a balloon is in front of Squibby, then Squibby cannot be hit because the (bullet-proof) balloon is in front of him. at a
Balloons can be any shape, including square and with or without strings.
Balloons are bigger than Squibby.
Squibby has to be an animated gif. BUT DO NOT PICK AN ANNOYING ONE! What is the definition of 'annoying'? It is
anything that annoys Dr. Haynes. Better have a replacement Squibby ready to go, just in case.
Pick reasonable and fun to play rates of speed and rates of direction changes.