HTML5 Demo - Team Tom: Difference between revisions
Jump to navigation
Jump to search
| Line 14: | Line 14: | ||
*Level 1: Character is playable with arrow keys. Only the yellow flower can be captured. You can move the "H" and the "5" of HTML5 anywhere in the page (hint: useful tool to grab that yellow flower!). | *Level 1: Character is playable with arrow keys. Only the yellow flower can be captured. You can move the "H" and the "5" of HTML5 anywhere in the page (hint: useful tool to grab that yellow flower!). | ||
*Level 2: The movie can be manipulated by clicking the mouse in the gray canvas area and pressing the spacebar to switch video blocks) | *Level 2: The movie can be manipulated by clicking the mouse in the gray canvas area and pressing the spacebar to switch video blocks) | ||
*Level 3 (Uses WebGL) | *[http://web.mit.edu/~tom3/www/main/level3/level3.html Level 3] (Uses WebGL) | ||
*[http://web.mit.edu/~tom3/www/main/level4/level4.html Level 4] (Uses WebGL) | *[http://web.mit.edu/~tom3/www/main/level4/level4.html Level 4] (Uses WebGL) | ||
<br> | <br> | ||
==Some screenshots of the game:== | ==Some screenshots of the game:== | ||
Revision as of 22:03, 21 February 2011
Quick Summary
- Name of the game: HTML5 Demo
- Hosted location
- [Link: http://web.mit.edu/~tom3/www/main/main.html Tutorial available here]
- Team name: Team Tom (Tom Speller)
- The demo seems to perform much better in Firefox than in Chrome/Chromium, although the final stage currently crashes regardless (Safari is not currently supported).
Tom's notes
My game is more of a set of experiments that I constructed (using video tags, canvas and WebGL via GLGE) into a very simple game. It's intended to show some of the features I found particularly interesting in my learning process. No instructions are really necessary as long as the game loads properly.
Main features(by level)
- Level 1: Character is playable with arrow keys. Only the yellow flower can be captured. You can move the "H" and the "5" of HTML5 anywhere in the page (hint: useful tool to grab that yellow flower!).
- Level 2: The movie can be manipulated by clicking the mouse in the gray canvas area and pressing the spacebar to switch video blocks)
- Level 3 (Uses WebGL)
- Level 4 (Uses WebGL)