Javascript 碰撞检测

Question

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

或许这是因为对 JS 对待 arrays 的方式有误解。 有一段时间我在使用if(x in y)但据我所知，如果完全相同的 object 在数组中，则返回。

这是现场演示： http://jsfiddle.net/AScYw/2/

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

有问题的代码在蛇 object 中，因为 function 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

你 function 这里需要做一些工作，它可能会解决你的问题。

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 (something overlays) return true 然后在两个循环之外返回 false
2. 您需要确保 z 段 != q 段，否则您将始终发生碰撞

看起来不错。 接下来让我们看看马里奥；）