javascript - 生成敌人后,碰撞检查循环停止循环

原文 标签 javascript for-loop collision-detection

所以我一直在用 javascript 制作这个小型射击游戏,但我遇到了一个我无法弄清楚的问题。

我有一个碰撞检查,它使用 for 循环检查是否有任何活着的敌人与玩家或子弹碰撞。循环运行良好,直到我产生一个敌人。

在 for 循环的开头你可以看到 console.log ,它只记录数字直到第一个活着的敌人的index .例如,如果 enemies[4]还活着,并且没有与 index 的其他敌人在此之前,它会一直记录 0, 1, 2, 34 .如果我然后杀死所有敌人,循环会再次运行 50 次(这是数组的长度),直到一个敌人产生。

checkCollision: function(){
    function calculate(enemy, other){
        var r = enemy.r + other.r;
        var dx = enemy.posX - other.posX;
        var dy = enemy.posY - other.posY;
        var d = Math.sqrt((dx * dx) + (dy * dy));
        if(r > d){
            enemy.alive = false;
            other.alive = false;
            return true;
            }
        return false;­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
    }
    for (var i = 0, max = this.enemies.length; i < max; i++) {
        console.log(i);
        if(this.e­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­nemies[i].alive){
            if(calculate(this.enemies[i], this.player)){
                continue;
            }
            for (var i = 0, max = this.player.weapon.bullets.length; i < max; i++){
                if(this.player.weapon.bullets[i].alive){
                    if(calculate(this.enemies[i], this.player.weapon.bullets[i])){
                        break;­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
                    }
                }­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
            }
        }
    }    ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
}

这是一个小可视化:
[0] = !alive
[1] = alive
[2] = !alive
[3] = alive
[4] = alive

现在 for 循环将只运行 2 次,因此不检查 3 和 4 的碰撞,这是我想要它做的。

最佳答案

好吧,你有一个循环,它循环遍历所有敌人,但一次只检查一个敌人,并且只针对 player ,而不是互相反对。

所以尝试类似:

    for (var i = 0, max = this.enemies.length; i < max; i++) {
        for (var j = 0, max = this.enemies.length; j < max; j++) {
            if(calculate(this.enemies[i], this.enemies[j]){
                doSomething();
            }
        }
    }
    // Don't forget the player.

如果你有兴趣,有一个相当不错的HTML5 Game Development类(class)教你如何使用开源物理引擎来处理这些事情。

在找工作的时候,我用那个开源项目和那门类(class)的信息做了一个小版本的马里奥。您可以在 my website 上查看游戏在“项目”下。



编辑

所以在你的例子之后,我理解了你的问题。您正在重用 imax关于子弹的内部循环中的变量。因此,如果内部循环结束,外部循环也将终止,因为它们都检查 i < max。 .

关于javascript - 生成敌人后,碰撞检查循环停止循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42326623/

相关文章:

javascript - 用图像验证输入文本框

java - 如何从for循环内的文本字段获取多个值并在数组中接收它

android - Sceneform 与相机的碰撞

java - 如何在imageViews数组中的每个imageView周围绘制一个矩形?

javascript - InnerHTML问题

javascript - 如何在 knockout.js 中触发 click 事件,就像在 jquery 中触发 ('click' 一样?

javascript - Uncaught Error :输入是一个空元素标记,既不能具有“children”,也不能使用“dangerouslySetInnerHTML”

c - 为什么气泡排序错误?

javascript - 使用扩展语法而不是for循环

java - Java Slick2d矩形冲突检测异常行为