Weitere ähnliche Inhalte
Kürzlich hochgeladen (20)
SCMC HTML5 Game Development
- 1. HTML5
Game
Development
#likeacraftsman
Monday, September 26, 2011 1
- 16. Canvas
<canvas width="200" height="200">
This Browser doesn't support the canvas.
</canvas>
Monday, September 26, 2011 16
- 18. context.save();
context.setTransform(1,0,0,1,0,0);
context.translate(400, 300);
context.rotate(playerState.rotationAngle);
context.drawImage(player, -37, -30);
context.restore();
Monday, September 26, 2011 18
- 20. Audio
backgroundMusic.play();
backgroundMusic.pause();
Monday, September 26, 2011 20
- 23. function gameLoop() {
update();
draw();
}
setInterval(function() { gameLoop(); }, this.getTickTime())
Monday, September 26, 2011 23
- 24. this.loop = function() {
while (scheduler.getTicks() > nextGameTick) {
updaterList.update();
nextGameTick += scheduler.getTickTime();
}
screen.render();
};
Monday, September 26, 2011 24
- 30. +
•JSDom
•Node-JQuery
•Underscore
•Bullets suck
Monday, September 26, 2011 30
- 33. 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 };
};
};
Monday, September 26, 2011 33
- 34. context = new Context();
screen = new Eskimo.Screen(context);
Monday, September 26, 2011 34
- 35. screen.render();
expect(context).toHaveScreenClearedTo("#aaaabb");
Monday, September 26, 2011 35
- 36. Why?
screen.put(image);
screen.render();
Monday, September 26, 2011 36
- 37. JSDom
• Simulates the DOM
• Doesn’t Support HTML5
• Bullets suck
Monday, September 26, 2011 37
- 39. levelLoader.load("newLevel");
spiedJQuery.triggerEvent("canplaythrough");
jukebox = levelLoader.getJukebox();
var asset = jukebox.assets.get('soundOne').src;
expect(asset).toEqual('sound.mp3');
Monday, September 26, 2011 39
- 40. Simulators
are hard!
Monday, September 26, 2011 40
- 41. Game Logic
Interaction
DOM
Monday, September 26, 2011 41
- 42. Spies
spyOn(levels, "load");
TitleScreen.load(levels, screen);
expect(levels.load)
.toHaveBeenCalledWith('title', TitleScreen);
Monday, September 26, 2011 42
- 43. Acceptance
Player 1 Player 2 Winner
Rock Paper Paper
Paper Scissors Scissors
Scissors Rock Rock
Monday, September 26, 2011 43
- 46. FeedTheQuinn.Assets = {
'title': {
'images': {
'background': {
'src': 'images/title_screen_background.jpg',
'location': {
'x': 0,
'y': 0
}
},
Monday, September 26, 2011 46
- 47. Respawn
Dead
Alive
Monday, September 26, 2011 47