游戏未检测到字符与边界之间的冲突

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

我建议把它变成一个函数，这样你就可以检测到是否有屏幕外的东西。

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