HTML5 Canvas-移动对象的最佳做法

Question

我正在使用和JavaScript创建游戏。 游戏将包括玩家在地牢中导航。 我的问题是编码墙壁，门等物体的最佳方法是什么？ 我陷入了两个明显的选择之间

1. 将每个对象绘制到画布上，并根据玩家的移动方式移动对象

2. 将所有对象预先绘制到背景图像上，然后根据玩家的移动方式移动背景图像

我认为选项2会更容易，但是我仍然必须检测物体在哪里，这样玩家就不能只是越过墙壁了。

基本上，我想知道是否有人可以从经验谈起设计游戏的最佳方法，对此是否有任何资源？

Answer 1

您的角色扮演游戏的性能要求低于街机游戏。

重新绘制所有新位置后，您可能会没事的。

但是即使这样，您也可以通过将背景（不经常移动）放置在与经常移动的角色不同的图层上来获得性能。

图层可以像CSS所移动的背景img元素一样简单，也可以是单独的背景画布，位于顶部玩家画布之下。

好消息是，您可以从单一层开始，然后在性能成为问题时相当容易地更改为多层。

没有“设计游戏的最佳方法”，但是这里有一些建议：

• 获得一个在项目中很快运行的微型工作原型。
• 对原型进行增量更改。
• 测试，测试，测试...

免责声明：我不设计游戏，但我设计的质量控制应用程序使用与游戏中使用的许多相同的交互式技术。