Why is lookAt not looking at specified vector?
<p>I have this three js scene: <a href="http://codepen.io/giorgiomartini/pen/ZWLWgX" rel="nofollow">http://codepen.io/giorgiomartini/pen/ZWLWgX</a></p>

<p>The scene contains 5 things: </p>

<p><strong>Camera</strong> - Not Visible </p>

<p><strong>origen</strong> (3D vector) - At 0,0,0. </p>

<p><strong>objOne</strong> - Green </p>

<p><strong>objParent</strong> - Red </p>

<p><strong>CenterOfscene</strong>  - Blue</p>

<p>objOne is a child of objParent. And ObjOne looksAt origen, which is a 3d vector at 0,0,0.</p>

<p>But the objOne instead of looking at the 0,0,0. where the origin vector is, It looks at objParent....?</p>

<p>Got any ideas?</p>

<p>What i want is the objOne to look at the 0,0,0. Which is the origen vector.</p>

<p>Any ideas why this is misbehaving? thanks.</p>

<pre><code>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();
</code></pre>