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

Question

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

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

我不确定如何创建平台或球物理。我意识到这是一个非常笼统的问题——我并不是要别人为我编程——但我只是想我会四处看看，看看是否有人能在正确的方向上给我一个很好的推动。我在这里有点迷路了。

任何帮助，将不胜感激！

Answer 1

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

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