在HTML5 Canvas中創建平台，移動球

Question

我是畫布的新手，並且具有Javascript的基礎知識。 我正在開發一個（看似）簡單的游戲，其中一個球從屏幕的左上方沿着平台滾動。

因此，球需要對其施加某種物理作用（我想），以便它不僅從右向左移動，而且還具有重力和從平台上掉落的能力。

我不確定如何創建平台或球物理。 我意識到這是一個非常籠統的問題-我並沒有要求別人為我編寫程序-但我只是以為我會開一下一下，看看是否有人可以給我正確的方向。 我在這里迷路了。

任何幫助，將不勝感激！

Answer 1

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

ActionScript 3.0版本有大量資源，您可能會發現這很有用，因為JavaScript語法和ActionScript語法本質上是相同的。 還有一些JavaScript版本的演示。 這個Hello World演示可能包含您入門所需的一切（右鍵單擊以查看源代碼）。