别碰钉子^^

欢迎来到程序小院

别碰钉子

玩法：鼠标点击左键飞行的小鸟就会上升，不点击降落，不同的关卡左右两侧不同的钉子数，快去闯关吧^^。

开始游戏https://www.ormcc.com/play/gameStart/224

html

  <div id="game"></div>  

css

*{margin:0;padding:0}
html, body
{
    -webkit-text-size-adjust:none;
    overflow: hidden;
    height:100%;
}

js

MyGame.Game = function(game) {
 game.direction = 1;
 this.nailNumber = 1;
 this.score = 0;
 this.hitWall = false;
 game.isRun = false;
};
MyGame.Game.prototype = {
    create: function() {
        game.stage.backgroundColor = '#d4d8d3';
        GameUI.Game_element()
     //添加屏幕中间的圆
     this.circle = game.add.sprite(game.world.centerX, game.world.centerY, 
      game.circleGraphics.generateTexture());
     this.circle.anchor.set(0.5);
     this.scoreText = this.add.text(this.world.centerX, this.world.centerY+20, 
      '0',{font: "bold 238px Microsoft YaHei", fill: '#d4d8d3',align:'center'});
        this.scoreText.anchor.set(0.5);
        
        //添加上下矩形
  this.rectTop = game.add.sprite(0, 0, game.rectGraphics.generateTexture());
  this.rectBottom = game.add.sprite(0, game.world.height - 80, 
    game.rectGraphics.generateTexture());
     //添加小鸟
     this.bird = this.add.sprite(game.world.centerX,game.world.centerY,'bird');
     this.bird.anchor.set(0.5);
     //开启物理引擎
     game.physics.enable([this.bird],Phaser.Physics.ARCADE);
     //开启鸟的边界碰撞，系数 0.8
     this.bird.body.collideWorldBounds = true;
     this.bird.body.bounce.set(0.8)
     //添加上下钉子组(带物理属性)
     this.upbottomNailGroup = game.add.physicsGroup();
     //添加左右钉子组(带物理属性)
     this.leftrigthNailGroup = game.add.physicsGroup();
     //循环添加 上下钉子，并加入到上下钉子组里面
     for(var i = 0 ;i<16;i++)
     {
      if(i<8)
      {
       this.Nail = game.add.sprite(96*i, 80+20, game.NailGraphics.generateTexture());
       this.upbottomNailGroup.add(this.Nail);
      }
      else
      {
       this.Nail = game.add.sprite(96*i - game.world.width - 19, 
          game.world.height - 80 - 20, game.NailGraphics.generateTexture());
       this.Nail.scale.y = -1
       this.upbottomNailGroup.add(this.Nail);
      }
     }
     //让上下钉子组固定不动
     this.upbottomNailGroup.forEach(function(i){
      i.anchor.set(0,0.5);
      i.body.immovable = true;
     })
     //利用自定义createNail方法创建钉子
     this.createNail(2)
     this.GameStart();
     //添加屏幕点击事件
     game.input.onTap.add(this.birdJump, this);
     //销毁 图形
     game.circleGraphics.destroy();
     game.NailGraphics.destroy();
     game.rectGraphics.destroy();
    },
    GameStart : function(){
     game.isRun = true;
        this.bird.body.gravity.y = 1000;
        this.bird.body.velocity.y = -350;
     this.bird.body.velocity.x = 200
    },
    GameOver : function(){
     game.isRun = false;
     this.bird.body.velocity.x = 2000;
        this.bird.body.velocity.y = 2000;
        this.add.tween(this.bird).to( { alpha: 0 }, 1000, "Linear", true).onComplete.add(function(){
            this.bird.kill();
        }, this);
    },
    birdJump : function(){
     if(game.isRun)
     {
      this.bird.body.velocity.y = -350;
      this.bird.body.velocity.x = 200 * game.direction;
     }
    },
    createNail : function(num){
     for(var i=0;i<num;i++)
        {
         var nailSpace = 120 + 60 * this.RandomNum(0,15)         
         this.NailA = game.add.sprite(game.world.width - 15, nailSpace , game.NailGraphicsA.generateTexture());
      this.NailA .anchor.set(0.5,0);
      this.leftrigthNailGroup.add(this.NailA);
      this.NailA.body.immovable = true;
        }
    },
    RandomNum : function(Min,Max){
     var Range = Max - Min;
  var Rand = Math.random();   
  var num = Min + Math.round(Rand * Range);
  return num;
    },
    update: function() {
     if(!game.isRun) return;
     game.physics.arcade.collide(this.upbottomNailGroup, 
      this.bird,this.GameOver, null, this);
     game.physics.arcade.collide(this.leftrigthNailGroup, 
      this.bird,this.GameOver, null, this);
     if(this.bird.x>=game.world.width - this.bird.width/2)
     {
      game.direction = this.bird.scale.x =  -1;
      this.hitWall = true;
     }
     else if(this.bird.x<=0 - this.bird.width/2){
      game.direction = this.bird.scale.x =  1;
      this.hitWall = true;
     }
     if(this.hitWall)
     {
      this.score++;
      this.scoreText.setText(this.score);
      if(this.score % 10 == 0)
      {
       this.createNail(1)
      }
      this.leftrigthNailGroup.forEach(function(i){
       i.body.immovable = true;
       if(game.direction == -1)
       {
        i.x = 0 + 15;
        i.scale.x = -1;
       }
       else
       {
        i.x = game.world.width - 15;
        i.scale.x = 1
       }
    i.y = 162 + 100 * game.rnd.integerInRange(0,8)
      });
      this.hitWall = false;
     }
    },
    render : function() {
  /*game.debug.body(this.bird);
     this.leftrigthNailGroup.forEach(function(i){
       game.debug.body(i);
     })*/
 }
};

源码

需要源码请关注添加好友哦^ ^

转载：欢迎来到本站，转载请注明文章出处https://ormcc.com/