在HTML5 Canvas中创建平台，移动球

Question

我是画布的新手，对Javascript有基本的了解。我正在开发一种（看似）简单的游戏，其中一个球从屏幕的左上方沿平台滚动。

所以球需要应用某种物理（我想），这样它不仅可以从右向左移动，而且还具有重力和从平台上掉下来的能力。

我不确定如何创建平台或球物理。我意识到这是一个非常普遍的问题 - 我并不是要求别人为我编程 - 但我只是想我会捅一下，看看有人能给我一个好的推动方向。我在这里有点失落。

任何帮助将不胜感激！

Answer 1

查看Box2DJS这是一个用于画布的JavaScript物理引擎。它是一个非常流行的C ++物理引擎的端口，名为Box2D（更确切地说，它是ActionScript 3.0版本的一个端口，它本身就是原始端口）。

ActionScript 3.0版本有大量资源，您可能会发现这些资源很有用，因为JavaScript语法和ActionScript语法基本相同。 JavaScript版本还有一些演示。这个hello world demo可能包含您开始所需的一切（右键单击查看源代码）。