Threejs之網格輔助線GridHelper

通過 Three.js 類 GridHelper 可以創建一個坐標網格對象

GridHelper 本質上是對線模型對象 Line 的封裝，縱橫交錯的直線構成一個矩形網格模型對象。

GridHelper( size : number, divisions : Number, colorCenterLine : Color, colorGrid : Color )

參數說明

size -- 網格寬度，默認為 10. 
divisions -- 等分數，默認為 10. 
colorCenterLine -- 中心線顏色，默認 0x444444 
colorGrid --  網格線顏色，默認為 0x888888

eg:

var gridHelper = new THREE.GridHelper( 100, 30, 0x2C2C2C, 0x888888 );
scene.add(gridHelper);

var axes = new THREE.AxisHelper(30);
scene.add(axes);
var gridHelper = new THREE.GridHelper( 100, 30, 0x2C2C2C, 0x888888 );
scene.add(gridHelper);

說明：

　　GridHelper 類創建的網格平面默認與 AxesHelper 類創建的三維坐標軸XOZ平面是重合的

　　即網格平面GridHelper默認垂直於y軸，也就是綠色的軸線，可以進行平移、旋轉等操作

var axes = new THREE.AxisHelper(30);
scene.add(axes);
var gridHelper = new THREE.GridHelper( 100, 30, 0x2C2C2C, 0x888888 );
gridHelper.position.y = -10;
scene.add(gridHelper);