HTML5画布性能:加载图像与绘图

前端之家收集整理的这篇文章主要介绍了HTML5画布性能:加载图像与绘图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在计划使用 javascript / canvas编写游戏,我只是有一个问题:在加载图像时,我应该考虑什么样的性能考虑,而不是使用canvas方法绘制.因为我的游戏将使用非常简单的几何图形(圆,正方形,线),任何一种方法将很容易使用.我还计划在游戏中实现一个简单的粒子引擎,所以我想要能够绘制大量的小对象而没有太多的性能打击.

思考?

解决方法

如果您使用实心填充绘制简单的形状,那么在程序上绘制它们是您最好的方法.

如果您使用笔画,渐变填充和其他性能敏感化妆画绘制更详细的实体,则最好使用图像精灵.在程序上生成图形并不总是有效的.

有可能摆脱两者的混合.在应用程序启动时,在画布上逐个绘制图形实体.之后,您可以通过绘制它们的副本来重复使用相同的精灵,而不是重复生成相同的阴影,渐变和笔触.

如果你选择绘制精灵,你应该读一些tips and optimization techniques on this thread.

我个人的建议是画出形状.我了解到,如果要使用图像,那么使用较慢的东西越多,您最有可能需要进行离屏渲染.

原文链接:https://www.f2er.com/html5/168567.html

猜你在找的HTML5相关文章