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() 告訴瀏覽器——你希望執行一個動畫,並且要求瀏覽器在下次重繪之前調用指定的回調函數更新動畫。該方法需要傳入一個回調函數作爲參數,該回調函數會在瀏覽器下一次重繪之前執行

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