Javascript停止在画布中重复碰撞检测

Question

我正在尝试在javascript和html5画布中执行一些简单的碰撞。到目前为止，我有这样的：

checkCollision = (function(){ 
     var l, i, ni,dis = 0; 
     var ob1,ob2 = {}; 

     return function(){ 
      //collisions is the array holding all the objects 
      l = collisions.length; 
      i = 0; 
      ni = 1; 
      while(i<l){ 
       //grab the first object 
       ob1 = collisions[i]; 

       while(ni<l){ 
        //get the object to check against 
        ob2 = collisions[ni]; 
        //find the distance between the two 
        dis = Math.sqrt(Math.pow((ob1.pos[0]-ob2.pos[0]),2)+Math.pow((ob1.pos[1]-ob2.pos[1]),2)); 
        //rad is the radius 
        if(ob1.rad+ob2.rad >= dis){ 
         console.log("collision") 
        } 

        //move forward second increment 
        ni++; 
       } 

       i++; 
       //keep one place ahead 
       ni=i+1; 
      } 
     }; 

    })(); 

我这样做是没有任何形式的帮助，但现在我想我的大脑实在是太多了玉米粥推测这个最后一部分了。碰撞发生在每一帧，我不想要。当碰撞第一次发生时，我只想让它发射一次。我试着给每个对象一个碰撞变量，如果已经发生了碰撞，但它不能很好地工作。有些它会发生一次，有些会不断发射。 有没有人有任何指针？

Answer 1

你是什么意思“发生每一帧”？算法似乎没问题，但似乎没有碰撞的任何内容，它只是被记录下来。你想跳出循环吗？

什么都没有做您的问题，但可能使你的代码有点更具可读性和简洁的一些评论：

> checkCollision = (function(){ 
>   var l, i, ni,dis = 0; 
>   var ob1,ob2 = {}; 

我不知道你为什么初始化DIS和OB2，他们稍后分配值。使用这样的闭包意味着这些值将持续到次级调用，直到分配新值。关闭是否真的需要？对于这样的动画可能会有性能提升。

>    ni = 1; 
>    while(i<l){ 

你可以把妮了一段时间后，类似这样的：

 while(i < l){ 
      ni = i + 1; 

，摆脱过去的ni = i + 1的。你也可以这样做：

>    ob1 = collisions[i++]; 

，摆脱过去的i++;的，一个分配给OB2时妮这样做。

通过这样做，减少了代码行的数量，因此它更易消化，例如，

function checkCollision() { 
    var ni, dis, ob1, ob2; 
    //collisions is the array holding all the objects 
    var l = collisions.length; 
    var i = 0; 

    while (i < l) { 
     ni = i + 1; 
     //grab the first object 
     ob1 = collisions[i++]; 

     while (ni < l) { 
      //get the object to check against 
      ob2 = collisions[ni++]; 
      //find the distance between the two 
      dis = Math.sqrt(Math.pow((ob1.pos[0] - ob2.pos[0]), 2) + 
          Math.pow((ob1.pos[1] - ob2.pos[1]), 2)); 
      //rad is the radius 
      if (ob1.rad + ob2.rad >= dis) { 
       console.log("collision"); 

       // And what else? 

      } 
     } 
    } 
}