Javascript碰撞检测

Question

我正在尝试用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];
                }
            }

Answer 1

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

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段或您将始终发生冲突

看起来很酷.让我们看看马里奥;)