0

所以我一直在努力使用 HTML5 和 JavaScript 进行游戏。我正在尝试制作一个太空侵略者风格的游戏，结果我有很多敌人。我有单独的函数专门用于创建敌人数组、将它们绘制到屏幕上、移动敌人并最终移除它们。然而，清除敌人会引起问题。这是我的逻辑，如果敌人的生命值小于或等于 0，则从数组中删除敌人并将数组长度缩小 1。现在逻辑表明这可能是一场灾难，如果你开始从数组的开头，因为数组长度会减少，这正是我的问题，如此之低，看我的代码。

function hostile(x, y) {
    this.speed = 1;
    this.health = 100;
    this.x = x;
    this.y = y;
    this.height = 32;
    this.width = 32;
    this.isDead = false;
    this.direction = 0;
    this.deadCount = 0;
    this.firing = false;
    //this.moving = true;
    this.move = function () {

        if (this.isDead === false && gameStart === true) {
            context.clearRect(0, 0, canvas1.width, canvas1.height);
            if (this.x > canvas.width - 64) {

                this.y += 10;
                this.direction = 0;
            }
            if (this.x < 0) {
                this.y += 10;

            }

            if (this.direction === 1) {
                this.x += this.speed;
            } else {
                this.x -= this.speed;

            }

            if (this.x < 0) {
                this.direction = 1;
            }

            if (this.y > 420) {
                this.x = 600;
            }
        }

    };

    this.draw = function () {

        context.drawImage(sprite, 0, 480, 65, 68, this.x, this.y, 65, 65);
    };
    this.reset = function () {
        context.clearRect(this.x, this.y, 65, 65);
        this.x = 20;
        this.y = 20;
        this.health = 100;
    };
};
var enemylist = [];

function createEnemies() {
    for (var i = 0; i < 6; i++) {
        enemylist.push(new hostile(75 * i, 20));

    }
};

function deleteEnemy(a) {
    enemylist.splice(a);
    enemyBulletList.splice(a);

    //enemylist.length  = enemylist.length-1;
    //enemyBulletList.length = enemyBulletList.length - 1;
};

createEnemies();

function moveEnemies() {
    for (var i = 0; i < enemylist.length; i++) {
        if (enemylist[i].isDead === false && gameStart === true) {

            if (enemylist[i].x > canvas.width - 64) {

                enemylist[i].y += 10;
                enemylist[i].direction = 0;
            }
            if (enemylist[i].x < 0) {
                enemylist[i].y += 10;

            }

            if (enemylist[i].direction === 1) {
                enemylist[i].x += enemylist[i].speed;
            } else {
                enemylist[i].x -= enemylist[i].speed;

            }

            if (enemylist[i].x < 0) {
                enemylist[i].direction = 1;
            }

            if (enemylist[i].y > 420) {
                enemylist[i].x = 600;
            }
        }
    }
};

所以为了解释我的问题，我可以射击并杀死阵列中的敌人，这也会将它们从屏幕上移除。但是，如果我从阵列的开头射击敌人，我会导致所有敌人从屏幕上清除并且游戏崩溃。如果您需要更多信息，请随时询问。

根据要求，我提交了更多与我的问题相关的代码。上面的代码包括敌对函数和其他直接关联的函数。

编辑： Vitim.us 就我的问题提供了一个非常有用的提示，他建议创建某种标志（var dead = false/true 等），一旦更改值，就可以简单地从屏幕上删除特定实例远离玩家。

4

2 回答 2

2

不要像那样手动更新数组。delete用于删除命名属性。如果要从 中删除元素Array，请使用splice：

function deleteEnemy(a) { // capitalized functions are usually reserved for constructors
    enemylist.splice(a);
    enemyBulletList.splice(a);  
}

此外，var enemylist = [6]不做你认为它做的事。它创建一个具有单个元素的数组，[6]. 您应该创建一个空数组，然后enemylist.push(new hostile(...))将它们添加到数组中。

这将避免您必须手动设置长度（您不应该这样做。）

于 2013-10-31T15:29:58.377 回答
1

您可以通过多种方式实现这一点

您可以实施一种敌​​对的方法以将自己从屏幕上移除，

为此，每个实例都应该在屏幕上保留对自身的引用，它可以是对 DOM 的直接引用，也可以是hostile.entitieId与屏幕对象相关的属性。

当hostile.health<=0您标记hostile.isDead = true;并自动调用一个方法以将其从屏幕中删除时，而不是通知其他方法最终从您的实例中删除该实例enemyList[]

您可以在游戏滴答声中检查这一点，也可以以事件调度方式构建它，使用 getter 和 setter 作为 health 属性。

this.setHeath = function(value){
   //set entity heath

   if(health<=0){
       //remove itself from screen
       //notify other method to clear this instance from the enemyArray[]
   } 
}
于 2013-10-31T16:04:08.537 回答