Threejs之网格辅助线

通过 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);