WHY相機
threejs在呈現(xiàn)給我們一個可見的視圖之前磁浇,需要建立一個場景丽啡,然后在場景中添加object孔祸,這個時候依然不能呈現(xiàn)給我們所想看到的纷铣。
相機的作用就是顽素,從一個視角菜循,對當前的環(huán)境取景籍铁。然后在通過渲染器渲染到canvas中水评,便是我們在網(wǎng)頁上所看到的堡距。
var camera=newTHREE.PerspectiveCamera(45,4/3,1,1000);camera.position.set(0,0,5);scene.add(camera);
相機的參數(shù)分別是 ?角度甲锡,相機寬高比,以及最小焦距最大焦距
camera.position.set(200,200,200);
設(shè)置相機的位置后面為WEBGL的三維坐標
camera.lookAt(scene.position);
將相機指向場景的中心
當然就我們也可以采取與初始化scene一樣的方式來初始話 相機
var ?camera羽戒;
function ?initcamera(){
camera=newTHREE.PerspectiveCamera(45,4/3,1,1000);camera.position.set(0,0,5);scene.add(camera);
camera.position.set(200,200,200);
camera.lookAt(scene.position);
}
initcamera()
有了場景和相機了我們就可以開始渲染了
拿到我們的渲染器
renderer.render(scene,camera)
渲染器的兩個參數(shù)分別是 場景和相機缤沦。
但是我們還沒有添加對象。