自定义requestAnimationFrame帧频

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