闲扯游戏编程之html5篇--山寨版《flappy bird》源码

 1 me.input.bindKey(me.input.KEY.SPACE, "fly", true);  2 //this.start = false;  3 game.data.score = 0;  4 game.data.timer = 0;  5 game.data.start = false;  6  7 me.game.add(new BackgroundLayer('bg', 1));  8  9 var groundImage = me.loader.getImage('ground'); 10 11 this.ground = new me.SpriteObject( 12 0, 13 me.video.getHeight() - groundImage.height, 14  groundImage 15  ); 16 me.game.add(this.ground, 11); 17 18 this.HUD = new game.HUD.Container(); 19 me.game.world.addChild(this.HUD); 20 21 me.entityPool.add("clumsy", BirdEntity); 22 me.entityPool.add("pipe", PipeEntity, true); 23 me.entityPool.add("hit", HitEntity, true); 24 25 this.bird = me.entityPool.newInstanceOf("clumsy", 60, 26 me.game.viewport.height/2 - 100); 27 me.game.add(this.bird, 10); 28 this.posX = me.game.viewport.width; 29 30 //inputs 31  me.input.bindMouse(me.input.mouse.LEFT, me.input.KEY.SPACE); 32 me.state.transition("fade", "#fff", 100); 33 34 this.getReady = new me.SpriteObject( 35 me.video.getWidth()/2 - 200, 36 me.video.getHeight()/2 - 100, 37 me.loader.getImage('getready') 38  ); 39 me.game.add(this.getReady, 11); 40 var popOut = new me.Tween(this.getReady.pos).to({y: -132}, 2000) 41  .easing(me.Tween.Easing.Linear.None) 42 .onComplete(function(){ game.data.start = true;}).start(); 43 },

 1 var BirdEntity = me.ObjectEntity.extend({  2 init: function(x, y){  3 var settings = {};  4 settings.image = me.loader.getImage('clumsy');  5 settings.spritewidth = 85;  6 settings.spriteheight= 60;  7  8 this.parent(x, y, settings);  9 this.alwaysUpdate = true; 10 this.gravity = 0.2; 11 this.gravityForce = 0.01; 12 this.maxAngleRotation = Number.prototype.degToRad(30); 13 this.maxAngleRotationDown = Number.prototype.degToRad(90); 14 this.renderable.addAnimation("flying", [0, 1, 2]); 15 this.renderable.addAnimation("idle", [0]); 16 this.renderable.setCurrentAnimation("flying"); 17 this.animationController = 0; 18 this.updateColRect(10, 70, 2, 58); 19  }, 20 21 update: function(x, y){ 22 // mechanics 23 if (game.data.start) { 24 if (me.input.isKeyPressed('fly')){ 25 this.gravityForce = 0.01; 26 27 var currentPos = this.pos.y; 28 tween = new me.Tween(this.pos).to({y: currentPos - 72}, 100); 29  tween.easing(me.Tween.Easing.Exponential.InOut); 30  tween.start(); 31 32 this.renderable.angle = -this.maxAngleRotation; 33 }else{ 34 this.renderable.setCurrentAnimation("flying"); 35 this.gravityForce += 0.2; 36 this.pos.add(new me.Vector2d(0, me.timer.tick * this.gravityForce)); 37 this.renderable.angle += Number.prototype.degToRad(3) * me.timer.tick; 38 if (this.renderable.angle > this.maxAngleRotationDown) 39 this.renderable.angle = this.maxAngleRotationDown; 40  } 41  } 42 //manual animation 43 var actual = this.renderable.getCurrentAnimationFrame(); 44 if (this.animationController++ % 2){ 45 actual++; 46 this.renderable.setAnimationFrame(actual); 47  } 48 49 res = this.collide(); 50 var hitGround = me.game.viewport.height - (96 + 60); 51 var hitSky = -80; // bird height + 20px 52 if (res) { 53 if (res.obj.type != 'hit'){ 54  me.state.change(me.state.GAME_OVER); 55 return false; 56  } 57  me.game.remove(res.obj); 58 game.data.timer++; 59 return true; 60 }else if (this.pos.y >= hitGround || this.pos.y <= hitSky){ 61  me.state.change(me.state.GAME_OVER); 62 return false; 63  } 64 65 var updated = (this.vel.x != 0 || this.vel.y != 0); 66 if (updated){ 67 this.parent(); 68 return true; 69  } 70 return false; 71  }, 72 73 });