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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章