// 元素
  var container = document.getElementById('game');
  /**
   * 整个游戏对象
   */
  var GAME = {
    /**
     * 初始化函数,这个函数只执行一次
     * @param  {object} opts
     * @return {[type]}      [description]
     */
    init: function(opts) {
      this.status = 'start';
      this.bindEvent();
    },
    bindEvent: function() {
      var self = this;
      var playBtn = document.querySelector('.js-play');
      // 开始游戏按钮绑定
      playBtn.onclick = function() {
        self.play();
      };
    },
    /**
     * 更新游戏状态，分别有以下几种状态：
     * start  游戏前
     * playing 游戏中
     * failed 游戏失败
     * success 游戏成功
     * all-success 游戏通过
     * stop 游戏暂停（可选）
     */
    setStatus: function(status) {
      this.status = status;
      container.setAttribute("data-status", status);
    },
    play: function() {
      this.setStatus('playing');
    }
  };
  // 初始化
  GAME.init();

/**
     * 更新游戏动画
     */
    update: function () {
        var _self = this,
            enemiesLength,
            lastEnemy;

        // 清除飞机
        this.clearPlane();

        // 清除敌人
        this.clearEnemy();

        // 清除分数
        this.clearScore();

        // 更新飞机的动画
        this.updatePlane();

        // 更新敌人的动画
        this.updateEnemies();

        // 绘制
        this.draw();

        // 如果飞机与任意一个怪兽碰撞，游戏就结束
        for (let enemy of this.enemies) {
            if (this.plane.crash(true, enemy, context)) {
                // 游戏状态：闯关失败
                this.endGame('failed');

                // 获取最终得分
                this.getFinalScore();

                return
            }
        }

        // 在敌人完全被消灭的情况下，阻止动画的更新
        enemiesLength = this.enemies.length;
        if (enemiesLength === 0) {
            // 闯完所有关
            if (this.currentLevel === this.option.totalLevel) {
                this.endGame('all-success');
            } else { // 闯完一关
                this.endGame('success');

                // 更新关卡数
                this.updateLevel();
            }
            return;
        }

        // 只要有一个敌人到了下边界，就证明敌人没有被飞机全部消灭，那么此时游戏闯关失败
        // 换位思考：选择最后一个敌人作为参照点
        lastEnemy = this.enemies[this.enemies.length - 1];
        if (lastEnemy.y >= this.enemyDownLimit) {
            // 游戏状态：闯关失败
            this.endGame('failed');

            // 获取最终得分
            this.getFinalScore();

            return;
        }

        requestAnimFrame(function () {
            _self.update();
        });
    }

/**
 * 获取元素最小和最大边界
 * @param {Array} elems
 * @returns 
 **/
function getXBoundary(elems) {
    var currentX1,
        currentX2;

    // 通过遍历，利用 currentX1 记录元素的最小 x 坐标，currentX2 记录元素的最大 x 坐标，
    // 并与新遍历的元素的 x 坐标作比较，直到找到 最小的 x 坐标（即：左边界），最大的 x 坐标（即：右边界）为止
    // 其实，这里就是属于选择排序的“选择”思想：从数组的开头开始，将第一个元素和其他元素进行比较，找到最小值为止。
    // 即：一次遍历，两种比较，找到最小值以及最大值就可以了
    elems.forEach(function (item) {
        if (!currentX1 && !currentX2) {
            currentX1 = item.x;
            currentX2 = item.x;
        } else {
            // 寻找最小值
            if (item.x < currentX1) {
                currentX1 = item.x;
            }

            //寻找最大值
            if (item.x > currentX2) {
                currentX2 = item.x;
            }
            // console.log(item.x, currentX1, currentX2);
        }
    });

    return {
        minX: currentX1,
        maxX: currentX2
    };
}

/**
 * 碰撞检测
 * @param isPlane：true：表示飞机与敌人的碰撞检测 false：表示敌人与子弹的碰撞检测
 * @param enemy
 * @param context
 * @return {boolean}
 */
Plane.prototype.crash = function (isPlane, enemy, context) {
    if (isPlane) {
       // 。。。
    } else {
        var bullets = this.bullets,
            len = bullets.length;

        // 正常从 0 开始循环遍历数组有可能会出错，因为循环过程中调用 splice 方法删除数组的项，
        // 这样会影响数组后面项的序号，所以应该从数组后面开始遍历，这样就不会影响前面项
        while (len--) {
            var bullet = bullets[len],
                isCrashX = bullet.x >= enemy.x && bullet.x <= (enemy.x + enemy.width),
                isCrashY = bullet.y >= enemy.y && bullet.y <= (enemy.y + enemy.height);

            // 子弹与怪兽碰撞，就将这颗子弹删除
            // isCrashX 和 isCrashY 这两个条件保证了子弹射到的是一个敌人的范围
            if (isCrashX && isCrashY) {
                // 清除画布上的子弹
                this.clearBullet(context, bullet);

                bullets.splice(len, 1);

                return true;
            }
        }
    }

    return false;
};

/**
/**
 * 碰撞检测
 * @param isPlane：true：表示飞机与敌人的碰撞检测 false：表示敌人与子弹的碰撞检测
 * @param enemy
 * @param context
 * @return {boolean}
 */
Plane.prototype.crash = function (isPlane, enemy, context) {
    if (isPlane) {
        var isCrashX = this.x >= enemy.x && this.x <= (enemy.x + enemy.width);
        var isCrashY = this.y >= enemy.y && this.y <= (enemy.y + enemy.height);

        // console.log(isCrashX && isCrashY)
        if (isCrashX && isCrashY) {
            return true
        }
    } else {
        // 。。。
    }

    return false;
};