在 HTML5 游戏中进行视差的最有效方法

Question

将每个背景层绘制到不同的画布上然后移动它们更好还是每帧重新绘制它们更好？

我必须在画布上绘制它们，因为我的游戏是基于图块的，而背景是从图块构建的。

Answer 1

根据定义，视差是指以不同速度移动的 2 张以上图像。

因此“将类似速度的动画放在自己的画布上”的一般效率规则适用。

例如：

• 您的背景可能每 3 帧移动一次。
• 您的角色可能会在每一帧移动。

节省 == 每 3 帧绘制 2 次背景（相当不错的节省！）