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

时间:2014-02-19 16:34:59

标签: javascript html5 canvas

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

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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

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

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

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