main.js

var game = new Phaser.Game(320, 480, Phaser.AUTO, 'game');
var score = 0,
    count = 0;

// 敌人类
function Enemy(config) {
  this.init = function () {
    this.enemys = game.add.group();
    this.enemys.enableBody = true;
    this.enemys.createMultiple(10, config['pic']);
    this.enemys.setAll('outOfBoundsKill', true);
    this.enemys.setAll('checkWorldBounds', true);
    this.enemyWidth = game.width - game.cache.getImage(config['pic']).width;
    game.time.events.loop(config['time'], this.createEnemy, this);

    this.enemyBullets = game.add.group();
    this.enemyBullets.enableBody = true;
    this.enemyBullets.createMultiple(100, 'enemyfire');
    this.enemyBullets.setAll('outOfBoundsKill', true);
    this.enemyBullets.setAll('checkWorldBounds', true);

    this.explodes = game.add.group();
    this.explodes.createMultiple(10, 'explode1');
    this.explodes.forEach(function (ex) {
      ex.animations.add('explode1')
    }, this);
  };
  this.createEnemy = function () {
    var en = this.enemys.getFirstExists(false);
    if (en) {
      en.reset(game.rnd.integerInRange(0, this.enemyWidth),
        -game.cache.getImage(config['pic']).height);
      en.hp = config.hp;
      en.body.velocity.y = config['velocity'];
    }
  };
  this.killEnemy = function (enemy, myBullet) {
    myBullet.kill();
    enemy.hp -= 1;
    if (enemy.hp <= 0) {
      enemy.kill();
      var ex = this.explodes.getFirstExists(false);
      ex.reset(enemy.x, enemy.y);
      ex.play('explode1', 30, false, true);
      score += config['score'];
      count++;
      config['state'].updateText();
    }
  };
  this.fire = function () {
    this.enemys.forEachExists(function (en) {
      var bullet = this.enemyBullets.getFirstExists(false);
      if (bullet) {
        if (game.time.now > (en.nextFireTime || 0)) {
          bullet.reset(en.x + en.width/2 - bullet.width/2, en.y + en.height);
          bullet.body.velocity.y = 300;
          en.nextFireTime = game.time.now + config['bulletTime'];
        }
      }
    }, this);
  };
}

game.States = {};

