@babylonjs/lottie-player 8.24.1

package/readme.md

@@ -0,0 +1,44 @@
+**- This is a highly experimental feature, use it at your own risk :)**
+
+# Lottie (Experimental)
+
+Play Lottie JSON animations on a lightweight Babylon ThinEngine using an OffscreenCanvas + Worker.
+
+## Usage
+
+```ts
+import { Player } from "@babylonjs/lottie-player";
+
+const container = document.getElementById("myDiv") as HTMLDivElement;
+const player = new Player(container, "/animations/hero.json");
+player.playAnimation();
+```
+
+## Important Notes
+
+The public API of this package is formed by Player, LocalPlayer and AnimationConfiguration. All other files are internal implementation details.
+
+Future updates could move or rename files and require you to update your references if you take dependencies on those files. Do not depend on the paths of those files either as they could be moved or renamed as part of the internal implementation.
+
+## Options
+
+You can pass a variables map in the constructor of Player. These variables will be used in:
+
+- Text from a text layer to be localized.
+- Text fill from a text layer to use a particular color.
+
+You can use the AnimationConfiguration to change certain parameters of the parser/player. For example, loopAnimation to loop the animation, or ignoreOpacityAnimation for performance if you know your animation doesn't modify opacity.
+
+## Remarks
+
+- Prefer to use the class Player that uses an Offscreen canvas and the worker thread. If for some reason that is not available to you, you can use LocalPlayer and call playAnimationAsync which renders in the main JS thread.
+
+- Only certain features of the Lottie format are currently supported.
+    - Layers: null, shape, text
+    - Animations: translation, rotation, scale, opacity on layers (no animations supported on shapes/fills/text themselves)
+    - Shapes: rectangle, rounded corner rectangle, vector path
+    - Fills: regular fill, gradient fill, radial fill, stroke fill
+    - Text: each text layer should contain a single line of text, and the same styling and animations should be applying to the whole line
+- More features may be added in the future but there is no timeline for them.
+
+**- This is a highly experimental feature, use it at your own risk :)**

package/rendering/animationController.d.ts

@@ -0,0 +1,93 @@
+import "@babylonjs/core/Engines/Extensions/engine.alpha.js";
+import "@babylonjs/core/Shaders/sprites.vertex.js";
+import "@babylonjs/core/Shaders/sprites.fragment.js";
+import type { RawLottieAnimation } from "../parsing/rawTypes.js";
+import type { AnimationConfiguration } from "../animationConfiguration.js";
+/**
+ * Calculates the scale factor between a container and the animation it is playing
+ * @param animationWidth Width of the animaiton
+ * @param animationHeight Height of the animation
+ * @param container The container where the animation is getting played
+ * @returns The scale factor that will modify the size of the animation rendering to adjust to the container
+ */
+export declare function CalculateScaleFactor(animationWidth: number | undefined, animationHeight: number | undefined, container: HTMLElement): number;
+/**
+ * Class that controls the playing of lottie animations using Babylon.js
+ */
+export declare class AnimationController {
+    private _isReady;
+    private readonly _canvas;
+    private _scaleFactor;
+    private readonly _variables;
+    private readonly _configuration;
+    private readonly _engine;
+    private readonly _spritePacker;
+    private _animation?;
+    private readonly _viewport;
+    private readonly _projectionMatrix;
+    private readonly _worldMatrix;
+    private _firstRun;
+    private _frameDuration;
+    private _currentFrame;
+    private _isPlaying;
+    private _animationFrameId;
+    private _lastFrameTime;
+    private _deltaTime;
+    private _loop;
+    private _accumulatedTime;
+    private _framesToAdvance;
+    private readonly _renderingManager;
+    /**
+     * Gets the canvas used for rendering the animation.
+     * @returns The canvas element used for rendering.
+     */
+    get view(): HTMLCanvasElement;
+    /**
+     * Gets the height of the animation in pixels.
+     * @returns The height of the animation in pixels.
+     */
+    get animationHeight(): number;
+    /**
+     * Gets the width of the animation in pixels.
+     * @returns The width of the animation in pixels.
+     */
+    get animationWidth(): number;
+    /**
+     * Creates a new instance of the Player.
+     * @param canvas The canvas element to render the animation on.
+     * @param animationData The raw lottie animation as a JSON object.
+     * @param scaleFactor The scale factor between the animation and the container, it will modify the sprites size in the atlas
+     * @param variables Map of variables to replace in the animation file.
+     * @param configuration The configuration for the animation player.
+     */
+    constructor(canvas: HTMLCanvasElement | OffscreenCanvas, animationData: RawLottieAnimation, scaleFactor: number, variables: Map<string, string>, configuration: AnimationConfiguration);
+    /**
+     * Plays the animation.
+     */
+    playAnimation(): void;
+    /**
+     * Stops the animation playback.
+     */
+    stopAnimation(): void;
+    /**
+     * Sets a new scale factor for the animation and updates the rendering size.
+     * @param scale The new scale factor to apply to the animation.
+     */
+    setScale(scale: number): void;
+    /**
+     * Disposes the player and releases all resources.
+     */
+    dispose(): void;
+    /**
+     * Sets the rendering size for the engine
+     * @param width Width of the rendering canvas
+     * @param height Height of the rendering canvas
+     * @param scale Scale ratio between the container and the animation
+     */
+    private _setSize;
+    private _isHtmlCanvas;
+    private _cleanTree;
+    private _startRenderLoop;
+    private _render;
+}
+//# sourceMappingURL=animationController.d.ts.map

