You will individually create a fully complete mobile game using the mobile web design skills shown in class. You will submit your completed application's project folder as a zip file. You will also have to record a video of your completed educational game. This will be a 2-3 minute video, created in any way you choose. Your video will detail what your game does, how you created it, and the challenges faced and overcome. This is an individual project. Minimum Requirements Your game must have the following features to pass. Failure of any one results in a fail grade. The Minimum Passing 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 purpose of this project is to demonstrate that you have learned the concepts covered in this unit, so it's important that you show these concepts primarily. • 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 must 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" Video Requirements (3-4 minutes): 1. Your Student Name + SID (as text on the screen, so we can read it) 2. A quick view of your licenses.txt file contents [10 seconds]. 3. Every feature of your app that you want to be marked for (so we know where to find it) [~60-120 seconds]. E.g. every pass feature + credit feature, if you want a credit; plus any bonus cool things you added. These features just need to be pointed out so we know where to find them; you do not need to explain how they work. So you will say: o "I am aiming for a credit. So first, here is each pass feature. #1, a single index file, #2, here is my game working in portrait view of iPhone 5, now in landscape view of iPhone 5, now in portrait view of Samsung Galaxy S5, etc etc... Now here is the code for portrait view of iPhone 5, now landscape view of iPhone 5, .... etc etc. Now, here is each credit feature. " 4. The hardest challenges for you, and how you overcame them [in any remaining time]. This lets us know what you personally learned from this exercise. Aim for around 720 x 406 Universal pixel size (not larger), and around 20mb in size (less is better). We will have 150 student videos to download, so giving us anything larger will result in a fail.