2012-09-22 59 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

乾杯,我已經投了答案,謝謝你的幫助,只是想知道我怎麼樣把這個放到代碼中,我把我的變量放在哪裏,對不起,是一個煩惱,在此先感謝:) –