HTML5畫布碰撞檢測

Question

任何人都可以請我幫助我一個小小的測試遊戲，我正在創建。我基本上是在創建這個遊戲來學習一些關於HTML5的東西，到目前爲止它都很好。我已經能夠創建一個帶有氣球的畫布，當它不是時，它可以飛到底部。現在我希望氣球能夠停在另一個塊圖像上，我稱之爲「level1」。如果有人可能有look at it並查看來源，並建議我如何做到這一點，我將不勝感激。再次感謝。 :)

編輯：或者也許這不是創建一個級別的最有效的方法。如果不是那麼請說。 :)

http://tehwebz.com/html5/game.php

Answer 1

當你做了與「降落在底部」你需要的氣球停止當它達到的水平座標下降

if (playerPosY >= canvas.height - playerImg.height) { 
    playerVelY = 0; 
    playerPosY = canvas.height - playerImg.height; 
} 
else { 
    playerVelY += 0.8; 
} 

。我想你的關卡沒什麼問題，你只需要將playerVelY設置爲0.