AnimationManagerWorkerOverride.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. import AnimationItem from './AnimationItem';
  2. const animationManager = (function () {
  3. var moduleOb = {};
  4. var registeredAnimations = [];
  5. var initTime = 0;
  6. var len = 0;
  7. var playingAnimationsNum = 0;
  8. var _stopped = true;
  9. var _isFrozen = false;
  10. function removeElement(ev) {
  11. var i = 0;
  12. var animItem = ev.target;
  13. while (i < len) {
  14. if (registeredAnimations[i].animation === animItem) {
  15. registeredAnimations.splice(i, 1);
  16. i -= 1;
  17. len -= 1;
  18. if (!animItem.isPaused) {
  19. subtractPlayingCount();
  20. }
  21. }
  22. i += 1;
  23. }
  24. }
  25. function registerAnimation(element, animationData) {
  26. if (!element) {
  27. return null;
  28. }
  29. var i = 0;
  30. while (i < len) {
  31. if (registeredAnimations[i].elem === element && registeredAnimations[i].elem !== null) {
  32. return registeredAnimations[i].animation;
  33. }
  34. i += 1;
  35. }
  36. var animItem = new AnimationItem();
  37. setupAnimation(animItem, element);
  38. animItem.setData(element, animationData);
  39. return animItem;
  40. }
  41. function getRegisteredAnimations() {
  42. var i;
  43. var lenAnims = registeredAnimations.length;
  44. var animations = [];
  45. for (i = 0; i < lenAnims; i += 1) {
  46. animations.push(registeredAnimations[i].animation);
  47. }
  48. return animations;
  49. }
  50. function addPlayingCount() {
  51. playingAnimationsNum += 1;
  52. activate();
  53. }
  54. function subtractPlayingCount() {
  55. playingAnimationsNum -= 1;
  56. }
  57. function setupAnimation(animItem, element) {
  58. animItem.addEventListener('destroy', removeElement);
  59. animItem.addEventListener('_active', addPlayingCount);
  60. animItem.addEventListener('_idle', subtractPlayingCount);
  61. registeredAnimations.push({ elem: element, animation: animItem });
  62. len += 1;
  63. }
  64. function loadAnimation(params) {
  65. var animItem = new AnimationItem();
  66. setupAnimation(animItem, null);
  67. animItem.setParams(params);
  68. return animItem;
  69. }
  70. function setSpeed(val, animation) {
  71. var i;
  72. for (i = 0; i < len; i += 1) {
  73. registeredAnimations[i].animation.setSpeed(val, animation);
  74. }
  75. }
  76. function setDirection(val, animation) {
  77. var i;
  78. for (i = 0; i < len; i += 1) {
  79. registeredAnimations[i].animation.setDirection(val, animation);
  80. }
  81. }
  82. function play(animation) {
  83. var i;
  84. for (i = 0; i < len; i += 1) {
  85. registeredAnimations[i].animation.play(animation);
  86. }
  87. }
  88. function resume(nowTime) {
  89. var elapsedTime = nowTime - initTime;
  90. var i;
  91. for (i = 0; i < len; i += 1) {
  92. registeredAnimations[i].animation.advanceTime(elapsedTime);
  93. }
  94. initTime = nowTime;
  95. if (playingAnimationsNum && !_isFrozen) {
  96. requestAnimationFrame(resume);
  97. } else {
  98. _stopped = true;
  99. }
  100. }
  101. function first(nowTime) {
  102. initTime = nowTime;
  103. requestAnimationFrame(resume);
  104. }
  105. function pause(animation) {
  106. var i;
  107. for (i = 0; i < len; i += 1) {
  108. registeredAnimations[i].animation.pause(animation);
  109. }
  110. }
  111. function goToAndStop(value, isFrame, animation) {
  112. var i;
  113. for (i = 0; i < len; i += 1) {
  114. registeredAnimations[i].animation.goToAndStop(value, isFrame, animation);
  115. }
  116. }
  117. function stop(animation) {
  118. var i;
  119. for (i = 0; i < len; i += 1) {
  120. registeredAnimations[i].animation.stop(animation);
  121. }
  122. }
  123. function togglePause(animation) {
  124. var i;
  125. for (i = 0; i < len; i += 1) {
  126. registeredAnimations[i].animation.togglePause(animation);
  127. }
  128. }
  129. function destroy(animation) {
  130. var i;
  131. for (i = (len - 1); i >= 0; i -= 1) {
  132. registeredAnimations[i].animation.destroy(animation);
  133. }
  134. }
  135. function searchAnimations() {
  136. throw new Error('Cannot access DOM from worker thread');
  137. }
  138. function resize() {
  139. var i;
  140. for (i = 0; i < len; i += 1) {
  141. registeredAnimations[i].animation.resize();
  142. }
  143. }
  144. function activate() {
  145. if (!_isFrozen && playingAnimationsNum) {
  146. if (_stopped) {
  147. requestAnimationFrame(first);
  148. _stopped = false;
  149. }
  150. }
  151. }
  152. function freeze() {
  153. _isFrozen = true;
  154. }
  155. function unfreeze() {
  156. _isFrozen = false;
  157. activate();
  158. }
  159. moduleOb.registerAnimation = registerAnimation;
  160. moduleOb.loadAnimation = loadAnimation;
  161. moduleOb.setSpeed = setSpeed;
  162. moduleOb.setDirection = setDirection;
  163. moduleOb.play = play;
  164. moduleOb.pause = pause;
  165. moduleOb.stop = stop;
  166. moduleOb.togglePause = togglePause;
  167. moduleOb.searchAnimations = searchAnimations;
  168. moduleOb.resize = resize;
  169. // moduleOb.start = start;
  170. moduleOb.goToAndStop = goToAndStop;
  171. moduleOb.destroy = destroy;
  172. moduleOb.freeze = freeze;
  173. moduleOb.unfreeze = unfreeze;
  174. moduleOb.getRegisteredAnimations = getRegisteredAnimations;
  175. return moduleOb;
  176. }());
  177. export default animationManager;