用手写的画布表现与引擎

Question

我目前正在开发HTML5画布应用程序游戏，它们在Chrome上运行良好;但Firefox和Opera都会在最简单的绘图程序上产生明显的延迟（绘制50个图像，例如32x32）iPad和Android Chrome执行OK .. subpar。比桌面上的Opera和Firefox更糟糕。

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

Answer 1

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

良好的性能是许多事情的高潮，首先是编写高性能的JavaScript，良好的编码实践，仔细使用Canvas API以及有时聪明的黑客攻击。

如果您想提高效果：

1. 获取Zakas的高性能JavaScript副本

2. Read the HTML5rocks article on Canvas performance。其中一些my articles被引用。

3. 使用浏览器附带的JavaScript分析器来查明确切地减慢代码的速度

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