HTML5 Canvas - 移动对象的最佳实践

Question

我正在使用JavaScript创建游戏。游戏将涉及玩家在地牢中导航。我的问题是什么是编码墙，门等对象的最佳方法？我被困在两个明显的选择之间

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

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

我认为选项2会更容易，但我仍然需要检测物体的位置，以便玩家不能只是走过一堵墙。

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

Answer 1

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

你可能只是重新绘制新职位的所有内容。

但即便如此，你通过将你的背景（不经常移动）放在一个单独的层而不是经常移动的角色上来获得性能。

图层可以像CSS移动的背景img元素一样简单，也可以是在顶级玩家画布下分层的单独背景画布。

好消息是，如果性能成为问题，您可以从单层开始，然后很容易地更改为多个层。

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

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

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