有人可以帮我理解碰撞检测在JS中是如何工作的吗?我不能使用jQuery或gameQuery - 已经使用原型 - 所以,我正在寻找一些非常简单的东西.不要求完整的解决方案,只需指出正确的方向.
让我们说:
<div id="ball"></div>
and
<div id="someobject0"></div>
Run Code Online (Sandbox Code Playgroud)
现在球正在移动(任何方向)."Someobject"(0-X)已经预先定义,其中有20-60个随机定位如下:
#someobject {position: absolute; top: RNDpx; left: RNDpx;}
Run Code Online (Sandbox Code Playgroud)
我可以创建一个带有"someobject(X)"位置的数组,并在"ball"移动时测试碰撞...类似于:
for(var c=0; c<objposArray.length; c++){
........ and code to check ball's current position vs all objects one by one....
}
Run Code Online (Sandbox Code Playgroud)
但我想这将是一个"noob"解决方案,它看起来很慢.有更好的吗?
我正在尝试用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];
}
}
Run Code Online (Sandbox Code Playgroud)