requestAnimationFrame调节帧率
【代码】requestAnimationFrame调节帧率。
·
let frameCount = 0;
const framesPerUpdate = 2; // 每2帧执行一次动画逻辑
function animate() {
frameCount++;
// 在这里执行你的动画逻辑
// ...
// 控制每两次循环执行一次动画逻辑
if (frameCount % framesPerUpdate === 0) {
// 在这里执行你的动画逻辑
// 重置帧计数器
frameCount = 0;
}
// 调用requestAnimationFrame,形成动画循环
requestAnimationFrame(animate);
}
let lastTime = performance.now();
let frameCount = 0;
let fps = 0;
function update() {
// Get the current time
const now = performance.now();
// Calculate the time difference since the last frame
const delta = now - lastTime;
frameCount++;
if (delta >= 1000) {
// Update the FPS value
fps = frameCount / (delta / 1000);
// Reset the counters
frameCount = 0;
lastTime = now;
// Log the FPS
console.log(`FPS: ${fps.toFixed(2)}`);
}
// Request the next frame
requestAnimationFrame(update);
}
// Start the update loop
update();
更多推荐
已为社区贡献1条内容
所有评论(0)