topical media & game development

talk show tell print

mobile-query-three-plugins-minecraft-examples-animation.htm / htm



  <!doctype html><title>Minimal tQuery Page</title>
  <script src="../../../build/tquery-bundle.js"></script>
  <script src="../tquery.minecraftchar.js"></script>
  
  <script src="../tquery.animation.js"></script>
  <script src="../tquery.animations.js"></script>
  
  <script src="../tquery.minecraftcharanimations.js"></script>
  <script src="../tquery.minecraftcharheadanimations.js"></script>
  
  <body><div style="position: absolute; font-size: 200%;">
          <div class="bodyAnims">Body: walk</div>        
          <div class="headAnims">Head: still</div>
  </div><script>
          var world        = tQuery.createWorld().boilerplate().start();
          //world.removeCameraControls();
          world.tCamera().position.z        = 1.8;
  
          // load the minecraft character
          var character        = tQuery.createMinecraftChar({
                  skinUrl        : 'images/agentsmith.png'
          }).addTo(world); 
          // add the model to our world
          character.object3D('root')
                  .translateY(-0.5)
                  .rotateY(-Math.PI/6);
  
          // init bodyAnims
          var bodyAnims        = new tQuery.MinecraftCharAnimations(character);
          bodyAnims.start('walk');
          
          // randomly change bodyAnims every 2 seconds
          setInterval(function(){
                  var animNames        = bodyAnims.names();
                  var animName        = animNames[Math.floor(Math.random()*animNames.length)];
                  bodyAnims.start(animName);        
                  document.querySelectorAll(".bodyAnims")[0].innerHTML        = "Body: "+animName;
          }, 2*1000)
  
          // init headAnims
          var headAnims        = new tQuery.MinecraftCharHeadAnimations(character);
          headAnims.start('still');
  
          // randomly change headAnims every 2 seconds
          setInterval(function(){
                  var animNames        = headAnims.names();
                  var animName        = animNames[Math.floor(Math.random()*animNames.length)];
                  headAnims.start(animName);        
                  document.querySelectorAll(".headAnims")[0].innerHTML        = "Head: "+animName;
          }, 2*1000)
  </script></body>


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.