WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 一对一班

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

本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com