1. HTML5
Game
Development
#part2
Thursday, September 29, 2011

2. Homework
• Colin
• Eric Meyer
• Joe
• Craig
• Dough
• Steven Degutis
Thursday, September 29, 2011

3. Tests
Thursday, September 29, 2011

4. Thursday, September 29, 2011

5. Thursday, September 29, 2011

6. NO GUI!
Thursday, September 29, 2011

7. NO GUI!
Thursday, September 29, 2011

8. +
•JSDom
•Node-JQuery
•Underscore
•Bullets suck
Thursday, September 29, 2011

9. HOW?
Thursday, September 29, 2011

10. 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

16. define("HTMLAudioElement", {
tagName: 'AUDIO',
attributes: [
'src'
]
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

22. Architecture
Thursday, September 29, 2011

23. 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

26. Thursday, September 29, 2011

27. Thursday, September 29, 2011

28. Thursday, September 29, 2011

29. if (intersects(humanControlledBitmap.currentlyHeldKillableObject,
otherGameObject.boundingBox) &&
otherGameObject.isCapableOfEndingGame?) {
gameObjectList.remove(otherGameObject);
numericValueRepresentingAPositiveReinforcementOfPlayerBehavior
+= 100241;
}
Thursday, September 29, 2011

30. player.kill(zombie);
Thursday, September 29, 2011

31. player.decapitate(zombie);
Thursday, September 29, 2011

32. JavaScript
Thursday, September 29, 2011