游戏不检测角色和边界之间的碰撞

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');
     }

我建议将其变成一个功能，您可以检测屏幕上是否有任何内容。

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