我有一个检测2格之间碰撞的功能。 碰撞结果为真时如何执行新功能？

Question

编辑：简单地说，我可以检测到frogger何时被汽车撞倒，但是我不确定如何使用该结果来运行下一个函数来隐藏frogger。

我正在为班级分配制作一个简单的Frogger游戏，到目前为止，我已经设法使碰撞检测在2个div之间起作用。 现在我的问题是，当碰撞功能为true时，如何使用它来运行第二个功能，例如隐藏播放器。

function collision($frogger, $car1) {
  var x1 = $frogger.offset().left;
  var y1 = $frogger.offset().top;
  var h1 = $frogger.outerHeight(true);
  var w1 = $frogger.outerWidth(true);
  var b1 = y1 + h1;
  var r1 = x1 + w1;
  var x2 = $car1.offset().left;
  var y2 = $car1.offset().top;
  var h2 = $car1.outerHeight(true);
  var w2 = $car1.outerWidth(true);
  var b2 = y2 + h2;
  var r2 = x2 + w2;

  if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false;
  return true;
}
 function handleCollisions() {
    if (collision($('#frogger'), $('#car1'))) {
       $('#frogger').hide; // hide player onCollision
      }
 }

Answer 1

hide是jQuery中的方法而不是属性。

 $('#frogger').hide();

Answer 2

您可以使用setInterval（）方法。 enter setInterval(code,millisec) here是否已通过位置重叠检测到碰撞。