Three.js 總結二

Scene

add(object) children  getChildByName  remove(object)  traverse(function)

.fog  .overrideMaterial  .autoUpdate  .background

 

霧化（兩種方式）

Fog(hex,near,far)    FogExp2(hex,density)

scene.fog = new THREE.Fog(0xffffff,0.015,100)  
scene.fog = new THREE.FogExp2(0xffffff,0.015)

Fog:  properties:name  color  near(1)  far(1000)  methods: .clone()  .toJSON() 

FogExp2: properties:name color density(0.00025)  methods: .clone()  .toJSON() 

 

覆蓋材質

scene.overrideMaterial = new THREE.MeshLambertMaterial({color:0xffffff})

若使用了這個屬性，全部添加到場景中的物體都會使用一樣的材質

 

光源

AmbientLight（環境光）、PointLight（點光源）、SpotLight（聚光燈光源）、DirectionalLight（方向光）、

HemisphereLight（半球光）、AreaLight（面光源）、LensFlare（鏡頭炫目）

 

THREE.PerspectiveCamera(fov,aspect,near,far)

fov(視場) 45 從相機位置可以看到的部分場景

aspect(長寬比) window.innerWidth/window.innerHeight  渲染結果輸出區的橫向長度和縱向長度的比值

near(近面) 0.1  從距離相機多近的地方開始渲染場景

far(遠面) 1000  定義的是相機能夠從它所處的位置看多遠

 

THREE.OrthographicCamera(left,right,top,bottom,near,far)

左右上下邊界