123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168 |
- import {
- AnimationClip,
- BooleanKeyframeTrack,
- ColorKeyframeTrack,
- NumberKeyframeTrack,
- Vector3,
- VectorKeyframeTrack
- } from 'three';
- /**
- * A utility class with factory methods for creating basic animation clips.
- *
- * @hideconstructor
- * @three_import import { AnimationClipCreator } from 'three/addons/animation/AnimationClipCreator.js';
- */
- class AnimationClipCreator {
- /**
- * Creates an animation clip that rotates a 3D object 360 degrees
- * in the given period of time around the given axis.
- *
- * @param {number} period - The duration of the animation.
- * @param {('x'|'y'|'z')} [axis='x'] - The axis of rotation.
- * @return {AnimationClip} The created animation clip.
- */
- static CreateRotationAnimation( period, axis = 'x' ) {
- const times = [ 0, period ], values = [ 0, 360 ];
- const trackName = '.rotation[' + axis + ']';
- const track = new NumberKeyframeTrack( trackName, times, values );
- return new AnimationClip( '', period, [ track ] );
- }
- /**
- * Creates an animation clip that scales a 3D object from `0` to `1`
- * in the given period of time along the given axis.
- *
- * @param {number} period - The duration of the animation.
- * @param {('x'|'y'|'z')} [axis='x'] - The axis to scale the 3D object along.
- * @return {AnimationClip} The created animation clip.
- */
- static CreateScaleAxisAnimation( period, axis = 'x' ) {
- const times = [ 0, period ], values = [ 0, 1 ];
- const trackName = '.scale[' + axis + ']';
- const track = new NumberKeyframeTrack( trackName, times, values );
- return new AnimationClip( '', period, [ track ] );
- }
- /**
- * Creates an animation clip that translates a 3D object in a shake pattern
- * in the given period.
- *
- * @param {number} duration - The duration of the animation.
- * @param {Vector3} shakeScale - The scale of the shake.
- * @return {AnimationClip} The created animation clip.
- */
- static CreateShakeAnimation( duration, shakeScale ) {
- const times = [], values = [], tmp = new Vector3();
- for ( let i = 0; i < duration * 10; i ++ ) {
- times.push( i / 10 );
- tmp.set( Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0 ).
- multiply( shakeScale ).
- toArray( values, values.length );
- }
- const trackName = '.position';
- const track = new VectorKeyframeTrack( trackName, times, values );
- return new AnimationClip( '', duration, [ track ] );
- }
- /**
- * Creates an animation clip that scales a 3D object in a pulse pattern
- * in the given period.
- *
- * @param {number} duration - The duration of the animation.
- * @param {number} pulseScale - The scale of the pulse.
- * @return {AnimationClip} The created animation clip.
- */
- static CreatePulsationAnimation( duration, pulseScale ) {
- const times = [], values = [], tmp = new Vector3();
- for ( let i = 0; i < duration * 10; i ++ ) {
- times.push( i / 10 );
- const scaleFactor = Math.random() * pulseScale;
- tmp.set( scaleFactor, scaleFactor, scaleFactor ).
- toArray( values, values.length );
- }
- const trackName = '.scale';
- const track = new VectorKeyframeTrack( trackName, times, values );
- return new AnimationClip( '', duration, [ track ] );
- }
- /**
- * Creates an animation clip that toggles the visibility of a 3D object.
- *
- * @param {number} duration - The duration of the animation.
- * @return {AnimationClip} The created animation clip.
- */
- static CreateVisibilityAnimation( duration ) {
- const times = [ 0, duration / 2, duration ], values = [ true, false, true ];
- const trackName = '.visible';
- const track = new BooleanKeyframeTrack( trackName, times, values );
- return new AnimationClip( '', duration, [ track ] );
- }
- /**
- * Creates an animation clip that animates the `color` property of a 3D object's
- * material.
- *
- * @param {number} duration - The duration of the animation.
- * @param {Array<Color>} colors - An array of colors that should be sequentially animated.
- * @return {AnimationClip} The created animation clip.
- */
- static CreateMaterialColorAnimation( duration, colors ) {
- const times = [], values = [],
- timeStep = ( colors.length > 1 ) ? duration / ( colors.length - 1 ) : 0;
- for ( let i = 0; i < colors.length; i ++ ) {
- times.push( i * timeStep );
- const color = colors[ i ];
- values.push( color.r, color.g, color.b );
- }
- const trackName = '.material.color';
- const track = new ColorKeyframeTrack( trackName, times, values );
- return new AnimationClip( '', duration, [ track ] );
- }
- }
- export { AnimationClipCreator };
|