开发html5画布游戏：图像或语句

Question

我正在将旧的dos游戏移植到html 5 canvas。这是一款非常基本的游戏，动画为2-3帧。我已经提取了所有必要的帧，这些帧是非常低分辨率和大约13 * 23图像。我可以使用canvas js语句复制图像，或者我可以使用drawImage（）中已有的图像。

使用图像的问题是大多数现代浏览器通过使用插值技术（如bicubic等）来调整图像大小。这使得图像失去了类似于低分辨率的外观，并且它们看起来很糟糕，因为它们必须按像素艺术缩放。 / p>

使用canvas js语句的问题是手动复制所有图像非常困难，但它解决了缩放问题。

理想的做法是什么？

Answer 1

这完全取决于各种标准。有各种策略可以改善画布的性能。

我认为即使你自己绘制这些图像，你也必须缓冲它以获得性能提升......我建议你使用这些图像。

这一切都取决于问题背景。请阅读以下文章，它将为您提供改善画布性能的公平想法。

<强>参考： http://www.html5rocks.com/en/tutorials/canvas/performance/

Answer 2

我认为这更多地取决于您将移动多少个对象以及您想要的帧速率。 Canvas缺少重绘区域。如果你做“绘制”对象的工作，它的执行速度会快得多。

Relevant

Answer 3

以原始宽度和高度绘制它们。如果用整数值坐标绘制它们，即（0,0）而不是（0.5,3.2），它们将不会消除锯齿。