title: WebGL THREE: changing position of obj, but the object doesn't move
body: <p>I am working with an object which i loaded like this (I save it as a global variable such that I can change it later): </p>
  
  <pre><code>model1 = null; 
  
  var mtlLoader = new THREE.MTLLoader();
    mtlLoader.load("http://blabla.mtl", function(materials) {
    materials.preload();
    var objLoader = new THREE.OBJLoader();
    objLoader.setMaterials(materials);
    objLoader.load("http://blabla.obj", function(object) {
      object.scale.x = 0.0004;
      object.scale.y = 0.0004;
      object.scale.z = 0.0004;
      object.rotateX(Math.PI / 2);  
      object.rotateZ(Math.PI / 2); 
      object.add(new THREE.AxisHelper(2))
      model1 = object;     //save in global variables
      scene.add(model1);
     });
  });
  </code></pre>
  
  <p>When I am rendering I want to change the position of the model, based on a box's change in position: </p>
  
  <pre><code>function render(ms: number) {
    if (lastTime) {
      update((ms-lastTime)/1000) 
    }
  
    lastTime = ms
    requestAnimationFrame(render)
    renderer.render( scene, camera )
  }
  
  var pos_current;
  var pos_new;
  var trans;
  
  function update(dt: number) {
    if (pause.on) return
  
  
    //save position of box before it is transformed
    pos_current = box.position.clone();
  
    box.updatePosition()
  
    //save new position of box
    pos_new = box.position.clone();
  
    //transform the 3D-model according to the box's transformation
    trans = pos_current.sub(pos_new);
  
    model1.position.add(trans);
    console.log(model1.position)
  </code></pre>
  
  <p>I can in the console see that the position of model1 changes, but the object just doesn't move at all, and I can't really figure out why. </p>
  
  <p>Any help is very appreciated :) </p>