three.js: GridHelper делает нестандартную сетку?

Question

У меня есть been told, что стандартный нормальный вектор для геометрии в трёх.js - (0, 0, 1).

Однако, когда я делаю экземпляр конструктора GridHelper, он создает плоскость, натянутую на оси X и Z. Такая плоскость имеет нормальный вектор (0, 1, 0).

Это можно увидеть на скриншоте, показывая вершины Arry геометрии моего GridHelper:

и подтверждается визуальным осмотром:

Этот как я создаю свой 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); 

?

Answer 1

Если вы хотите использовать метод lookAt() с GridHelper, вам необходимо повернуть геометрию сетки, чтобы сетка лежала в плоскости XY вместо XZ-плоскости. Как только вы это сделаете, lookAt() будет работать так, как ожидалось.

var grid = new THREE.GridHelper(10, 2); 

grid.geometry.rotateX(Math.PI/2); 

var vector = new THREE.Vector3(1, 1, 1); 
grid.lookAt(vector); 

scene.add(grid); 

Three.js R.76