Project Requirements:
• The game must only use: HTML, CSS, and Javascript, and the two libraries: jQuery and introtoapps. No other libraries or languages can be used, as otherwise we cannot assess what you have learned from the content in this unit.
• The game must use only a single index.html file. No other html files allowed. For CSS and Javascript, you can put these in index.html, or in 1 separate file each, it is up to you.
• The game must operate correctly and adjust in size for both portrait and landscape for the following devices (tested using Google Chrome):
o Apple iPhone 5
o Samsung Galaxy S5
o Apple iPad
• There must be a button to reset the game (either within the game or with Location.reload).
• There must be your name and SID somewhere on the screen.
• There must be at least 5 unique in-game moving objects. At least 3 of these should interact with the player (e.g. enemies, who hurt the player's life when hit). All should be different from each other somehow (different images + different code).
o Note 1: these don't have to be on the same game screen. They can be spread over different levels, for example.
o Note 2: they don't have to "move" per se, but something visual must change in response to an event (e.g. colour / image change).
o Note 3: "interacting" means either a direct user event (e.g. a tap), or a game event (e.g. a collision)
• All images/sounds/resources you use msut either be (a) Public Domain, (b) Creative Commons CC-BY license for commercial use, or (c) your own creation. You must attribute (acknowledge) the source author, by putting this in both a Credits page in your app, and in a licenses.txt file in your project folder, with one item per line, as:
o enemy1.jpg - from http://www..... - person name - License CC BY
o road.jpg - created by myself (using Adobe Illustrator) - screenshots of proof / raw images of road.ai in the "sources" folder
• All of your code must be commented (HTML briefly commented, CSS briefly commented, and Javascript especially commented)
• All your code must be indented correctly with the TAB key.
Your Project Folder/Directory must contain the following structure:
• images/ (all your images are in here)
• sounds/ (all your sound files go in here)
• index.html (the file I open in Google Chrome to run your app)
• licenses.txt (one line per image / sound file you use)
If you create your own graphics, put them in a folder: "sources".
• The game has 2 playable scenes / levels. DO NOT go to a different URL (don't have different HTML pages). That works in web pages, but not web apps. A web app (and a mobile web app) is self-contained. The entire app works from a single HTML file.
• The game is engaging and fun to play for at least 10-15 minutes. (If it is more, it is good)
• The game is technically correct. There are no obvious bugs or anomalies.
• The game includes music and/or sound.
• The game has the ability to pause and resume.
• The game has a help button, that first pauses the game, and then displays help text on how to use the game. On closing the help text, the game resumes.