package/rendering/animationController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationController.d.ts","sourceRoot":"","sources":["../../../../dev/lottiePlayer/src/rendering/animationController.ts"],"names":[],"mappings":"AAAA,4DAA8C;AAC9C,mDAAqC;AACrC,qDAAuC;AAOvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAS9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOxE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,EAAE,eAAe,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,WAAW,GAAG,MAAM,CAS5I;AAED;;GAEG;AACH,qBAAa,mBAAmB;IAC5B,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsC;IAC9D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyB;IACxD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAe;IAE7C,OAAO,CAAC,UAAU,CAAC,CAAgB;IAEnC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IACrC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAa;IAC/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAa;IAE1C,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,KAAK,CAAU;IAEvB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,gBAAgB,CAAS;IAEjC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAErD;;;OAGG;IACH,IAAW,IAAI,IAAI,iBAAiB,CAEnC;IAED;;;OAGG;IACH,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED;;;OAGG;IACH,IAAW,cAAc,IAAI,MAAM,CAElC;IAED;;;;;;;OAOG;gBAEC,MAAM,EAAE,iBAAiB,GAAG,eAAe,EAC3C,aAAa,EAAE,kBAAkB,EACjC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,aAAa,EAAE,sBAAsB;IAiEzC;;OAEG;IACI,aAAa,IAAI,IAAI;IAe5B;;OAEG;IACI,aAAa,IAAI,IAAI;IAU5B;;;OAGG;IACI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASpC;;OAEG;IACI,OAAO,IAAI,IAAI;IAQtB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,gBAAgB;IA0BxB,OAAO,CAAC,OAAO;CA0ClB"}

package/rendering/animationController.js

