上一篇文章中 three.js-02.初始-CSDN博客 我们已经渲染出了一个模型,接下来我们让模型动起来吧!
执行渲染器
渲染方法1
// renderer.render(scene, camera);
渲染方法2(setInterval()周期性渲染)
// function render() {
// renderer.render(scene, camera); //执行渲染操作
// mesh.rotateY(0.02); //每次绕y轴旋转0.01弧度
// }
// setInterval("render()", 100);
渲染方法3(requestAnimationFrame())
// function render() {
// renderer.render(scene, camera); //执行渲染操作
// mesh.rotateY(0.01); //每次绕y轴旋转0.01弧度
// requestAnimationFrame(render); //请求再次执行渲染函数render
// }
// render();
渲染方法4(均匀旋转)
let T0 = new Date(); //上次时间
function render() {
let T1 = new Date(); //本次时间
let t = T1 - T0; //时间差
T0 = T1; //把本次时间赋值给上次时间
requestAnimationFrame(render);
renderer.render(scene, camera); //执行渲染操作
mesh.rotateY(0.001 * t); //旋转角速度0.001弧度每毫秒
}
render();