Html5 episode 2
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Html5 episode 2

on

  • 544 views

 

Statistics

Views

Total Views
544
Views on SlideShare
544
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Html5 episode 2 Presentation Transcript

  • 1. HTML5 Game Development #part2Thursday, September 29, 2011
  • 2. Homework • Colin • Eric Meyer • Joe • Craig • Dough • Steven DegutisThursday, September 29, 2011
  • 3. TestsThursday, 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 suckThursday, 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 suckThursday, 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 DOMThursday, 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 RockThursday, September 29, 2011
  • 22. ArchitectureThursday, 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 AliveThursday, 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. JavaScriptThursday, September 29, 2011