javascript - 碰撞检测

Question

我正在为我的表弟制作一个简单的神奇宝贝游戏。这有点简单，皮卡丘从右边跑，小智在右边移动。

只有一个问题，当我按空格键时，我的神奇宝贝从左向右飞行，但没有检测到任何碰撞。

你能帮我吗？这里是代码:

js:

function goPika() {
  $("#pika").animate({ left : '5px' }, 2500);
  setInterval(function(){ 
    checkPosition();
  }, 100);

  function checkPosition() {
     var positionPika = $("#pika").position().left;
  }
}

function Throw() {
  $("#bal").animate({ marginLeft : "96%" }, 1000);
  setInterval(function(){ 
    checkPositionBal();
  }, 100);

  function checkPositionBal(){
     var positieBal = $("#bal").position().left;
     var positieBalCol = (positionBal + 200);
     console.log(positionBalCol);
   }
 };


function catch() {
   if (positionBalCol == positionPika) {
     console.log("collision");
   }
}

Answer 1

您需要在函数外部声明变量，以便所有函数都可以访问它们。例如:

var positionBalCol,
    positionPika;

function checkPosition() {
    positionPika = $("#pika").position().left;
}

这将 positionPika 存储在 checkPosition 函数之外。这样，您稍后就可以使用它与 positionBalCol 进行比较。