在HTML5畫布中創建平臺，移動球

Question

我是新來的畫布，並具有Javascript的基本知識。我正在開發一個（看似）簡單的遊戲，其中一個球沿着平臺從屏幕的左上角滾動。

所以球需要有某種物理學應用到它（我想），這樣它不僅從右向左移動，而且還有重力和脫落平臺的能力。

我不知道如何實現創建平臺和球物理。我意識到這是一個非常普遍的問題 - 我並不是要求某人爲我編程 - 但我只是認爲我會稍微捅一下，看看有人能否給我一個正確的方向。我有點迷失在這裏。

任何幫助，將不勝感激！

Answer 1

看看Box2DJS這是一個用於canvas的JavaScript物理引擎。這是一個非常流行的C++物理引擎的端口，名爲Box2D（更準確地說，它是ActionScript 3.0版本的一個端口，它本身就是原始端口）。

對於ActionScript 3.0版本，您可能會發現很多資源，因爲JavaScript語法和ActionScript語法基本相同，您可能會發現這些資源很有用。 JavaScript版本中還有一些演示。這hello world demo可能有你需要的一切開始（右鍵點擊查看源代碼）。