2012-09-22 51 views
1

可能重复:
jQuery/Javascript collision detection的JavaScript/jQuery的游戏边界碰撞检测

我正在学习如何在JavaScript代码,并使用jQuery库IM。我有一个可以用WASD键在屏幕上移动的播放器。当他进入游戏界限时,我希望他停下来。我使用两个div s,一个叫做操场(游戏发生的地方)和另一个叫做玩家。我让他们像这样设置:

<div id="playground"> 
    <div id="player"></div> 
</div> 

玩家动作很好,但我希望他在到达操场边缘时停下来。请深入解释您的答案,因为我是JavaScript编程新手。 任何帮助将不胜感激。

+0

你是否第一次将界限设置为id = playground。 – user1529342

+0

你是什么意思,操场是400px乘400px,但我不知道如何停止播放器,当他接触到边缘时 –

+0

http://stackoverflow.com/questions/4230029/jquery-javascript-collision-detection – user1378730

回答

0

所以你需要使用这样的事情:

if (this.__move.left) { 
     if (!this.isPlaying("walk_left")) 
     this.stop().animate("walk_left", 10); 
    } 

这里是一个非常好的例子,演示。试试吧http://craftyjs.com/demos/tutorial/tutorial.html

+0

感谢男人,生病给我一个尝试,有点混淆atm,但我确定生病了:)我如何实现这个到我的代码?对不起,感到痛苦:0 –

+0

不用担心....当你发现这是正确的,请投票的答案...一切最好的 – user1529342

+0

干杯,我已经投了答案,谢谢你的帮助,只是想知道我怎么样把这个放到代码中,我把我的变量放在哪里,对不起,是一个烦恼,在此先感谢:) –