Javascript碰撞检测

时间:2011-08-13 01:24:24

标签: javascript collision-detection

我正在尝试用javascript制作蛇游戏,但我正在努力进行碰撞检测。到目前为止,我已经尝试了各种方法,但是在绝望中,已经确定了每帧存储段的所有位置,然后在动画下一个之前检查是否有任何重复。不幸的是,这种方法并没有被证明是成功的。

也许这是由于对JS如何处理数组的误解。有一段时间我使用的是if(x in y),但是我可以告诉它,如果完全相同的对象在数组中,则会返回。

以下是现场演示:http://jsfiddle.net/AScYw/2/

以下是更容易阅读的代码:http://pastebin.com/ygj73me6

有问题的代码在snake对象中,作为函数collide

this.collide = function(){
            for(var z=0; z<this.positions.length-1; z++){
                for(var q=z+1; q<this.positions.length-1; q++){
                    return this.positions[z][0] == this.positions[q][0] && this.positions[z][1] == this.positions[q][1];
                }
            }

1 个答案:

答案 0 :(得分:5)

你在这里工作需要一点点工作,它可以解决你的问题。

this.collide = function(){
  for(var z=0; z<this.positions.length-1; z++){
    for(var q=z+1; q<this.positions.length-1; q++){
      return this.positions[z][0] == this.positions[q][0] && this.positions[z][1] == this.positions[q][1];
    }
  }
}

2件事都错了。

  1. 您正在退出第一次比较的循环。你会想要做一些像if(某些重叠)返回true的东西然后在两个循环之外返回false如果你成功通过
  2. 您需要确保z段!= q段或者您将始终发生碰撞
  3. 看起来很酷。让我们看看马里奥;)