HTML5 Custom Game

In May 2012, students need to use the FireFox browser rather than Internet Explorer for testing and developing HTML5 games in the computer lab!

Design and create your own custom-made interactive HTML5 game.

You will be graded on the following categories:

a/ how well the game works - The game must correctly function in an HTML5-compatible web browser when viewed locally on a computer in our classroom from its location in your HandIn folder as well as on your Google Site (via a link to the actual file that's uploaded to your DropBox Public folder.)

b/ level of complication - The game must not be trivial. The applet must be interactive. Score-keeping, collision detection, the level of animation, the number of objects or figures on the screen, use of random numbers, cheat detection, user-friendliness and practically anything else that you've studied in Visual Basic or Java at Wyomissing can help this part of your grade.

c/ originality - Do not submit a game that you copied. You may use segments of code or techniques from other sources such as w3schools.com, etc. but you must document that usage in comments within your code. Overall, the code that you copy should not make up more than 30% of the your submitted game. See the instructor ASAP if you have a question on how much originality he considers your game to have. Again, you must document the code segments that you used from online sources by typing the exact web page URL address into an HTML comment in your source code as in: 
If you can't produce your own original game, you can build upon the TicTacToe, Maze or Shooter demos however you will be exected to add SIGNIFICANT improvements to these examples. To differentiate and customize these projects, you can improve win detection, add cheat detection, add maze walls, add additional enemies and bullets, change colors, add countdown timers, place "wraparound" portals in maze walls, use gif or jpg graphics, make use of random numbers, make the layout and interface more user-friendly and appealing, etc.

d/ Coding Standards - The code must be easy to read and modify.

e/ classroom productivity - You will lose points if you are not productive in the instructor's judgement.

f/ submitted, named & annotated correctly - Name your file JDoeHTML5GamePong.html where your first initial and last name for "JDoe" are used and a word that reflects the title or purpose of the game is substituted for "Pong". Place the file into your HandIn folder. If the game consists of more than one file (graphics, CSS files, Javascript .js script files, etc), all files must be placed into a folder named JDoeHTML5GamePong.
Also, upload the game to your Public folder at dropbox and you must create a link from your Google Site to that file so that anyone can play the game. Make sure that there are no references to students or faculty and that the game is appropriate for the public. Do not display your whole name anywhere in the game. Include an HTML comment at the very top of your file that specifies the exact web page address of your Google Site (e.g.  ) as well as the exact DropBox public link to the actual game file 

Call the instructor to your computer to receive a run-time grade for this project.

You must print and submit the HTML source code as well.