123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- import { __extends } from "tslib";
- import Eventful from '../core/Eventful.js';
- import requestAnimationFrame from './requestAnimationFrame.js';
- import Animator from './Animator.js';
- export function getTime() {
- return new Date().getTime();
- }
- var Animation = (function (_super) {
- __extends(Animation, _super);
- function Animation(opts) {
- var _this = _super.call(this) || this;
- _this._running = false;
- _this._time = 0;
- _this._pausedTime = 0;
- _this._pauseStart = 0;
- _this._paused = false;
- opts = opts || {};
- _this.stage = opts.stage || {};
- return _this;
- }
- Animation.prototype.addClip = function (clip) {
- if (clip.animation) {
- this.removeClip(clip);
- }
- if (!this._head) {
- this._head = this._tail = clip;
- }
- else {
- this._tail.next = clip;
- clip.prev = this._tail;
- clip.next = null;
- this._tail = clip;
- }
- clip.animation = this;
- };
- Animation.prototype.addAnimator = function (animator) {
- animator.animation = this;
- var clip = animator.getClip();
- if (clip) {
- this.addClip(clip);
- }
- };
- Animation.prototype.removeClip = function (clip) {
- if (!clip.animation) {
- return;
- }
- var prev = clip.prev;
- var next = clip.next;
- if (prev) {
- prev.next = next;
- }
- else {
- this._head = next;
- }
- if (next) {
- next.prev = prev;
- }
- else {
- this._tail = prev;
- }
- clip.next = clip.prev = clip.animation = null;
- };
- Animation.prototype.removeAnimator = function (animator) {
- var clip = animator.getClip();
- if (clip) {
- this.removeClip(clip);
- }
- animator.animation = null;
- };
- Animation.prototype.update = function (notTriggerFrameAndStageUpdate) {
- var time = getTime() - this._pausedTime;
- var delta = time - this._time;
- var clip = this._head;
- while (clip) {
- var nextClip = clip.next;
- var finished = clip.step(time, delta);
- if (finished) {
- clip.ondestroy();
- this.removeClip(clip);
- clip = nextClip;
- }
- else {
- clip = nextClip;
- }
- }
- this._time = time;
- if (!notTriggerFrameAndStageUpdate) {
- this.trigger('frame', delta);
- this.stage.update && this.stage.update();
- }
- };
- Animation.prototype._startLoop = function () {
- var self = this;
- this._running = true;
- function step() {
- if (self._running) {
- requestAnimationFrame(step);
- !self._paused && self.update();
- }
- }
- requestAnimationFrame(step);
- };
- Animation.prototype.start = function () {
- if (this._running) {
- return;
- }
- this._time = getTime();
- this._pausedTime = 0;
- this._startLoop();
- };
- Animation.prototype.stop = function () {
- this._running = false;
- };
- Animation.prototype.pause = function () {
- if (!this._paused) {
- this._pauseStart = getTime();
- this._paused = true;
- }
- };
- Animation.prototype.resume = function () {
- if (this._paused) {
- this._pausedTime += getTime() - this._pauseStart;
- this._paused = false;
- }
- };
- Animation.prototype.clear = function () {
- var clip = this._head;
- while (clip) {
- var nextClip = clip.next;
- clip.prev = clip.next = clip.animation = null;
- clip = nextClip;
- }
- this._head = this._tail = null;
- };
- Animation.prototype.isFinished = function () {
- return this._head == null;
- };
- Animation.prototype.animate = function (target, options) {
- options = options || {};
- this.start();
- var animator = new Animator(target, options.loop);
- this.addAnimator(animator);
- return animator;
- };
- return Animation;
- }(Eventful));
- export default Animation;
|