html5 episode 2

#part2

HTML5 Game

Development

Thursday, September 29, 2011

Homework

• Colin

• Eric Meyer

• Joe

• Craig

• Dough

• Steven Degutis


TestsThursday, September 29, 2011

NO GUI!


+•JSDom•Node-JQuery•Underscore•Bullets suck


HOW?


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 }; }; };


context = new Context();

screen = new Eskimo.Screen(context);


screen.render();

expect(context).toHaveScreenClearedTo("#aaaabb");


Why?

screen.put(image);

screen.render();


JSDom

• Simulates the DOM

• Doesn’t Support HTML5

• Bullets suck


define("HTMLAudioElement", {

tagName: 'AUDIO',

attributes: [

'src'

]


levelLoader.load("newLevel");

spiedJQuery.triggerEvent("canplaythrough");

jukebox = levelLoader.getJukebox();

var asset = jukebox.assets.get('soundOne').src;

expect(asset).toEqual('sound.mp3');


Simulators are hard!


Game Logic

Interaction

DOM


SpiesspyOn(levels, "load"); TitleScreen.load(levels, screen);

expect(levels.load).toHaveBeenCalledWith('title', TitleScreen);


Acceptance

Player 1 Player 2 Winner

Rock Paper Paper

Paper Scissors Scissors

Scissors Rock Rock


ArchitectureThursday, September 29, 2011

FeedTheQuinn.Assets = {

'title': {

'images': {

'background': {

'src': 'images/title_screen_background.jpg',

'location': {

'x': 0,

'y': 0

}

},


Dead

Respawn

Alive


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


player.kill(zombie);


player.decapitate(zombie);


JavaScript


html5 episode 2

Technology