Question

编辑：简单来说，我可以检测到青蛙被汽车撞倒的时间，但我不确定如何使用该结果来运行下一个隐藏青蛙的功能。

我正在为一个课程作业制作一个简单的Frogger游戏，到目前为止，我已经设法让碰撞检测工作在2个div之间。我现在的问题是，当碰撞功能为真时，如何使用它来运行第二个功能，比如隐藏播放器。

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 是否通过位置重叠检测到碰撞。

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

2 个答案: