带视口的HTML5等距画布-性能非常差

Question

我已经修改了kinetic-viewport库以制作scrollable地图，但是遇到了与性能有关的问题。 我制作了30x20矩形，并将它们旋转了120* 。 如您所见，这很简单，但是却滞后了很多。我想知道如果将图像放在图像上然后制作一些精灵和动画会怎样？ 我想游戏将无法玩。

我做错了什么？ 我以前从未写过游戏，仅是商业网站。 也许在编写游戏时我应该换个思路？

演示-按RMB滚动。 使用Mousewhell放大- http://godlike.hekko.pl/kinetic-viewport/demo.html

来源-http: //godlike.hekko.pl/inne/kinetic-viewport.7z

问候

Answer 1

我看到您正在使用setInterval：最好使用requestAnimationFrame API，因为它专门用于动画，并且可以为您提供更好的帧率和更少的CPU使用率（因此，如果您也将目标定位为电池，则可以减少电池使用量）移动设备）。

如果您打算创建一个滚动游戏，则可以尝试一些专门为游戏设计的东西。 我会推荐Canvace ，我也参与其中。:)