Gameplay in HTML5: Homework #2
Web Application Framework
You will begin building your version of this course's game, FreeCell. You may find the Wikipedia article helpful, and there are several open-source and commercial versions available online that you may want to study.
Create a project directory (called
FreeCell, maybe) and add links to modernizr.js and jquery.js, as you did for the first assignment.
- Optional, but recommended: set up version control for this project. For Git, just run
git init in the directory. This will allow you to create branches for experimental work, to keep a record of your progress, and to backtrack to an earlier version if necessary. After this, just run
git add <file>, and
git commit regularly. (Don't forget to back up your hard drive periodically, too.)
- Create index.html, the HTML for the Web app. In this:
- Load your style sheet(s).
- Load modernizr.js and Loader.js (see below).
divs for your app's screens:
- A splash screen
- The main menu
- The game screen
- A settings screen
- An About screen
- Any others you want your app to have
Choose one or more Web fonts (from Google Web Fonts or elsewhere). Use the FontSquirrel @font-face Generator or another tool to generate at least WOFF and TTF formats of your font(s). Write the CSS to make
Create HTML elements and styling for your splash screen. (You may include images if you wish, but also play with text styling.)
divs, and also to run code for each screen.
Put at least your name on the About screen. (Give yourself some credit.)
- Archive your files. E.g.:
tar -czvf Gameplay_2_MyName.tgz files
(Please do not include jquery.js or modernizr.js files in the archive. Links are OK.)
E-mail the archive to the instructor.