AnimationClipCreator.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. /**
  2. *
  3. * Creator of typical test AnimationClips / KeyframeTracks
  4. *
  5. * @author Ben Houston / http://clara.io/
  6. * @author David Sarno / http://lighthaus.us/
  7. */
  8. THREE.AnimationClipCreator = function() {
  9. };
  10. THREE.AnimationClipCreator.CreateMorphAnimation = function( morphTargets, duration ) {
  11. var tracks = [];
  12. var frameStep = duration / morphTargets.length;
  13. for( var i = 0; i < morphTargets.length; i ++ ) {
  14. var keys = [];
  15. if( ( i - 1 ) >= 0 ) {
  16. keys.push( { time: ( i - 1 ) * frameStep, value: 0 } );
  17. }
  18. keys.push( { time: i * frameStep, value: 1 } );
  19. if( ( i + 1 ) <= morphTargets.length ) {
  20. keys.push( { time: ( i + 1 ) * frameStep, value: 0 } );
  21. }
  22. var morphName = morphTargets[i].name;
  23. var trackName = '.morphTargetInfluences[' + morphName + ']';
  24. var track = new THREE.KeyframeTrack( trackName, keys );
  25. tracks.push( track );
  26. }
  27. var clip = new THREE.AnimationClip( 'morphAnimation', duration, tracks );
  28. //console.log( 'morphAnimationClip', clip );
  29. return clip;
  30. };
  31. THREE.AnimationClipCreator.CreateRotationAnimation = function( period, axis ) {
  32. var keys = [];
  33. keys.push( { time: 0, value: 0 } );
  34. keys.push( { time: period, value: 360 } );
  35. axis = axis || 'x';
  36. var trackName = '.rotation[' + axis + ']';
  37. var track = new THREE.KeyframeTrack( trackName, keys );
  38. var clip = new THREE.AnimationClip( 'rotate.x', 10, [ track ] );
  39. //console.log( 'rotateClip', clip );
  40. return clip;
  41. };
  42. THREE.AnimationClipCreator.CreateScaleAxisAnimation = function( period, axis ) {
  43. var keys = [];
  44. keys.push( { time: 0, value: 0 } );
  45. keys.push( { time: period, value: 360 } );
  46. axis = axis || 'x';
  47. var trackName = '.scale[' + axis + ']';
  48. var track = new THREE.KeyframeTrack( trackName, keys );
  49. var clip = new THREE.AnimationClip( 'scale.x', 10, [ track ] );
  50. //console.log( 'scaleClip', clip );
  51. return clip;
  52. };
  53. THREE.AnimationClipCreator.CreateShakeAnimation = function( duration, shakeScale ) {
  54. var keys = [];
  55. for( var i = 0; i < duration * 10; i ++ ) {
  56. keys.push( {
  57. time: ( i / 10.0 ),
  58. value: new THREE.Vector3( Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0 ).multiply( shakeScale )
  59. } );
  60. }
  61. var trackName = '.position';
  62. var track = new THREE.KeyframeTrack( trackName, keys );
  63. var clip = new THREE.AnimationClip( 'shake' + duration, duration, [ track ] );
  64. //console.log( 'shakeClip', clip );
  65. return clip;
  66. };
  67. THREE.AnimationClipCreator.CreatePulsationAnimation = function( duration, pulseScale ) {
  68. var keys = [];
  69. for( var i = 0; i < duration * 10; i ++ ) {
  70. var scaleFactor = Math.random() * pulseScale;
  71. keys.push( {
  72. time: ( i / 10.0 ),
  73. value: new THREE.Vector3( scaleFactor, scaleFactor, scaleFactor )
  74. } );
  75. }
  76. var trackName = '.scale';
  77. var track = new THREE.KeyframeTrack( trackName, keys );
  78. var clip = new THREE.AnimationClip( 'scale' + duration, duration, [ track ] );
  79. //console.log( 'scaleClip', clip );
  80. return clip;
  81. };
  82. THREE.AnimationClipCreator.CreateVisibilityAnimation = function( duration ) {
  83. var keys = [];
  84. keys.push( {
  85. time: 0,
  86. value: true
  87. } );
  88. keys.push( {
  89. time: duration - 1,
  90. value: false
  91. } );
  92. keys.push( {
  93. time: duration,
  94. value: true
  95. } );
  96. var trackName = '.visible';
  97. var track = new THREE.KeyframeTrack( trackName, keys );
  98. var clip = new THREE.AnimationClip( 'visible' + duration, duration, [ track ] );
  99. //console.log( 'scaleClip', clip );
  100. return clip;
  101. };
  102. THREE.AnimationClipCreator.CreateMaterialColorAnimation = function( duration, colors, loop ) {
  103. var timeStep = duration / colors.length;
  104. var keys = [];
  105. for( var i = 0; i <= colors.length; i ++ ) {
  106. keys.push( { time: i * timeStep, value: colors[ i % colors.length ] } );
  107. }
  108. var trackName = '.material[0].color';
  109. var track = new THREE.KeyframeTrack( trackName, keys );
  110. var clip = new THREE.AnimationClip( 'colorDiffuse', 10, [ track ] );
  111. //console.log( 'diffuseClip', clip );
  112. return clip;
  113. };