title: Dynamic bones animation in Three.js
body: <p>Is it possible to create a dynamic animation by applying transformations to the bones of a 3D model using three.js? I tried moving and rotating the bones of a SkinnedMesh, but the mesh was not updated.</p>
  
  <pre><code>        loader = new THREE.JSONLoader();
          loader.load('/JS-Projects/Virtual-Jonah/Modelos/initialPose.js',function jsonReady( geometry )
          {
              mesh = new THREE.SkinnedMesh( geometry, new THREE.MeshNormalMaterial({skinning : true}) );
              mesh.scale.set( 10, 10, 10 );
              mesh.position.z = mesh.position.y = mesh.position.x = 0;
              mesh.geometry.dynamic = true;
              scene.add( mesh );
  
              var index = 0;
              for (var i = 0; i &lt; mesh.bones.length; i++)
              {
                  if (mesh.bones[i].name == "forearm_R")
                  {
                      index = i;
                      break;
                  }
              }
  
  
              setInterval (function ()
              {
                  mesh.bones[index].useQuaternion = false;
                  mesh.bones[index].position.z += 10;     
                  mesh.bones[index].matrixAutoUpdate = true;
                  mesh.bones[index].matrixWorldNeedsUpdate = true;
                  mesh.geometry.verticesNeedUpdate = true;
                  mesh.geometry.normalsNeedUpdate = true;
  
                  renderer.render(scene, camera);
              }, 33);
  
              renderer.render(scene, camera);
          });
  </code></pre>
  
  <p>The model I am using was created with makeHuman (nightly build), exported to Collada, imported in Blender and exported to the three.js JSON model. The link to the model is the following:</p>
  
  <p><a href="https://www.dropbox.com/sh/x1606vnaoghes1y/gG_BcZcEKd/initial">https://www.dropbox.com/sh/x1606vnaoghes1y/gG_BcZcEKd/initial</a></p>
  
  <p>Thank you!</p>