我正在与HTML5和MooTools进行一场小游戏，我在firefox上遇到了性能问题。我已经实现了一个计数器来确定调用update方法的频率，并且每秒返回64次。结果似乎要慢得多（比如30 FPS）。我认为我的问题实际上已在本文http://blog.sethladd.com/2011/03/measuring-html5-browser-fps-or-youre.html中进行了描述。我找不到直接解决这个问题的方法，但我认为我可以优化穿孔。
我认为我的逻辑中的一个大问题是我直接在画布上绘制每个对象。我之前用Java做过一些游戏，并且通过操作图像（在内存中绘图）和绘制最终图像，我获得了很大的性能提升。通过这种方式，浏览器绘制内容的请求可能会少得多，也许绘制得更快。
有办法做到这一点吗？我在JavaScript中找到了一些用于图像处理的库，但我想自己做。
我无法向您展示完整的代码，因为该项目适用于学校，因为它太大了（约1500行代码）。
答案 0 :(得分：2)
http://www.html5rocks.com/en/tutorials/canvas/performance/
也许这会有所帮助。它向您展示了如何使用屏幕外画布渲染场景来提高性能。