游戏没有检测到字符和边框之间的冲突

Question

当我的角色与边框碰撞时，我所有的碰撞都在工作。我想要的字符来重新产卵，所以当角色与边框碰撞，我会用自己的代码：

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

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

注意：如果您希望看到完整的游戏代码以获取更多关于我写的代码以帮助我更好的信息，您可以转至torin.eschweb.com并单击Ctrl + U，它会显示代码。

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

我会建议把它变成一个功能，你可以检测是否有任何东西在屏幕外。

我给出的例子没有考虑偏移量。我试图尽可能保持简单。