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

developing html5 canvas game: images or statements

本文关键字：图像语句游戏 html5 布游戏开发更新时间：2023-09-26

我正在将一款旧的dos游戏移植到html 5画布上。这是一个非常基础的游戏，动画只有2-3帧。我已经提取了所有必要的帧，这些帧是非常低分辨率的，大约是13*23的图像。我可以通过使用canvas js语句来复制图像，或者我可以使用我已经使用drawImage()的图像。

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

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

理想的做法是什么?

这取决于各种标准。有多种策略可以提高画布的性能。

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

但这完全取决于问题的上下文。请阅读下面的文章，它会给你一个公平的想法，提高画布的性能。

参考:

http://www.html5rocks.com/en/tutorials/canvas/performance/

我认为这更多地取决于你要移动的对象的数量和你想要的帧率。画布缺少重绘区域。如果你"绘制"对象，它的执行速度会快得多。