Three.js 坐标网格 GridHelper

通过Three.js类GridHelper可以创建一个坐标网格对象，GridHelper本质上是对线模型对象Line的封装，纵横交错的直线构成一个矩形网格模型对象。

// 200表示网格模型的尺寸大小，25表示纵横细分线条数量
var gridHelper = new THREE.GridHelper(200, 25);
// gridHelper和普通的网格模型、线模型一样需要插入到场景中才会被渲染显示出来
scene.add(gridHelper);

GridHelper类创建的网格平面默认与AxesHelper类创建的三维坐标轴XOZ平面是重合的,也就是说网格平面GridHelper默认垂直于y轴，也就是绿色的轴线，可以进行平移、旋转等操作。

// gridHelper对象的基类是线模型Line，可以像线模型一样设置position
// 沿着y轴平移到位置-55
gridHelper.position.y = -55

构造函数GridHelper()

• 参数1：坐标格尺寸，默认为 10

• 参数2：坐标格细分次数，默认为 10.

• 参数3：中线颜色设置， 参数值是Three.js颜色对象THREE.Color,THREE.Color默认值0x444444

• 参数4： 坐标格网格线颜色设置， 参数值是Three.js颜色对象THREE.Color,THREE.Color默认值 0x888888