gpt4 book ai didi

javascript - 带视口(viewport)的 HTML5 等距 Canvas - 性能非常差

转载 作者:行者123 更新时间:2023-11-28 18:35:07 24 4
gpt4 key购买 nike

我修改了kinetic-viewport 库来制作可滚动 map ,但我遇到了与性能相关的问题。我制作了 30x20 矩形,它们旋转了 120*。如您所见,这非常简单,但它滞后很多,我想知道如果我将图像放在它们上面然后制作一些 Sprite 和动画会发生什么?我想游戏将无法玩。

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

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

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

问候

最佳答案

我看到你在使用 setInterval:你最好使用 requestAnimationFrame可用的 API,因为它专为动画而设计,可为您提供更好的帧速率和更少的 CPU 使用率(因此,如果您还针对移动设备,则电池使用率更低)。

如果您打算制作一款卷轴游戏,您不妨尝试一些专门为游戏设计的东西;我推荐 Canvace ,我也参与其中。:)

关于javascript - 带视口(viewport)的 HTML5 等距 Canvas - 性能非常差,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13013511/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com