Three.js 學習之路（二）

常用輔助對象的使用

對於剛開始學習的開發者來說，有輔助工具協助能更快掌握Three.js三維空間。

1.ArrowHelper：箭頭輔助工具

　　可以通過設置一個世界方向，起點，長度，顏色在scene中添加一個輔助箭頭幫助我們辨認網頁中的方向。下面示例添加一個世界原點朝向正上方的一個4單位長度的紅色箭頭：

　　var arrowHelper = new THREE.ArrowHelper( new THREE.Vector3(0,1,0), new THREE.Vector3( 0, 0, 0 ), 4, 0xff0000 );

　　scene.add( arrowHelper );

　　

2.axisHelper:軸輔助工具

 　　始終與世界坐標系重合

　　var axishelper = new THREE.AxisHelper(100);

　　scene.add( axishelper );

　　

　　

3.boxhelper:包圍盒輔助工具

　　可以通過添加一個boxhelper來標記對象線框幫助我們分辨對象的外圍邊緣：

　　var boxhelper=new THREE.BoxHelper(cube);

　　scene.add(boxhelper);

　　

3.光源輔助工具：PointLightHelper

　　點光源是最常用的其中一種，通過添加點光源輔助可以顯示光源一定范圍的輪廓示意：下面是在原點添加了一個10單位長度的點光源輔助

　　

4.其他輔助對象

平行光：DirectionalLightHelper，相機：CameraHelper，邊緣：EdgesHelper，線框：WireframeHelper等