// 启动前、加载“加载中图片”、调整舞台缩放
game.States.boot = function () {
  this.preload = function () {
    if (!game.device.desktop) {
      this.scale.scaleMode = Phaser.ScaleManager.EXACT_FIT;
      this.scale.forcePortrait = true;
      this.scale.refresh();
    }
    game.load.image('loadding', 'images/loadding.gif');
  };
  this.create = function () {
    game.state.start('preload');
  };
}
// 载入中画面
game.States.preload = function () {
  this.preload = function () {
    var loddingSprite = game.add.sprite(50, game.height/2, 'loadding');
    game.load.setPreloadSprite(loddingSprite);
    game.load.image('background', 'images/bg.jpg');
    game.load.spritesheet('myplane', 'images/myplane.png', 50, 50, 5);
    game.load.spritesheet('explode1', 'images/explode1.png', 57, 41, 3);
    game.load.image('myfire', 'images/myfire.png');
    game.load.image('enemyfire', 'images/enemyfire.png');
    game.load.image('enemy1', 'images/enemy1.png');
    game.load.image('enemy2', 'images/enemy2.png');
    game.load.image('love', 'images/love.png');
  };
  this.create = function () {
    game.state.start('main');
  };
};
// 游戏主画面
game.States.main = function () {
  // 初始化引擎、背景、主角、敌人、记分板
  this.create = function () {
    game.physics.startSystem(Phaser.Physics.ARCADE);

    var bg = game.add.tileSprite(0, 0, game.width, game.height, 'background');
    bg.autoScroll(0, 20);

    this.myplane = game.add.sprite(135, game.height - 50, 'myplane');
    this.myplane.animations.add('fly');
    this.myplane.animations.play('fly', 12, true);
    game.physics.arcade.enable(this.myplane);
    this.myplane.body.collideWorldBounds = true;
    this.myplane.inputEnabled = true;
    this.myplane.input.enableDrag(false);
    this.mylv = 2;

    this.myfires = game.add.group();
    this.myfires.enableBody = true;
    this.myfires.createMultiple(50, 'myfire');
    this.myfires.setAll('outOfBoundsKill', true);
    this.myfires.setAll('checkWorldBounds', true);
    this.nextFireTime = 0;
    this.myfireWidth = game.cache.getImage('myfire').width;

    var enemyType = [{
      state: this,
      pic: 'enemy1',
      time: 1000,
      velocity: 100,
      hp: 1,
      score: 10,
      bulletTime: 1000
    },{
      state: this,
      pic: 'enemy2',
      time: 6000,
      velocity: 50,
      hp: 8,
      score: 100,
      bulletTime: 1300
    }];
    this.enemy1 = new Enemy(enemyType[0]);
    this.enemy1.init();
    this.enemy2 = new Enemy(enemyType[1]);
    this.enemy2.init();

    var style = {font: "16px Arial", fill: "#0ff"};
    this.text = game.add.text(0, 0, "Score: 0", style);

    this.love = game.add.sprite(0, 0, 'love');
    game.physics.arcade.enable(this.love);
    this.love.outOfBoundsKill = true;
    this.love.checkWorldBounds = true;
    this.love.kill();
    game.time.events.loop(15000, this.createLove, this.love);
  };
  this.update = function () {
    this.myFireBullet();
    this.enemy1.fire();
    this.enemy2.fire();

    game.physics.arcade.overlap(this.enemy1.enemyBullets, this.myplane, this.hitMe, null, this);
    game.physics.arcade.overlap(this.enemy2.enemyBullets, this.myplane, this.hitMe, null, this);
    game.physics.arcade.overlap(this.enemy1.enemys, this.myplane, this.hitMe, null, this);
    game.physics.arcade.overlap(this.enemy2.enemys, this.myplane, this.hitMe, null, this);
    game.physics.arcade.overlap(this.enemy1.enemys, this.myfires, this.enemy1.killEnemy, null, this.enemy1);
    game.physics.arcade.overlap(this.enemy2.enemys, this.myfires, this.enemy2.killEnemy, null, this.enemy2);
    game.physics.arcade.overlap(this.myplane, this.love, this.getLove, null, this);
  };
  // 自己发射子弹
  this.myFireBullet = function () {
    if (this.myplane.alive && game.time.now > this.nextFireTime) {
      var positionArr = [
        [this.myplane.x + this.myplane.width/2 - this.myfireWidth/2],
        [this.myplane.x, this.myplane.x + this.myplane.width - this.myfireWidth],
      ];
      positionArr.push(positionArr[0].concat(positionArr[1]));
      positionArr[this.mylv-1].forEach(function (pos, i) {
        var bullet = this.myfires.getFirstExists(false);
        if (bullet) {
          bullet.reset(pos, this.myplane.y - bullet.height);
          bullet.body.velocity.y = -400;
          if (this.mylv == 3) {
            bullet.body.velocity.x = [0, -30, 30][i];
          }
          this.nextFireTime = game.time.now + 200;
        }
      }, this);
    }
  };
  this.hitMe = function (myplane, bullet) {
    bullet.kill();
    this.mylv -= 1;
    if (this.mylv <= 0) {
      this.gameOver();
    }
  };
  this.gameOver = function () {
    this.myplane.kill();
    document.title = '飞机大战 我在击落了' + count + '架飞机，得了' + score + '分';
  };
  this.updateText = function() {
    this.text.setText("Score: " + score);
  };

  this.createLove = function () {
    this.reset(game.rnd.integerInRange(0, game.width - game.cache.getImage('love').width),
      -game.cache.getImage('love').height);
    this.body.velocity.y = 50;
  };
  this.getLove = function () {
    this.mylv = Math.min(this.mylv + 1, 3);
    this.love.kill();
  }
};

game.state.add('boot', game.States.boot);
game.state.add('preload', game.States.preload);
game.state.add('main', game.States.main);

game.state.start('boot');