title: Three.JS, changing the world position of a child 3D object
body: <p>So basically I have a child object3D of a group Object3D, while the child object's [x,y,z] coordinates are shown relative to the object space of the parent object, I want to change the location of the child object within the 3D space. So first I get the child object's position relative to the world space.</p>
  
  <pre><code>var wrld_pos = childobject.matrixWorld.multiplyVector3(new THREE.Vector3);
  </code></pre>
  
  <p>This returns a three element vector of the child's position within the world space. Now I wish to set the position my self. So I create a three element vector.</p>
  
  <pre><code>var new_pos = THREE.Vector3();
  new_pos.x = 1;
  new_pos.y = 2;
  new_pos.z = 3;
  
  childobject.matrixWorld.setPosition(new_pos);
  </code></pre>
  
  <p>Provided the function definition for setPosition, it essentially it sets the last three elements of the object's world matrix to the values of the vector passed as an argument, thus changing the location of the object in world space. And to make sure that the matrix updates after these changes, I call the following functions.</p>
  
  <pre><code>childobject.matrixWorldNeedsUpdate = true;
  childobject.updateMatrixWorld();
  </code></pre>
  
  <p>Now upon inspecting the new world matrix of the object I noticed that the setPosition function did nothing, nothing at all. </p>
  
  <p>Why? If real code examples are needed, I will provide them. But the above should represent the application domain and syntax I used very accurately.</p>