Three.js開發指南(2):使用構建Three.js場景的基本元件

CopperDong發表於2018-04-22

    講解一些構成Three.js場景的基礎元件

2.1 建立場景

    場景的基本功能:新增、刪除物體

    在場景中新增霧化效果:物體離得遠,就越模糊

    使用材質覆蓋屬性:場景的overrideMaterial屬性用來設定所有物體的材質


2.2 使用幾何和網格物件

     Three.js庫附帶了很多現成的幾何體,你可以在三維場景中使用它們。

     可以通過定義頂點和麵,手工建立幾何體。

     網格物件的函式和屬性:建立一個網格需要一個幾何體,以及一個或多個材質。


注:一個物件的位置是相對於其父物件的

2.3 選擇合適的相機

    Three.js庫裡有兩種不同的相機:正投影相機和透視相機

    正投影相機(OrthographicCamera):物件和相機之間的距離不會影響渲染結果,通常用在二維遊戲中,如《模擬城市4》


    透視檢視(PerspectiveCamera):是最自然的檢視,距離越遠,被渲染得越小。


 屬性圖

     讓相機在指定點上聚焦:camera.lookAt(new THREE.Vector3(x, y, z)


相關文章