@@ -0,0 +1,246 @@
+import "@babylonjs/core/Engines/Extensions/engine.alpha.js";
+import "@babylonjs/core/Shaders/sprites.vertex.js";
+import "@babylonjs/core/Shaders/sprites.fragment.js";
+import { ThinEngine } from "@babylonjs/core/Engines/thinEngine.js";
+import { Viewport } from "@babylonjs/core/Maths/math.viewport.js";
+import { RenderingManager } from "./renderingManager.js";
+import { Parser } from "../parsing/parser.js";
+import { SpritePacker } from "../parsing/spritePacker.js";
+import { ThinMatrix } from "../maths/matrix.js";
+/**
+ * Defines the babylon combine alpha value to prevent a large import.
+ */
+const AlphaCombine = 2;
+/**
+ * Calculates the scale factor between a container and the animation it is playing
+ * @param animationWidth Width of the animaiton
+ * @param animationHeight Height of the animation
+ * @param container The container where the animation is getting played
+ * @returns The scale factor that will modify the size of the animation rendering to adjust to the container
+ */
+export function CalculateScaleFactor(animationWidth, animationHeight, container) {
+    if (animationWidth === undefined || animationHeight === undefined) {
+        return 1;
+    }
+    // The size of the canvas is the relation between the size of the container div and the size of the animation
+    const horizontalScale = container.clientWidth / animationWidth;
+    const verticalScale = container.clientHeight / animationHeight;
+    return Math.min(verticalScale, horizontalScale);
+}
+/**
+ * Class that controls the playing of lottie animations using Babylon.js
+ */
+export class AnimationController {
+    /**
+     * Gets the canvas used for rendering the animation.
+     * @returns The canvas element used for rendering.
+     */
+    get view() {
+        return this._engine.getRenderingCanvas();
+    }
+    /**
+     * Gets the height of the animation in pixels.
+     * @returns The height of the animation in pixels.
+     */
+    get animationHeight() {
+        return this._animation ? this._animation.heightPx : 0;
+    }
+    /**
+     * Gets the width of the animation in pixels.
+     * @returns The width of the animation in pixels.
+     */
+    get animationWidth() {
+        return this._animation ? this._animation.widthPx : 0;
+    }
+    /**
+     * Creates a new instance of the Player.
+     * @param canvas The canvas element to render the animation on.
+     * @param animationData The raw lottie animation as a JSON object.
+     * @param scaleFactor The scale factor between the animation and the container, it will modify the sprites size in the atlas
+     * @param variables Map of variables to replace in the animation file.
+     * @param configuration The configuration for the animation player.
+     */
+    constructor(canvas, animationData, scaleFactor, variables, configuration) {
+        this._isReady = false;
+        this._canvas = canvas;
+        this._scaleFactor = scaleFactor;
+        this._variables = variables;
+        this._configuration = configuration;
+        this._currentFrame = 0;
+        this._isPlaying = false;
+        this._animationFrameId = null;
+        this._lastFrameTime = 0;
+        this._deltaTime = 0;
+        this._accumulatedTime = 0;
+        this._framesToAdvance = 0;
+        this._loop = this._configuration.loopAnimation;
+        this._frameDuration = 1000 / 30; // Default to 30 FPS
+        this._firstRun = true;
+        this._engine = new ThinEngine(this._canvas, false, // Antialias
+        {
+            alpha: true,
+            stencil: false,
+            antialias: false,
+            audioEngine: false,
+            depth: false,
+            // Important to allow skip frame and tiled optimizations
+            preserveDrawingBuffer: false,
+            premultipliedAlpha: false,
+            doNotHandleContextLost: this._configuration.supportDeviceLost,
+            // Usefull during debug to simulate WebGL1 devices (Safari)
+            // disableWebGL2Support: true,
+        }, false);
+        // Prevent parallel shader compilation to simplify the boot sequence
+        // Only a couple of fast compile shaders.
+        this._engine.getCaps().parallelShaderCompile = undefined;
+        this._engine.depthCullingState.depthTest = false;
+        this._engine.stencilState.stencilTest = false;
+        this._engine.setAlphaMode(AlphaCombine);
+        this._spritePacker = new SpritePacker(this._engine, this._isHtmlCanvas(canvas), this._scaleFactor, this._variables, this._configuration);
+        this._renderingManager = new RenderingManager(this._engine, this._spritePacker.texture, this._configuration);
+        this._projectionMatrix = new ThinMatrix();
+        this._worldMatrix = new ThinMatrix();
+        this._worldMatrix.identity();
+        this._viewport = new Viewport(0, 0, 1, 1);
+        // Parse the animation
+        const parser = new Parser(this._spritePacker, animationData, this._configuration, this._renderingManager);
+        this._animation = parser.animationInfo;
+        this._frameDuration = 1000 / this._animation.frameRate;
+        this._cleanTree(this._animation.nodes);
+        this._setSize(animationData.w, animationData.h, this._scaleFactor);
+        this._isReady = true;
+    }
+    /**
+     * Plays the animation.
+     */
+    playAnimation() {
+        if (this._animation === undefined || !this._isReady) {
+            return;
+        }
+        this._currentFrame = 0;
+        this._accumulatedTime = 0;
+        this._framesToAdvance = 0;
+        this._isPlaying = true;
+        this._lastFrameTime = 0;
+        // Start the render loop
+        this._startRenderLoop();
+    }
+    /**
+     * Stops the animation playback.
+     */
+    stopAnimation() {
+        this._accumulatedTime = 0;
+        this._framesToAdvance = 0;
+        this._isPlaying = false;
+        if (this._animationFrameId !== null) {
+            cancelAnimationFrame(this._animationFrameId);
+            this._animationFrameId = null;
+        }
+    }
+    /**
+     * Sets a new scale factor for the animation and updates the rendering size.
+     * @param scale The new scale factor to apply to the animation.
+     */
+    setScale(scale) {
+        if (scale <= 0 || this._animation === undefined) {
+            return;
+        }
+        this._scaleFactor = scale;
+        this._setSize(this._animation.widthPx, this._animation.heightPx, this._scaleFactor);
+    }
+    /**
+     * Disposes the player and releases all resources.
+     */
+    dispose() {
+        this.stopAnimation();
+        this._engine.getRenderingCanvas()?.remove();
+        this._engine.dispose();
+        this._renderingManager.dispose();
+        this._spritePacker.texture.dispose();
+    }
+    /**
+     * Sets the rendering size for the engine
+     * @param width Width of the rendering canvas
+     * @param height Height of the rendering canvas
+     * @param scale Scale ratio between the container and the animation
+     */
+    _setSize(width, height, scale) {
+        const { _engine, _projectionMatrix, _worldMatrix } = this;
+        const devicePixelRatio = this._configuration.devicePixelRatio;
+        _engine.setSize(width * scale * devicePixelRatio, height * scale * devicePixelRatio);
+        const world = _worldMatrix.asArray();
+        world[5] = -1; // we are upside down with Lottie
+        _projectionMatrix.orthoOffCenterLeftHanded(0, _engine.getRenderWidth() / (devicePixelRatio * scale), _engine.getRenderHeight() / (devicePixelRatio * scale), 0, -100, 100);
+    }
+    _isHtmlCanvas(canvas) {
+        return typeof HTMLCanvasElement !== "undefined" && canvas instanceof HTMLCanvasElement;
+    }
+    _cleanTree(nodes) {
+        // Remove non shape nodes
+        for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            if (node.children.length === 0 && !node.isShape) {
+                nodes.splice(i, 1);
+                i--;
+                continue;
+            }
+            this._cleanTree(node.children);
+        }
+    }
+    _startRenderLoop() {
+        if (!this._isPlaying) {
+            return;
+        }
+        this._animationFrameId = requestAnimationFrame((currentTime) => {
+            // The first time we render, we set the last frame time
+            // to the current time to sync with the page startup time
+            if (this._firstRun) {
+                this._lastFrameTime = currentTime;
+                this._firstRun = false;
+            }
+            this._deltaTime = currentTime - this._lastFrameTime;
+            this._lastFrameTime = currentTime;
+            this._render();
+            this._lastFrameTime = performance.now();
+            // Continue the loop if still playing
+            if (this._isPlaying) {
+                this._startRenderLoop();
+            }
+        });
+    }
+    _render() {
+        if (!this._animation || !this._isPlaying) {
+            return;
+        }
+        this._engine.setViewport(this._viewport);
+        // Calculate the new frame based on time
+        this._accumulatedTime += this._deltaTime;
+        this._framesToAdvance = Math.floor(this._accumulatedTime / this._frameDuration);
+        if (this._framesToAdvance <= 0) {
+            return;
+        }
+        this._accumulatedTime -= this._framesToAdvance * this._frameDuration;
+        this._currentFrame += this._framesToAdvance;
+        if (this._currentFrame < this._animation.startFrame) {
+            return;
+        }
+        if (this._currentFrame > this._animation.endFrame) {
+            if (this._loop) {
+                this._currentFrame = (this._currentFrame % (this._animation.endFrame - this._animation.startFrame)) + this._animation.startFrame;
+                for (let i = 0; i < this._animation.nodes.length; i++) {
+                    this._animation.nodes[i].reset();
+                }
+            }
+            else {
+                this._isPlaying = false;
+                return;
+            }
+        }
+        for (let i = 0; i < this._animation.nodes.length; i++) {
+            this._animation.nodes[i].update(this._currentFrame);
+        }
+        // Render all layers of the animation
+        this._renderingManager.render(this._worldMatrix, this._projectionMatrix);
+    }
+}
+//# sourceMappingURL=animationController.js.map

