游戏未检测到角色和边框之间的碰撞

Question

当角色与边界碰撞时，我所有的碰撞都在接受。我希望角色重新生成，所以当角色与边框碰撞时，我会使用他的代码：

 left = 10;
 var reLeft = {'left':left + "px"};
 $('#char').css(reLeft);
 top = 10;
 var reTop = {'top':top + "px"};
 $('#char').css(reTop);

但是当角色与它发生碰撞时它不会做任何事情。

Answer 1

在你的 checkCollision 函数中，你应该添加一个检查玩家是否离开屏幕。

将此添加到函数的末尾将使您基本了解我所指的内容。

     if($('#char').offset().top < 0 || $('#char').offset().top > window.innerHeight || $('#char').offset().left < 0 || $('#char').offset().left > window.innerWidth ){
      console.log('Off Screen');
     }

我建议把它做成一个函数，你可以检测屏幕外是否有任何东西。

我给出的示例没有考虑偏移量。我试图让它尽可能简单。