AnimationClipCreator.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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.CreateRotationAnimation = function( period, axis ) {
  11. var keys = [];
  12. keys.push( { time: 0, value: 0 } );
  13. keys.push( { time: period, value: 360 } );
  14. axis = axis || 'x';
  15. var trackName = '.rotation[' + axis + ']';
  16. var track = new THREE.NumberKeyframeTrack( trackName, keys );
  17. var clip = new THREE.AnimationClip( 'rotate.x', 10, [ track ] );
  18. //console.log( 'rotateClip', clip );
  19. return clip;
  20. };
  21. THREE.AnimationClipCreator.CreateScaleAxisAnimation = function( period, axis ) {
  22. var keys = [];
  23. keys.push( { time: 0, value: 0 } );
  24. keys.push( { time: period, value: 360 } );
  25. axis = axis || 'x';
  26. var trackName = '.scale[' + axis + ']';
  27. var track = new THREE.NumberKeyframeTrack( trackName, keys );
  28. var clip = new THREE.AnimationClip( 'scale.x', 10, [ track ] );
  29. //console.log( 'scaleClip', clip );
  30. return clip;
  31. };
  32. THREE.AnimationClipCreator.CreateShakeAnimation = function( duration, shakeScale ) {
  33. var keys = [];
  34. for( var i = 0; i < duration * 10; i ++ ) {
  35. keys.push( {
  36. time: ( i / 10.0 ),
  37. value: new THREE.Vector3( Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0, Math.random() * 2.0 - 1.0 ).multiply( shakeScale )
  38. } );
  39. }
  40. var trackName = '.position';
  41. var track = new THREE.VectorKeyframeTrack( trackName, keys );
  42. var clip = new THREE.AnimationClip( 'shake' + duration, duration, [ track ] );
  43. //console.log( 'shakeClip', clip );
  44. return clip;
  45. };
  46. THREE.AnimationClipCreator.CreatePulsationAnimation = function( duration, pulseScale ) {
  47. var keys = [];
  48. for( var i = 0; i < duration * 10; i ++ ) {
  49. var scaleFactor = Math.random() * pulseScale;
  50. keys.push( {
  51. time: ( i / 10.0 ),
  52. value: new THREE.Vector3( scaleFactor, scaleFactor, scaleFactor )
  53. } );
  54. }
  55. var trackName = '.scale';
  56. var track = new THREE.VectorKeyframeTrack( trackName, keys );
  57. var clip = new THREE.AnimationClip( 'scale' + duration, duration, [ track ] );
  58. //console.log( 'scaleClip', clip );
  59. return clip;
  60. };
  61. THREE.AnimationClipCreator.CreateVisibilityAnimation = function( duration ) {
  62. var keys = [];
  63. keys.push( {
  64. time: 0,
  65. value: true
  66. } );
  67. keys.push( {
  68. time: duration - 1,
  69. value: false
  70. } );
  71. keys.push( {
  72. time: duration,
  73. value: true
  74. } );
  75. var trackName = '.visible';
  76. var track = new THREE.BooleanKeyframeTrack( trackName, keys );
  77. var clip = new THREE.AnimationClip( 'visible' + duration, duration, [ track ] );
  78. //console.log( 'scaleClip', clip );
  79. return clip;
  80. };
  81. THREE.AnimationClipCreator.CreateMaterialColorAnimation = function( duration, colors, loop ) {
  82. var timeStep = duration / colors.length;
  83. var keys = [];
  84. for( var i = 0; i <= colors.length; i ++ ) {
  85. keys.push( { time: i * timeStep, value: colors[ i % colors.length ] } );
  86. }
  87. var trackName = '.material[0].color';
  88. var track = new THREE.ColorKeyframeTrack( trackName, keys );
  89. var clip = new THREE.AnimationClip( 'colorDiffuse', 10, [ track ] );
  90. //console.log( 'diffuseClip', clip );
  91. return clip;
  92. };