package/rendering/animationController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationController.js","sourceRoot":"","sources":["../../../../dev/lottiePlayer/src/rendering/animationController.ts"],"names":[],"mappings":"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"}

package/rendering/renderingManager.d.ts

@@ -0,0 +1,46 @@
+import "@babylonjs/core/Engines/Extensions/engine.dynamicBuffer.js";
+import "@babylonjs/core/Shaders/sprites.vertex.js";
+import "@babylonjs/core/Shaders/sprites.fragment.js";
+import type { ThinEngine } from "@babylonjs/core/Engines/thinEngine.js";
+import type { ThinTexture } from "@babylonjs/core/Materials/Textures/thinTexture.js";
+import type { ThinSprite } from "@babylonjs/core/Sprites/thinSprite.js";
+import type { ThinMatrix } from "../maths/matrix.js";
+import type { AnimationConfiguration } from "../animationConfiguration.js";
+/**
+ * Represents all the sprites from the animation and manages their rendering.
+ */
+export declare class RenderingManager {
+    private readonly _engine;
+    private readonly _spritesRenderer;
+    private readonly _spritesTexture;
+    private _sprites;
+    private readonly _configuration;
+    /**
+     * Creates a new instance of the RenderingManager.
+     * @param engine ThinEngine instance used for rendering.
+     * @param spriteTexture The texture atlas containing the sprites.
+     * @param configuration Configuration options for the rendering manager.
+     */
+    constructor(engine: ThinEngine, spriteTexture: ThinTexture, configuration: AnimationConfiguration);
+    /**
+     * Adds a sprite to the rendering manager.
+     * @param sprite Sprite to add to the rendering manager.
+     */
+    addSprite(sprite: ThinSprite): void;
+    /**
+     * Prepares the rendering manager for rendering.
+     */
+    ready(): void;
+    /**
+     * Renders all the sprites in the rendering manager.
+     * @param worldMatrix World matrix to apply to the sprites.
+     * @param projectionMatrix Projection matrix to apply to the sprites.
+     */
+    render(worldMatrix: ThinMatrix, projectionMatrix: ThinMatrix): void;
+    /**
+     * Disposes the rendering manager and its resources.
+     */
+    dispose(): void;
+    private _customSpriteUpdate;
+}
+//# sourceMappingURL=renderingManager.d.ts.map

