topical media & game development
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.