• Weight: 40% • Due: Friday Week 10 @ 5pm • Submission Details: o Submission Files:  Presentation (via 3-5 minute MP4 video, < 20mb filesize), and  Code submission (zip file). o Each file must be labelled: "Project - Firstname Lastname.mp4" and "Project - Firstname Lastname.zip" (and the zip contains a single folder/directory: "Project - FirstnameLastname", with files as listed in Requirements below). Nothing else will be accepted. o Files must be uploaded to Cloud Deakin Dropbox before the deadline. Late submissions are deleted. • This is an individual project. 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 + introtoapps login 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. Grading Minimum required to pass • You have a single working app that achieves all basic features (as listed above in Requirements), written using HTML, CSS and Javascript. • Your app correctly and legally attributes all code, images and media (using other people's work without permission + attribution is plagiarism, and results in an immediate fail). • You have submitted your project folder (compressed as a zip) and the demonstration video (mp4 file). • Your code is well commented. • Your code is correctly indented. Important note: failure to legally attribute any work that isn't your own results in a fail. Grades above pass • Credit: o There are no spelling mistakes anywhere in the app. Spelling mistakes look incredibly unprofessional, and turn users off immediately. Be a professional, paste text into Word temporarily and do a spell check. o 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. o The game is engaging and fun to play for at least 10 minutes. o The game is technically correct. There are no obvious bugs or anomalies. o The game includes music and/or sound. • Distinction: All features of a Credit, and: o The game has the ability to pause and resume. o 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. o The game is engaging and fun to play for at least 30 minutes. o The game demonstrates all programming concepts we have covered in class, in new / unique ways. In other words, you haven't just copied the approach and modified values, but you have taken the concept and applied it to your situation in a way that is different than shown and that demonstrates you truly understand how the concept works. o The game is at a level that could be published as-is, and would be accepted by the app stores. • High Distinction: All features of a Distinction, and: o The game has 3 or more playable scenes / levels, that all look and operate differently to the other scenes / levels. E.g. the levels don't just look different, but the gravity effects are different, or the enemies behave in a very different way and instead of walking they fly, or instead of shooting they run and hug the character to death, etc. o The game demonstrates you can independently learn multiple advanced concepts, not covered in class, making it clear that you are already ready to enter a professional career as you are able to research and learn new concepts independently. o The app is voted by myself as indistinguishable to a high-quality real world app. E.g. no one can tell it is a student app. Images: Free to Use for Commercial Purposes / Public Domain When thinking about your Project, there is some very important information that I need you to know. You cannot ever use any image from the web or another source, unless you have legal permission to use it. That means either having someone develop the artwork for you (more for real-world projects, not this one), or you find images that have a "license for commercial use" or in the "public domain". If you can't find such a license that specifically references the file you use, then you cannot use it at all. Doing so is illegal in the real world, and results in an immediate fail of the unit, and the issue is sent to the Academic Board for a hearing. Possible Resources The easiest place to search overall is: https://search.creativecommons.org/ Here is a short list of possible game resources. Note I haven't checked most of them out. So you must confirm you can use the specific graphics for commercial purposes. Even though the overall sites may say they are okay for commercial use, you must confirm for each individual image or graphic set. • http://rontavstudio.com/assets/ • http://opengameart.org • http://www.sprite-kit.com/opensource/ • http://www.toonzcat.com/resources.html • https://www.makeschool.com/gamernews/277/20-best-free-art-resources-for-game-developers • http://letsmakegames.org/resources/art-assets-for-game-developers/ • https://www.scirra.com/forum/link-to-t-111-ns-of-free-sprites_t62281 • http://www.lostgarden.com/2007/04/free-game-graphics-tyrian-ships-and.html?m=1 If you want to create your own animated sprite packs: • Spriter