开发html5画布游戏:图像或语句
developing html5 canvas game: images or statements
我正在将一款旧的dos游戏移植到html 5画布上。这是一个非常基础的游戏,动画只有2-3帧。我已经提取了所有必要的帧,这些帧是非常低分辨率的,大约是13*23的图像。我可以通过使用canvas js语句来复制图像,或者我可以使用我已经使用drawImage()的图像。
使用图像的问题是大多数现代浏览器通过使用插值技术(如bicubic等)来调整图像大小。这使得图像失去了低分辨率的外观,而且它们看起来很糟糕,因为它们必须缩放为像素艺术。
使用canvas js语句的问题是很难手工复制所有的图像,但它解决了缩放问题。
理想的做法是什么?
这取决于各种标准。有多种策略可以提高画布的性能。
我认为即使你自己绘制这些图像,你也必须缓冲它以获得性能增益…我建议你使用图片。
但这完全取决于问题的上下文。请阅读下面的文章,它会给你一个公平的想法,提高画布的性能。
参考:http://www.html5rocks.com/en/tutorials/canvas/performance/
我认为这更多地取决于你要移动的对象的数量和你想要的帧率。画布缺少重绘区域。如果你"绘制"对象,它的执行速度会快得多。
相关的按原宽度和高度绘制。如果你把它们画在整数值坐标上,即(0,0)而不是(0.5,3.2),它们将不会抗锯齿。
相关文章:
- 使用javascript中的if和else语句来显示图像(如果图像不存在,则显示其他图像)
- If语句显示图像
- 如何使用在 javascript 中分配给图像的变量,并使用 switch 语句在 html 中显示它们
- 带有 If/else 语句的 Javascript 图像
- AngularJS:if 语句,用于显示一个图像与另一个图像
- 如果“if”语句匹配,如何将图像追加到表中
- 如何添加 if 语句以循环图像
- jQuery图像交换if-else语句不起作用
- 加载空白图像的速度比多个if语句快
- Javascript”;如果“;语句更改html图像源
- 加载gif图像>execute语句>隐藏gif
- 图像滑块中的JS While语句
- 使用select语句进行动态图像交换
- 使用图像src作为条件的if/else语句
- 为什么jquery中的if语句不能检测图像大小?
- 多个IF语句在输入完成时显示图像
- 使用切换案例语句从下拉列表选择中更改图像
- 开发html5画布游戏:图像或语句
- 结合switch语句和onMouseOver显示文本&图像(javascript)
- 使用JS 'if'语句来检测图像是否被拖到HTML5画布上的正确位置