4、生成一组怪兽
因为怪兽都是成组出现的，每一关的怪兽数量也不同，两个 for 循环的作用就是生成一行怪兽，根据关数（level）增加 level 行怪兽。或者增加怪兽的速度（speed: speed + i,）来提高每一关难度等。
| //生成敌人 createEnemy: function (enemyType) { var opts = this.opts; var level = opts.level; var enemies = this.enemies; var numPerLine = opts.numPerLine; var padding = opts.canvasPadding; var gap = opts.enemyGap; var size = opts.enemySize; var speed = opts.enemySpeed; //每升级一关敌人增加一行 for (var i = 0; i < level; i++) { for (var j = 0; j < numPerLine; j++) { //综合元素的参数 var initOpt = { x: padding + j * (size + gap), y: padding + i * (size + gap), size: size, speed: speed, status: enemyType, enemyIcon: opts.enemyIcon, enemyBoomIcon: opts.enemyBoomIcon }; enemies.push(new Enemy(initOpt)); } } return enemies; }, |
5、更新怪兽
获取怪兽数组的 x 值，判断是否到达画布边界，如果到达边界则怪兽向下移动。同时也要监听怪兽状态，正常状态下的怪兽是否被击中，爆炸状态下的怪兽，消失的怪兽要从数组剔除，同时得分。
| //更新敌人状态 updateEnemeis: function () { var opts = this.opts; var plane = this.plane; var enemies = this.enemies; var i = enemies.length; var isFall = false;//敌人下落 var enemiesX = getHorizontalBoundary(enemies); if (enemiesX.minX < this.enemyMinX || enemiesX.maxX >= this.enemyMaxX) { console.log('enemiesX.minX', enemiesX.minX); console.log('enemiesX.maxX', enemiesX.maxX); opts.enemyDirection = opts.enemyDirection === 'right' ? 'left' : 'right'; console.log('opts.enemyDirection', opts.enemyDirection); isFall = true; } //循环更新敌人 while (i--) { var enemy = enemies[i]; if (isFall) { enemy.down(); } enemy.direction(opts.enemyDirection); switch (enemy.status) { case 'normal': if (plane.hasHit(enemy)) { enemy.booming(); } break; case 'booming': enemy.booming(); break; case 'boomed': enemies.splice(i, 1); this.score += 1; break; default: break; } } }, |
getHorizontalBoundary 函数的作用是遍历数组每个元素的 x 值，筛选出更大或更小的值，从而获得数组最大和最小的 x 值。
| //获取数组横向边界 function getHorizontalBoundary(array) { var min, max; array.forEach(function (item) { if (!min && !max) { min = item.x; max = item.x; } else { if (item.x < min) { min = item.x; } if (item.x > max) { max = item.x; } } }); return { minX: min, maxX: max } } |
