自定义requestAnimationFrame帧频

mac2022-06-30  19

requestAnimationFrame(callback)触发的callback方法会接受一个时间戳参数,所以如果不想直接跟随浏览器系统帧频的话, 就可以利用这个时间戳参数来做到自定义帧频,做法就是当前时间减去所记录的上一次的时间,如果超过自定义的帧频时间,就可以真正做渲染了 var fps = 60; var frameDelay = 1 / fps * 1000; var timeRecord = -frameDelay; function render(time){   if(time - timeRecord >= frameDelay) {   cube.rotation.x += 0.1; cube.rotation.y += 0.1; ballMesh.rotation.x += 0.1; ballMesh.rotation.y += 0.1; line.rotation.y += 0.1; renderer.render(scene,camera);   timeRecord = time;   stats.update(); }     requestAnimationFrame(render); } render(0); }

 

转载于:https://www.cnblogs.com/JD85/p/10112898.html

最新回复(0)