Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案

在场景中显示渲染的网格模型,直接使用官方渲染器方法即可。

    //执行渲染操作   指定场景、相机作为参数
    renderer.render(scene, camera);

**渲染动画,**使用requestAnimationFrame。

function render() {
     renderer.render(scene, camera);//执行渲染操作
     mesh.rotateY(0.01);//每次绕y轴旋转0.01弧度
     requestAnimationFrame(render);//请求再次执行渲染函数render
     }
     render();

window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行

posted on 2020-06-28 14:30  漏刻有时  阅读(55)  评论(0)    收藏  举报