Class Timeline

packages/landing-app/src/logo.ts:584–628

}

export class Timeline implements ITickable {
    private queue: IKeyFrame[] = [];

    public reset() {
        this.queue.length = 0;
        return this;
    }

    public after(duration: number, callback?: IRenderCallback) {
        this.tween(duration).tween(0, callback);
        return this;
    }

    public tween(duration: number, callback?: IAnimatedCallback) {
        this.queue.push({ duration, callback });
        return this;
    }

    public tick(elapsed: number) {
        if (this.queue.length === 0) {
            return false;
        }

        const anim = this.queue[0];
        const { duration, callback } = anim;
        let { startTime } = anim;

        if (startTime == null) {
            anim.startTime = startTime = elapsed;
        }

        if (elapsed - startTime >= duration) {
            if (callback != null) {
                callback(1.0);
            }
            this.queue.shift();
            return this.queue.length > 0;
        } else {
            if (callback != null) {
                callback((elapsed - startTime) / duration);
            }
            return true;
        }
    }
}

export class Ticker implements ITickable {
    public constructor(private callback: IRenderCallback) {}