package/rendering/renderingManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderingManager.d.ts","sourceRoot":"","sources":["../../../../dev/lottiePlayer/src/rendering/renderingManager.ts"],"names":[],"mappings":"AAAA,oEAAsD;AACtD,mDAAqC;AACrC,qDAAuC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,8CAAgC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,0DAA4C;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,8CAAgC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE;;GAEG;AACH,qBAAa,gBAAgB;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAa;IACrC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAiB;IAClD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAc;IAC9C,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyB;IAExD;;;;;OAKG;gBACgB,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,sBAAsB;IAaxG;;;OAGG;IACI,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAI1C;;OAEG;IACI,KAAK,IAAI,IAAI;IAIpB;;;;OAIG;IACI,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,GAAG,IAAI;IAK1E;;OAEG;IACI,OAAO,IAAI,IAAI;IAMtB,OAAO,CAAC,mBAAmB,CAGzB;CACL"}

package/rendering/renderingManager.js

@@ -0,0 +1,61 @@
+import "@babylonjs/core/Engines/Extensions/engine.dynamicBuffer.js";
+import "@babylonjs/core/Shaders/sprites.vertex.js";
+import "@babylonjs/core/Shaders/sprites.fragment.js";
+import { SpriteRenderer } from "@babylonjs/core/Sprites/spriteRenderer.js";
+/**
+ * Represents all the sprites from the animation and manages their rendering.
+ */
+export class RenderingManager {
+    /**
+     * Creates a new instance of the RenderingManager.
+     * @param engine ThinEngine instance used for rendering.
+     * @param spriteTexture The texture atlas containing the sprites.
+     * @param configuration Configuration options for the rendering manager.
+     */
+    constructor(engine, spriteTexture, configuration) {
+        this._customSpriteUpdate = () => {
+            // All the work is done upfront within the sprite render
+            // so that we do not need babylon to update back the information
+        };
+        this._engine = engine;
+        this._spritesTexture = spriteTexture;
+        this._sprites = [];
+        this._configuration = configuration;
+        this._spritesRenderer = new SpriteRenderer(this._engine, this._configuration.spritesCapacity, 0);
+        this._spritesRenderer.disableDepthWrite = true;
+        this._spritesRenderer.autoResetAlpha = false;
+        this._spritesRenderer.fogEnabled = false;
+        this._spritesRenderer.texture = this._spritesTexture;
+    }
+    /**
+     * Adds a sprite to the rendering manager.
+     * @param sprite Sprite to add to the rendering manager.
+     */
+    addSprite(sprite) {
+        this._sprites.push(sprite);
+    }
+    /**
+     * Prepares the rendering manager for rendering.
+     */
+    ready() {
+        this._sprites = this._sprites.reverse();
+    }
+    /**
+     * Renders all the sprites in the rendering manager.
+     * @param worldMatrix World matrix to apply to the sprites.
+     * @param projectionMatrix Projection matrix to apply to the sprites.
+     */
+    render(worldMatrix, projectionMatrix) {
+        this._engine.clear(this._configuration.backgroundColor, true, false, false);
+        this._spritesRenderer.render(this._sprites, 0, worldMatrix, projectionMatrix, this._customSpriteUpdate);
+    }
+    /**
+     * Disposes the rendering manager and its resources.
+     */
+    dispose() {
+        this._sprites.length = 0;
+        this._spritesRenderer.texture = null; // Prevent disposal of the shared texture atlas.
+        this._spritesRenderer.dispose();
+    }
+}
+//# sourceMappingURL=renderingManager.js.map

