three.js:GridHelper制作非标准网格?

时间:2016-05-07 00:26:11

标签: javascript three.js

我有enter image description here三个.js中几何的标准法向量是(0, 0, 1)

但是,当我创建GridHelper构造函数的实例时,它会创建一个由X轴和Z轴跨越的平面。这样的平面具有(0, 1, 0)的法向量。

这个截图可以看出,显示了我的GridHelper几何的顶点:

enter image description here

通过视觉检查确认:

{{3}}

这就是我实例化GridHelper的方式:

var myGridHelper = new THREE.GridHelper(10, 20);

GridHelper如何不符合标准法向量?

如果此功能/错误不会改变: 我可以通过始终使用以下代码启动GridHelper实例来解决它:

var standardPlaneNormal   = new THREE.Vector3(0, 0, 1);
var GridHelperPlaneNormal = new THREE.Vector3(0, 1, 0);
var quaternion  = new THREE.Quaternion();
quaternion.setFromUnitVectors(standardPlaneNormal, GridHelperPlaneNormal);
var myGridHelper = new THREE.GridHelper(10, 20);
myGridHelper.rotation.setFromQuaternion(quaternion);

1 个答案:

答案 0 :(得分:4)

如果要将This option (-t) identifies the file status with the following tags (followed by a space) at the start of each line: H cached S skip-worktree M unmerged R removed/deleted C modified/changed K to be killed ? other 方法与lookAt()一起使用,则需要旋转网格几何体,使网格位于XY平面,而不是XZ平面。完成后,GridHelper将按预期工作。

lookAt()

three.js r.76