threex/src/threex.minecraft/threex.minecraftcharheadanim.js

Game Extensions for three.js http://www.threejsgames.com/extensions/

var THREEx	= THREEx || {};

THREEx.createMinecraftCharHeadAnimations	= function(character){
	return new THREEx.MinecraftCharHeadAnimations(character);
}

THREEx.MinecraftCharHeadAnimations	= function(character){
	var animations	= this;
	// call parent ctor
	THREEx.Animations.call(this)
	
	var tweenAngle	= function(baseValue, nextValue, timePercent){
		if( nextValue - baseValue >  Math.PI )	nextValue	-= Math.PI*2;
		if( nextValue - baseValue < -Math.PI )	nextValue	+= Math.PI*2;
		return (1-timePercent) * baseValue + timePercent * nextValue;
	}

	
	var onUpdate	= function(position){
		character.headGroup.rotation.x	= position.headRotationX;
		character.headGroup.rotation.y	= position.headRotationY
	};
	var onCapture	= function(position){
		position.headRotationX	= character.headGroup.rotation.x;
		position.headRotationY	= character.headGroup.rotation.y;
	};
	var propTweens	= {
		headRotationX	: tweenAngle,
		headRotationY	: tweenAngle
	};
	
	
	// Setup 'still' animation
	animations.add('still'	, THREEx.createAnimation().pushKeyframe(0.5, {
		headRotationX	: 0,
		headRotationY	: 0
	}).propertyTweens(propTweens).onCapture(onCapture).onUpdate(onUpdate));

	// Setup 'no' animation
	animations.add('no'	, THREEx.createAnimation().pushKeyframe(0.5, {
		headRotationX	: 0,
		headRotationY	: +Math.PI/6
	}).pushKeyframe(0.5, {
		headRotationX	: 0,
		headRotationY	: -Math.PI/6
	}).propertyTweens(propTweens).onCapture(onCapture).onUpdate(onUpdate));

	// Setup 'yes' animation
	animations.add('yes'	, THREEx.createAnimation().pushKeyframe(0.4, {
		headRotationY	: 0,
		headRotationX	: +Math.PI/8
	}).pushKeyframe(0.4, {
		headRotationX	: -Math.PI/8,
		headRotationY	: 0
	}).propertyTweens(propTweens).onCapture(onCapture).onUpdate(onUpdate));
}

THREEx.MinecraftCharHeadAnimations.prototype	= Object.create(THREEx.Animations.prototype);