package/rendering/renderingManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderingManager.js","sourceRoot":"","sources":["../../../../dev/lottiePlayer/src/rendering/renderingManager.ts"],"names":[],"mappings":"AAAA,oEAAsD;AACtD,mDAAqC;AACrC,qDAAuC;AAKvC,OAAO,EAAE,cAAc,EAAE,kDAAoC;AAM7D;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAOzB;;;;;OAKG;IACH,YAAmB,MAAkB,EAAE,aAA0B,EAAE,aAAqC;QA+ChG,wBAAmB,GAAG,GAAS,EAAE;YACrC,wDAAwD;YACxD,gEAAgE;QACpE,CAAC,CAAC;QAjDE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC;QACrC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QAEpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;QACjG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC/C,IAAI,CAAC,gBAAgB,CAAC,cAAc,GAAG,KAAK,CAAC;QAC7C,IAAI,CAAC,gBAAgB,CAAC,UAAU,GAAG,KAAK,CAAC;QACzC,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACzD,CAAC;IAED;;;OAGG;IACI,SAAS,CAAC,MAAkB;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAED;;OAEG;IACI,KAAK;QACR,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;IAC5C,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,WAAuB,EAAE,gBAA4B;QAC/D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC5E,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5G,CAAC;IAED;;OAEG;IACI,OAAO;QACV,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,gDAAgD;QACtF,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;IACpC,CAAC;CAMJ"}

package/worker.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=worker.d.ts.map

package/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../../dev/lottiePlayer/src/worker.ts"],"names":[],"mappings":""}

package/worker.js

