在网上学习了下“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才查出来。工欲善其事，必先利其器。