Javascript 手工编写的画布性能vs引擎

Javascript 手工编写的画布性能vs引擎,javascript,html,canvas,Javascript,Html,Canvas,我目前正在开发HTML5画布应用程序的游戏,它们在Chrome上表现良好;然而,Firefox和Opera在最简单的绘图程序(绘制50幅图像,例如32x32)上都会产生明显的延迟,iPad和Android Chrome都表现正常。。低于标准。比桌面上的Opera和Firefox还要糟糕 我看到人们在tilemap引擎上实现了60 FPS,即使分辨率更高。我的问题是:这是怎么做到的?你问了一个有一千万答案的问题 良好的性能是很多事情的最终结果,首先要编写性能良好的JavaScript,良好的编码实

我目前正在开发HTML5画布应用程序的游戏,它们在Chrome上表现良好;然而,Firefox和Opera在最简单的绘图程序(绘制50幅图像,例如32x32)上都会产生明显的延迟,iPad和Android Chrome都表现正常。。低于标准。比桌面上的Opera和Firefox还要糟糕


我看到人们在tilemap引擎上实现了60 FPS,即使分辨率更高。我的问题是:这是怎么做到的?

你问了一个有一千万答案的问题

良好的性能是很多事情的最终结果,首先要编写性能良好的JavaScript,良好的编码实践,仔细使用Canvas API,有时还要进行巧妙的破解

如果要提高性能,请执行以下操作:

  • 抓取一份Zakas的高性能JavaScript

  • 。其中一些是参考的

  • 使用浏览器附带的JavaScript探查器来准确地指出是什么在降低代码的速度

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


  • 我已经读过HTML5Rocks的文章好几次了,但是我错过了底部非常重要的东西。。谢谢你再联系我。事实证明,我的800x600静态背景在基于DirectX的游戏中是完全可以接受的,因为GPU可以很快地将这些背景显示出来,但是当涉及到画布时,许多浏览器都喜欢被这些背景扼杀。。我看到了在后台渲染这些东西的巨大性能提升,而不去理会它们。