手工编写的画布性能与引擎

Canvas performance written by hand vs engines

本文关键字：性能 引擎 布性能      更新时间：2024-02-24

我目前正在将游戏开发为HTML5画布应用程序，它们在Chrome上运行良好；然而，Firefox和Opera都在最简单的绘图程序（例如，绘制50张图像，32x32）上产生了明显的延迟。iPad和Android Chrome的表现还可以。比桌面上的Opera和Firefox还要糟糕。

我看到人们在tilemap引擎上实现了60 FPS，甚至在更高的分辨率下。我的问题是：这是怎么做到的？

您提出的问题有1000万个答案。

良好的性能是许多事情的顶峰，首先是编写高性能JavaScript，良好的编码实践，小心使用Canvas API，有时还有巧妙的技巧。

如果你想提高性能：

  1. 通过Zakas 获取一份高性能JavaScript

  2. 阅读关于Canvas性能的HTML5rocks文章。那里引用了我的一些文章。

  3. 使用浏览器附带的JavaScript评测器来精确定位是什么导致代码变慢

  4. 向我们展示您的代码并提出具体问题！

相关文章：