123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407 |
- /**
- * @author mikael emtinger / http://gomo.se/
- * @author mrdoob / http://mrdoob.com/
- * @author alteredq / http://alteredqualia.com/
- */
- THREE.Animation = function ( root, data ) {
- this.root = root;
- this.data = THREE.AnimationHandler.init( data );
- this.hierarchy = THREE.AnimationHandler.parse( root );
- this.currentTime = 0;
- this.timeScale = 1;
- this.isPlaying = false;
- this.loop = true;
- this.weight = 0;
- this.interpolationType = THREE.AnimationHandler.LINEAR;
- };
- THREE.Animation.prototype = {
- constructor: THREE.Animation,
- keyTypes: [ "pos", "rot", "scl" ],
- play: function ( startTime, weight ) {
- this.currentTime = startTime !== undefined ? startTime : 0;
- this.weight = weight !== undefined ? weight : 1;
- this.isPlaying = true;
- this.reset();
- THREE.AnimationHandler.play( this );
- },
- stop: function() {
- this.isPlaying = false;
- THREE.AnimationHandler.stop( this );
- },
- reset: function () {
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h ++ ) {
- var object = this.hierarchy[ h ];
- if ( object.animationCache === undefined ) {
- object.animationCache = {
- animations: {},
- blending: {
- positionWeight: 0.0,
- quaternionWeight: 0.0,
- scaleWeight: 0.0
- }
- };
- }
- var name = this.data.name;
- var animations = object.animationCache.animations;
- var animationCache = animations[ name ];
- if ( animationCache === undefined ) {
- animationCache = {
- prevKey: { pos: 0, rot: 0, scl: 0 },
- nextKey: { pos: 0, rot: 0, scl: 0 },
- originalMatrix: object.matrix
- };
- animations[ name ] = animationCache;
- }
- // Get keys to match our current time
- for ( var t = 0; t < 3; t ++ ) {
- var type = this.keyTypes[ t ];
- var prevKey = this.data.hierarchy[ h ].keys[ 0 ];
- var nextKey = this.getNextKeyWith( type, h, 1 );
- while ( nextKey.time < this.currentTime && nextKey.index > prevKey.index ) {
- prevKey = nextKey;
- nextKey = this.getNextKeyWith( type, h, nextKey.index + 1 );
- }
- animationCache.prevKey[ type ] = prevKey;
- animationCache.nextKey[ type ] = nextKey;
- }
- }
- },
- resetBlendWeights: function () {
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h ++ ) {
- var object = this.hierarchy[ h ];
- var animationCache = object.animationCache;
- if ( animationCache !== undefined ) {
- var blending = animationCache.blending;
- blending.positionWeight = 0.0;
- blending.quaternionWeight = 0.0;
- blending.scaleWeight = 0.0;
- }
- }
- },
- update: ( function() {
- var points = [];
- var target = new THREE.Vector3();
- var newVector = new THREE.Vector3();
- var newQuat = new THREE.Quaternion();
- // Catmull-Rom spline
- var interpolateCatmullRom = function ( points, scale ) {
- var c = [], v3 = [],
- point, intPoint, weight, w2, w3,
- pa, pb, pc, pd;
- point = ( points.length - 1 ) * scale;
- intPoint = Math.floor( point );
- weight = point - intPoint;
- c[ 0 ] = intPoint === 0 ? intPoint : intPoint - 1;
- c[ 1 ] = intPoint;
- c[ 2 ] = intPoint > points.length - 2 ? intPoint : intPoint + 1;
- c[ 3 ] = intPoint > points.length - 3 ? intPoint : intPoint + 2;
- pa = points[ c[ 0 ] ];
- pb = points[ c[ 1 ] ];
- pc = points[ c[ 2 ] ];
- pd = points[ c[ 3 ] ];
- w2 = weight * weight;
- w3 = weight * w2;
- v3[ 0 ] = interpolate( pa[ 0 ], pb[ 0 ], pc[ 0 ], pd[ 0 ], weight, w2, w3 );
- v3[ 1 ] = interpolate( pa[ 1 ], pb[ 1 ], pc[ 1 ], pd[ 1 ], weight, w2, w3 );
- v3[ 2 ] = interpolate( pa[ 2 ], pb[ 2 ], pc[ 2 ], pd[ 2 ], weight, w2, w3 );
- return v3;
- };
- var interpolate = function ( p0, p1, p2, p3, t, t2, t3 ) {
- var v0 = ( p2 - p0 ) * 0.5,
- v1 = ( p3 - p1 ) * 0.5;
- return ( 2 * ( p1 - p2 ) + v0 + v1 ) * t3 + ( - 3 * ( p1 - p2 ) - 2 * v0 - v1 ) * t2 + v0 * t + p1;
- };
- return function ( delta ) {
- if ( this.isPlaying === false ) return;
- this.currentTime += delta * this.timeScale;
- if ( this.weight === 0 )
- return;
- //
- var duration = this.data.length;
- if ( this.currentTime > duration || this.currentTime < 0 ) {
- if ( this.loop ) {
- this.currentTime %= duration;
- if ( this.currentTime < 0 )
- this.currentTime += duration;
- this.reset();
- } else {
- this.stop();
- }
- }
- for ( var h = 0, hl = this.hierarchy.length; h < hl; h ++ ) {
- var object = this.hierarchy[ h ];
- var animationCache = object.animationCache.animations[ this.data.name ];
- var blending = object.animationCache.blending;
- // loop through pos/rot/scl
- for ( var t = 0; t < 3; t ++ ) {
- // get keys
- var type = this.keyTypes[ t ];
- var prevKey = animationCache.prevKey[ type ];
- var nextKey = animationCache.nextKey[ type ];
- if ( ( this.timeScale > 0 && nextKey.time <= this.currentTime ) ||
- ( this.timeScale < 0 && prevKey.time >= this.currentTime ) ) {
- prevKey = this.data.hierarchy[ h ].keys[ 0 ];
- nextKey = this.getNextKeyWith( type, h, 1 );
- while ( nextKey.time < this.currentTime && nextKey.index > prevKey.index ) {
- prevKey = nextKey;
- nextKey = this.getNextKeyWith( type, h, nextKey.index + 1 );
- }
- animationCache.prevKey[ type ] = prevKey;
- animationCache.nextKey[ type ] = nextKey;
- }
- var scale = ( this.currentTime - prevKey.time ) / ( nextKey.time - prevKey.time );
- var prevXYZ = prevKey[ type ];
- var nextXYZ = nextKey[ type ];
- if ( scale < 0 ) scale = 0;
- if ( scale > 1 ) scale = 1;
- // interpolate
- if ( type === "pos" ) {
- if ( this.interpolationType === THREE.AnimationHandler.LINEAR ) {
- newVector.x = prevXYZ[ 0 ] + ( nextXYZ[ 0 ] - prevXYZ[ 0 ] ) * scale;
- newVector.y = prevXYZ[ 1 ] + ( nextXYZ[ 1 ] - prevXYZ[ 1 ] ) * scale;
- newVector.z = prevXYZ[ 2 ] + ( nextXYZ[ 2 ] - prevXYZ[ 2 ] ) * scale;
- // blend
- var proportionalWeight = this.weight / ( this.weight + blending.positionWeight );
- object.position.lerp( newVector, proportionalWeight );
- blending.positionWeight += this.weight;
- } else if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM ||
- this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- points[ 0 ] = this.getPrevKeyWith( "pos", h, prevKey.index - 1 )[ "pos" ];
- points[ 1 ] = prevXYZ;
- points[ 2 ] = nextXYZ;
- points[ 3 ] = this.getNextKeyWith( "pos", h, nextKey.index + 1 )[ "pos" ];
- scale = scale * 0.33 + 0.33;
- var currentPoint = interpolateCatmullRom( points, scale );
- var proportionalWeight = this.weight / ( this.weight + blending.positionWeight );
- blending.positionWeight += this.weight;
- // blend
- var vector = object.position;
- vector.x = vector.x + ( currentPoint[ 0 ] - vector.x ) * proportionalWeight;
- vector.y = vector.y + ( currentPoint[ 1 ] - vector.y ) * proportionalWeight;
- vector.z = vector.z + ( currentPoint[ 2 ] - vector.z ) * proportionalWeight;
- if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- var forwardPoint = interpolateCatmullRom( points, scale * 1.01 );
- target.set( forwardPoint[ 0 ], forwardPoint[ 1 ], forwardPoint[ 2 ] );
- target.sub( vector );
- target.y = 0;
- target.normalize();
- var angle = Math.atan2( target.x, target.z );
- object.rotation.set( 0, angle, 0 );
- }
- }
- } else if ( type === "rot" ) {
- THREE.Quaternion.slerp( prevXYZ, nextXYZ, newQuat, scale );
- // Avoid paying the cost of an additional slerp if we don't have to
- if ( blending.quaternionWeight === 0 ) {
- object.quaternion.copy( newQuat );
- blending.quaternionWeight = this.weight;
- } else {
- var proportionalWeight = this.weight / ( this.weight + blending.quaternionWeight );
- THREE.Quaternion.slerp( object.quaternion, newQuat, object.quaternion, proportionalWeight );
- blending.quaternionWeight += this.weight;
- }
- } else if ( type === "scl" ) {
- newVector.x = prevXYZ[ 0 ] + ( nextXYZ[ 0 ] - prevXYZ[ 0 ] ) * scale;
- newVector.y = prevXYZ[ 1 ] + ( nextXYZ[ 1 ] - prevXYZ[ 1 ] ) * scale;
- newVector.z = prevXYZ[ 2 ] + ( nextXYZ[ 2 ] - prevXYZ[ 2 ] ) * scale;
- var proportionalWeight = this.weight / ( this.weight + blending.scaleWeight );
- object.scale.lerp( newVector, proportionalWeight );
- blending.scaleWeight += this.weight;
- }
- }
- }
- return true;
- };
- } )(),
- getNextKeyWith: function ( type, h, key ) {
- var keys = this.data.hierarchy[ h ].keys;
- if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM ||
- this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- key = key < keys.length - 1 ? key : keys.length - 1;
- } else {
- key = key % keys.length;
- }
- for ( ; key < keys.length; key ++ ) {
- if ( keys[ key ][ type ] !== undefined ) {
- return keys[ key ];
- }
- }
- return this.data.hierarchy[ h ].keys[ 0 ];
- },
- getPrevKeyWith: function ( type, h, key ) {
- var keys = this.data.hierarchy[ h ].keys;
- if ( this.interpolationType === THREE.AnimationHandler.CATMULLROM ||
- this.interpolationType === THREE.AnimationHandler.CATMULLROM_FORWARD ) {
- key = key > 0 ? key : 0;
- } else {
- key = key >= 0 ? key : key + keys.length;
- }
- for ( ; key >= 0; key -- ) {
- if ( keys[ key ][ type ] !== undefined ) {
- return keys[ key ];
- }
- }
- return this.data.hierarchy[ h ].keys[ keys.length - 1 ];
- }
- };
|