Html5 episode 2
- 1. HTML5
Game
Development
#part2
Thursday, September 29, 2011
- 2. Homework
• Colin
• Eric Meyer
• Joe
• Craig
• Dough
• Steven Degutis
Thursday, September 29, 2011
- 8. +
•JSDom
•Node-JQuery
•Underscore
•Bullets suck
Thursday, September 29, 2011
- 11. Context = function() {
this.drawImage = function(image, x, y) {
imageList.push({name: image, x: x, y: y});
};
this.fillRect = function(x, y, width, height) {
this.filledRect = {x: x, y: y, width: width, height: height };
};
};
Thursday, September 29, 2011
- 12. context = new Context();
screen = new Eskimo.Screen(context);
Thursday, September 29, 2011
- 13. screen.render();
expect(context).toHaveScreenClearedTo("#aaaabb");
Thursday, September 29, 2011
- 14. Why?
screen.put(image);
screen.render();
Thursday, September 29, 2011
- 15. JSDom
• Simulates the DOM
• Doesn’t Support HTML5
• Bullets suck
Thursday, September 29, 2011
- 17. levelLoader.load("newLevel");
spiedJQuery.triggerEvent("canplaythrough");
jukebox = levelLoader.getJukebox();
var asset = jukebox.assets.get('soundOne').src;
expect(asset).toEqual('sound.mp3');
Thursday, September 29, 2011
- 18. Simulators
are hard!
Thursday, September 29, 2011
- 19. Game Logic
Interaction
DOM
Thursday, September 29, 2011
- 20. Spies
spyOn(levels, "load");
TitleScreen.load(levels, screen);
expect(levels.load)
.toHaveBeenCalledWith('title', TitleScreen);
Thursday, September 29, 2011
- 21. Acceptance
Player 1 Player 2 Winner
Rock Paper Paper
Paper Scissors Scissors
Scissors Rock Rock
Thursday, September 29, 2011
- 24. FeedTheQuinn.Assets = {
'title': {
'images': {
'background': {
'src': 'images/title_screen_background.jpg',
'location': {
'x': 0,
'y': 0
}
},
Thursday, September 29, 2011
- 25. Respawn
Dead
Alive
Thursday, September 29, 2011
