Flappy Bird

在网上学习了下“65行 JavaScript 代码实现 Flappy Bird 游戏”(http://blog.jobbole.com/61842/),main.js 如下:

// Initialize Phaser, and creates a 400x490px game
var game = new Phaser.Game(400, 490, Phaser.AUTO, 'game_div');

// Creates a new 'main' state that wil contain the game
var main_state = {

preload:function() {

this.game.stage.backgroundColor = '#71c5cf';
this.game.load.image('bird','assets/bird.png');
this.game.load.image('pipe','assets/pipe.png');
},

create:function() {

this.bird = this.game.add.sprite(100,245,'bird');
this.bird.body.gravity.y = 1000;

this.pipes = game.add.group();
this.pipes.createMultiple(20,'pipe');

var space_key =
this.game.input.keyboard.addKey(Phaser.Keyboard.SPACEBAR);
space_key.onDown.add(this.jump,this);

this.timer = this.game.time.events.loop(1500,this.add_row_of_pipes,this);

this.score = 0;
var style = { font:"30px Arial",fill:"#ffffff"};
this.label_score = this.game.add.text(20,20,"0",style);

},

update: function() {

if(this.bird.inWorld == false)
this.restart_game();

this.game.physics.overlap(this.bird,this.pipes,this.restart_game,null,this);
},

jump:function(){
this.bird.body.velocity.y = -350;
},

restart_game:function(){
this.game.time.events.remove(this.timer);

this.game.state.start('main');

},

add_one_pipe:function(x,y){
var pipe = this.pipes.getFirstDead();
pipe.reset(x,y);
pipe.body.velocity.x = -200;
pipe.outOfBoundsKill = true;
},

add_row_of_pipes:function(){

var hole = Math.floor(Math.random()*5)+ 1;

for(var i = 0; i < 8; i++)
if(i != hole && i != hole + 1)

this.add_one_pipe(400,i*60+10);

this.score += 1;
this.label_score.content = this.score;

},
};

game.state.add('main', main_state);
game.state.start('main');

学着网上的代码写,感觉这个小游戏实现起来看起来也挺简单挺有意思的,javascript代码编辑起来,用的Editplus,以至于background写成backgroud查了好久,最后用了winMerge才查出来。工欲善其事,必先利其器。

上一篇:text-overflow文本溢出隐藏“...”显示


下一篇:HR 常用事务代码