@@ -0,0 +1,62 @@
+let RawAnimation = null;
+// Use any type to avoid importing the class at module scope
+// eslint-disable @typescript-eslint/no-explicit-any
+let Controller = null;
+let AnimationPromises = null;
+// eslint-enable @typescript-eslint/no-explicit-any
+onmessage = async function (evt) {
+    const message = evt.data;
+    if (message === undefined) {
+        return;
+    }
+    switch (message.type) {
+        case "animationUrl": {
+            const payload = message.payload;
+            const { GetRawAnimationDataAsync } = await import("./parsing/parser.js");
+            // Fire the promises to load the code so we can do it while we fetch the file and go back to the main thread
+            AnimationPromises = Promise.all([import("./animationConfiguration.js"), import("./rendering/animationController.js")]);
+            RawAnimation = await GetRawAnimationDataAsync(payload.url);
+            // Send this information back to the main thread so it can size the canvas correctly
+            const sizeMessage = {
+                type: "animationSize",
+                payload: {
+                    width: RawAnimation.w,
+                    height: RawAnimation.h,
+                },
+            };
+            postMessage(sizeMessage);
+            break;
+        }
+        case "startAnimation": {
+            if (RawAnimation === null) {
+                return;
+            }
+            const payload = message.payload;
+            const [{ DefaultConfiguration }, { AnimationController }] = await AnimationPromises;
+            const canvas = payload.canvas;
+            const scaleFactor = payload.scaleFactor;
+            const variables = payload.variables ?? new Map();
+            const originalConfig = payload.configuration ?? {};
+            const finalConfig = {
+                ...DefaultConfiguration,
+                ...originalConfig,
+            };
+            Controller = new AnimationController(canvas, RawAnimation, scaleFactor, variables, finalConfig);
+            Controller.playAnimation();
+            break;
+        }
+        case "containerResize": {
+            if (Controller === null) {
+                return;
+            }
+            const payload = message.payload;
+            const scaleFactor = payload.scaleFactor;
+            Controller.setScale(scaleFactor);
+            break;
+        }
+        default:
+            return;
+    }
+};
+export {};
+//# sourceMappingURL=worker.js.map

package/worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.js","sourceRoot":"","sources":["../../../dev/lottiePlayer/src/worker.ts"],"names":[],"mappings":"AAMA,IAAI,YAAY,GAAiC,IAAI,CAAC;AACtD,4DAA4D;AAC5D,oDAAoD;AACpD,IAAI,UAAU,GAAkB,IAAI,CAAC;AACrC,IAAI,iBAAiB,GAAQ,IAAI,CAAC;AAClC,mDAAmD;AAEnD,SAAS,GAAG,KAAK,WAAW,GAAG;IAC3B,MAAM,OAAO,GAAG,GAAG,CAAC,IAAe,CAAC;IACpC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO;IACX,CAAC;IAED,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,cAAc,CAAC,CAAC,CAAC;YAClB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAqC,CAAC;YAC9D,MAAM,EAAE,wBAAwB,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;YACtE,4GAA4G;YAC5G,iBAAiB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,EAAE,MAAM,CAAC,iCAAiC,CAAC,CAAC,CAAC,CAAC;YACjH,YAAY,GAAG,MAAM,wBAAwB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAE3D,oFAAoF;YACpF,MAAM,WAAW,GAAyB;gBACtC,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE;oBACL,KAAK,EAAE,YAAY,CAAC,CAAC;oBACrB,MAAM,EAAE,YAAY,CAAC,CAAC;iBACzB;aACJ,CAAC;YAEF,WAAW,CAAC,WAAW,CAAC,CAAC;YACzB,MAAM;QACV,CAAC;QACD,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACpB,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;gBACxB,OAAO;YACX,CAAC;YAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAuC,CAAC;YAChE,MAAM,CAAC,EAAE,oBAAoB,EAAE,EAAE,EAAE,mBAAmB,EAAE,CAAC,GAAG,MAAM,iBAAiB,CAAC;YAEpF,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC9B,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;YACxC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,IAAI,GAAG,EAAkB,CAAC;YACjE,MAAM,cAAc,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAC;YACnD,MAAM,WAAW,GAA2B;gBACxC,GAAG,oBAAoB;gBACvB,GAAG,cAAc;aACpB,CAAC;YAEF,UAAU,GAAG,IAAI,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;YAChG,UAAU,CAAC,aAAa,EAAE,CAAC;YAC3B,MAAM;QACV,CAAC;QACD,KAAK,iBAAiB,CAAC,CAAC,CAAC;YACrB,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBACtB,OAAO;YACX,CAAC;YAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAwC,CAAC;YACjE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;YAExC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YACjC,MAAM;QACV,CAAC;QACD;YACI,OAAO;IACf,CAAC;AACL,CAAC,CAAC"}