gpt4 book ai didi

javascript - PixiJS - 设置固定帧率

转载 作者:行者123 更新时间:2023-12-05 00:34:11 30 4
gpt4 key购买 nike

正如标题所说,如何为 PixiJS 设置 25 fps 的固定帧速率?

这是我的设置:

g_App = new PIXI.Application(800, 600, { backgroundColor: 0x1099bb });
document.getElementById("canvas-div").appendChild(g_App.view);

我不想做更多的框架。

最佳答案

在@wavemode 对 PixiJS 使用 requestAnimationFrame 发表评论后,我想我可能需要执行以下操作。 (注:如果有更好的解决方案,请贴出来,否则我会将此标记为答案。)

基本上,如果我们超过帧速率,则停止任何动画。

var g_TICK = 40; // 1000/40 = 25 frames per second
var g_Time = 0;

然后在我们设置动画时:
// Listen for animate update
g_App.ticker.add(function (delta) {
// Limit to the frame rate
var timeNow = (new Date()).getTime();
var timeDiff = timeNow - g_Time;
if (timeDiff < g_TICK)
return;

// We are now meeting the frame rate, so reset the last time the animation is done
g_Time = timeNow;

// Now do the animation

// rotate the container!
// use delta to create frame-independent tranform
container.rotation -= 0.01 * delta;
g_Bunny0.x += 1;
});

关于javascript - PixiJS - 设置固定帧率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43416797/

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