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

时间:2012-10-22 14:26:08

标签: javascript html css canvas kineticjs

我修改了kinetic-viewport库以制作scrollable地图,但我遇到了与性能相关的问题。我制作了30x20个矩形,它们被120*旋转了。这很简单,你可以看到,但它有很多,我想知道如果我把图像放在它们上然后制作一些精灵和动画会发生什么?我想,游戏将无法播放。

我做错了什么?我以前从未写过游戏,仅限商业网站。也许在写游戏时我会有不同的想法?

演示 - 按人民币滚动。使用Mousewhell进行缩放 - http://godlike.hekko.pl/kinetic-viewport/demo.html

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

此致

1 个答案:

答案 0 :(得分:1)

我看到你正在使用setInterval:你最好在可用的情况下使用requestAnimationFrame API,因为它专门用于动画,并且会为你提供更好的帧率和更少的CPU使用率(因此,更少的电池使用量) ,如果你也是针对移动设备的话。)

如果你打算创建一个滚动游戏,你也可以尝试一些专门针对游戏的东西;我推荐Canvace,我也参与其中。:)