Почему выглядит не глядя на указанный вектор?

Question

У меня есть эта три Js сцена: http://codepen.io/giorgiomartini/pen/ZWLWgX

Сцена содержит 5 вещей:

камеры - Не Visible

Ориген (3D вектора) - на 0,0,0.

objOne - зеленый

objParent - Красный

CenterOfscene - Синий

objOne является дочерним objParent. И ObjOne выглядит Origen, который является 3d-вектором в 0,0,0.

Но objOne вместо того, чтобы смотреть на 0,0,0. где вектор начала есть, Он смотрит на objParent ....?

Есть идеи?

То, что я хочу, это objOne посмотреть на 0,0,0. Который является вектором происхождения.

Любые идеи, почему это плохо? Благодарю.

THREE.SceneUtils.detach(objOne, objParent, scene); 
THREE.SceneUtils.attach(objOne, scene, objParent); 

var origen = new THREE.Vector3(0, 0, 0); 

var render = function() { 
    objOne.lookAt(origen); 
    requestAnimationFrame(render); 

    xOffset += 0.01; 
    yOffset += 0.011; 
    zOffset += 0.012; 

    xOffsetParent += 0.0011; 
    yOffsetParent += 0.0013; 
    zOffsetParent += 0.0012; 

    camXPos = centeredNoise(-1,1,xOffset); 
    camYPos = centeredNoise(-1,1,yOffset); 
    camZPos = centeredNoise(-1,1,zOffset); 
    objOne.position.x = camXPos*4; 
    objOne.position.y = camYPos*4; 
    objOne.position.z = camZPos*4; 

    camParentXPos = centeredNoise(-1,1,xOffsetParent); 
    camParentYPos = centeredNoise(-1,1,yOffsetParent); 
    camParentZPos = centeredNoise(-1,1,zOffsetParent); 
    objParent.position.x = camParentXPos*10; 
    objParent.position.y = camParentYPos*10; 
    objParent.position.z = camParentZPos*10; 

    renderer.render(scene, camera); 
}; 

render(); 

Answer 1

Object3D.lookAt() не поддерживает объекты с повернутым и/или переведенным родителем (ей).

Ваш рабочий процесс состоит в том, чтобы (1) добавить ребенка в качестве потомка сцены, и (2) заменить дочерний объект на манекен Object3D, который в качестве дочернего элемента родительского объекта будет перемещаться с родителем.

Тогда в вашей визуализации цикла,

child.position.setFromMatrixPosition(dummy.matrixWorld); 
child.lookAt(origin); 

Three.js R.75

Answer 2

Вот исправленные codepen: http://codepen.io/anon/pen/oxGpPQ?editors=0010

Теперь зеленый диск едет вокруг своего родителя (красная сфера) при просмотре синего диска (или вектора «origen»).

Uncomment lines 163 и 164, чтобы камера находилась на месте зеленого диска и чтобы камера также смотрела на синий диск (вектор «origen»), пока он вращает свою родительскую красную сферу.

Как осуществить это: 1. делают родительская Red Mesh 2. сделать dummyChild Object3D (это невидимый математический объект) 3. делают ребенка Зеленый Mesh 4. делают Ориген centerOfScene Синий Mesh 5. приложить родительский, дочерний и centerOfScene для Сцена (не dummyChild, хотя) 6. Прикрепить dummyChild к родительскому, например: parent.add (dummyChild);

В функции рендера: 1. Переместите родительский элемент вокруг с функцией шума (что смещает dummyChild) 2.Переместите dummyChild с другой функцией шума (которая вращается вокруг своего родительского положения, центр мира dummyChild - это положение его красного родителя) 3. Придерживайте зеленую дочернюю сетку везде, где находится невидимая фиктивная кукла. Но поскольку dummyChild компенсируются красным родителем, мы должны получить его мировые координаты в отношении сцены, а не ее координаты в мире красного цвета, поэтому мы используем

child.setFromMatrixPosition(dummyChild.matrixWorld); 

Обрати внимание его matrixWorld и не матрица - матрица имеют свою локальную систему и matrixWorld держит его скоординированным относительно Системы координат Сцена или Мира. 4. Используйте lookAt, чтобы сделать зеленый дочерний диск «lookAt» синей средой centerOfScene, которая находится на векторе начала или в центре сцены.

Надеюсь, это поможет! :)