@lightningjs/renderer 3.0.0-beta2 → 3.0.0-beta20

package/dist/src/core/platform.js

@@ -21,20 +21,36 @@
  */
 export const startLoop = (stage) => {
     let isIdle = false;
-    const runLoop = () => {
+    let lastFrameTime = 0;
+    const runLoop = (currentTime = 0) => {
+        const targetFrameTime = stage.targetFrameTime;
+        // Check if we should throttle this frame
+        if (targetFrameTime > 0 && currentTime - lastFrameTime < targetFrameTime) {
+            // Too early for next frame, schedule with setTimeout for precise timing
+            const delay = targetFrameTime - (currentTime - lastFrameTime);
+            setTimeout(() => requestAnimationFrame(runLoop), delay);
+            return;
+        }
+        lastFrameTime = currentTime;
         stage.updateFrameTime();
         stage.updateAnimations();
         if (!stage.hasSceneUpdates()) {
             // We still need to calculate the fps else it looks like the app is frozen
             stage.calculateFps();
-            setTimeout(runLoop, 16.666666666666668);
+            if (targetFrameTime > 0) {
+                // Use setTimeout for throttled idle frames
+                setTimeout(() => requestAnimationFrame(runLoop), Math.max(targetFrameTime, 16.666666666666668));
+            }
+            else {
+                // Use standard idle timeout when not throttling
+                setTimeout(() => requestAnimationFrame(runLoop), 16.666666666666668);
+            }
             if (!isIdle) {
-                stage.shManager.cleanup();
                 stage.eventBus.emit('idle');
                 isIdle = true;
             }
             if (stage.txMemManager.checkCleanup() === true) {
-                stage.txMemManager.cleanup(false);
+                stage.txMemManager.cleanup();
             }
             stage.flushFrameEvents();
             return;
@@ -42,7 +58,16 @@ export const startLoop = (stage) => {
         isIdle = false;
         stage.drawFrame();
         stage.flushFrameEvents();
-        requestAnimationFrame(runLoop);
+        // Schedule next frame
+        if (targetFrameTime > 0) {
+            // Use setTimeout + rAF combination for precise FPS control
+            const nextFrameDelay = Math.max(0, targetFrameTime - (performance.now() - currentTime));
+            setTimeout(() => requestAnimationFrame(runLoop), nextFrameDelay);
+        }
+        else {
+            // Use standard rAF when not throttling
+            requestAnimationFrame(runLoop);
+        }
     };
     requestAnimationFrame(runLoop);
 };

package/dist/src/core/platform.js.map

@@ -1 +1 @@
-{"version":3,"file":"platform.js","sourceRoot":"","sources":["../../../src/core/platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAEzB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,CAAC;YAC7B,0EAA0E;YAC1E,KAAK,CAAC,YAAY,EAAE,CAAC;YACrB,UAAU,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;YAExC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;gBAC1B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC5B,MAAM,GAAG,IAAI,CAAC;YAChB,CAAC;YAED,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;gBAC/C,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;YAED,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,KAAK,CAAC;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACzB,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AACtD,CAAC,CAAC"}
+{"version":3,"file":"platform.js","sourceRoot":"","sources":["../../../src/core/platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,IAAI,aAAa,GAAG,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG,CAAC,cAAsB,CAAC,EAAE,EAAE;QAC1C,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;QAE9C,yCAAyC;QACzC,IAAI,eAAe,GAAG,CAAC,IAAI,WAAW,GAAG,aAAa,GAAG,eAAe,EAAE,CAAC;YACzE,wEAAwE;YACxE,MAAM,KAAK,GAAG,eAAe,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC;YAC9D,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC;YACxD,OAAO;QACT,CAAC;QAED,aAAa,GAAG,WAAW,CAAC;QAE5B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAEzB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,CAAC;YAC7B,0EAA0E;YAC1E,KAAK,CAAC,YAAY,EAAE,CAAC;YAErB,IAAI,eAAe,GAAG,CAAC,EAAE,CAAC;gBACxB,2CAA2C;gBAC3C,UAAU,CACR,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAC9C,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,gDAAgD;gBAChD,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC;YACvE,CAAC;YAED,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC5B,MAAM,GAAG,IAAI,CAAC;YAChB,CAAC;YAED,IAAI,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;gBAC/C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YAC/B,CAAC;YAED,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,KAAK,CAAC;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAEzB,sBAAsB;QACtB,IAAI,eAAe,GAAG,CAAC,EAAE,CAAC;YACxB,2DAA2D;YAC3D,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC7B,CAAC,EACD,eAAe,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,CACpD,CAAC;YACF,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC;QACnE,CAAC;aAAM,CAAC;YACN,uCAAuC;YACvC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/dist/src/core/platforms/Platform.d.ts

@@ -0,0 +1,42 @@
+import { type Stage } from '../Stage.js';
+export declare abstract class Platform {
+    /**
+     * Creates a new canvas element.
+     * @returns The created HTMLCanvasElement.
+     */
+    abstract createCanvas(): HTMLCanvasElement;
+    /**
+     * Get a DOM element by ID
+     * @returns The DOM element (or null)
+     */
+    abstract getElementById(id: string): HTMLElement | null;
+    /**
+     * Starts the main rendering loop, calling the provided update function every frame.
+     * @param Stage - The stage for rendering
+     */
+    abstract startLoop(stage: Stage): void;
+    /**
+     * Abstracted createImageBitmap method.
+     * @param blob - The image source to create the ImageBitmap from.
+     * @param sxOrOptions - The source rectangle x coordinate or ImageBitmapOptions.
+     * @param sy - The source rectangle y coordinate.
+     * @param sw - The source rectangle width.
+     * @param sh - The source rectangle height.
+     * @param options - The ImageBitmapOptions.
+     * @returns A promise that resolves with the created ImageBitmap.
+     */
+    abstract createImageBitmap(blob: ImageBitmapSource): Promise<ImageBitmap>;
+    abstract createImageBitmap(blob: ImageBitmapSource, options: ImageBitmapOptions): Promise<ImageBitmap>;
+    abstract createImageBitmap(blob: ImageBitmapSource, sx: number, sy: number, sw: number, sh: number): Promise<ImageBitmap>;
+    abstract createImageBitmap(blob: ImageBitmapSource, sx: number, sy: number, sw: number, sh: number, options: ImageBitmapOptions): Promise<ImageBitmap>;
+    /**
+     * Retrieves the current timestamp.
+     * @returns The current timestamp.
+     */
+    abstract getTimeStamp(): number;
+    /**
+     * Adds a FontFace to the platforms FontFaceSet
+     * @param font - The FontFace to add
+     */
+    abstract addFont(font: FontFace): void;
+}

package/dist/src/{main-api/IRenderDriver.js → core/platforms/Platform.js}

@@ -16,5 +16,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export {};
-//# sourceMappingURL=IRenderDriver.js.map
+import {} from '../Stage.js';
+export class Platform {
+}
+//# sourceMappingURL=Platform.js.map

package/dist/src/core/platforms/Platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Platform.js","sourceRoot":"","sources":["../../../../src/core/platforms/Platform.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAc,MAAM,aAAa,CAAC;AAEzC,MAAM,OAAgB,QAAQ;CA6D7B"}

package/dist/src/core/platforms/web/WebPlatform.d.ts

@@ -0,0 +1,10 @@
+import { Platform } from '../Platform.js';
+import type { Stage } from '../../Stage.js';
+export declare class WebPlatform extends Platform {
+    createCanvas(): HTMLCanvasElement;
+    getElementById(id: string): HTMLElement | null;
+    startLoop(stage: Stage): void;
+    createImageBitmap(blob: ImageBitmapSource, sxOrOptions?: number | ImageBitmapOptions, sy?: number, sw?: number, sh?: number, options?: ImageBitmapOptions): Promise<ImageBitmap>;
+    getTimeStamp(): number;
+    addFont(font: FontFace): void;
+}

package/dist/src/core/platforms/web/WebPlatform.js

@@ -0,0 +1,87 @@
+import { Platform } from '../Platform.js';
+export class WebPlatform extends Platform {
+    ////////////////////////
+    // Platform-specific methods
+    ////////////////////////
+    createCanvas() {
+        const canvas = document.createElement('canvas');
+        return canvas;
+    }
+    getElementById(id) {
+        return document.getElementById(id);
+    }
+    ////////////////////////
+    // Update loop
+    ////////////////////////
+    startLoop(stage) {
+        let isIdle = false;
+        let lastFrameTime = 0;
+        const runLoop = (currentTime = 0) => {
+            const targetFrameTime = stage.targetFrameTime;
+            // Check if we should throttle this frame
+            if (targetFrameTime > 0 &&
+                currentTime - lastFrameTime < targetFrameTime) {
+                // Too early for next frame, schedule with setTimeout for precise timing
+                const delay = targetFrameTime - (currentTime - lastFrameTime);
+                setTimeout(() => requestAnimationFrame(runLoop), delay);
+                return;
+            }
+            stage.updateFrameTime();
+            stage.updateAnimations();
+            if (!stage.hasSceneUpdates()) {
+                // We still need to calculate the fps else it looks like the app is frozen
+                stage.calculateFps();
+                if (targetFrameTime > 0) {
+                    // Use setTimeout for throttled idle frames
+                    setTimeout(() => requestAnimationFrame(runLoop), Math.max(targetFrameTime, 16.666666666666668));
+                }
+                else {
+                    // Use standard idle timeout when not throttling
+                    setTimeout(() => requestAnimationFrame(runLoop), 16.666666666666668);
+                }
+                if (isIdle === false) {
+                    stage.shManager.cleanup();
+                    stage.eventBus.emit('idle');
+                    isIdle = true;
+                }
+                if (stage.txMemManager.checkCleanup() === true) {
+                    stage.txMemManager.cleanup();
+                }
+                stage.flushFrameEvents();
+                return;
+            }
+            isIdle = false;
+            stage.drawFrame();
+            stage.flushFrameEvents();
+            // Schedule next frame
+            if (targetFrameTime > 0) {
+                // Use setTimeout + rAF combination for precise FPS control
+                const nextFrameDelay = Math.max(0, targetFrameTime - (performance.now() - currentTime));
+                setTimeout(() => requestAnimationFrame(runLoop), nextFrameDelay);
+            }
+            else {
+                // Use standard rAF when not throttling
+                requestAnimationFrame(runLoop);
+            }
+        };
+        requestAnimationFrame(runLoop);
+    }
+    ////////////////////////
+    // ImageBitmap
+    ////////////////////////
+    createImageBitmap(blob, sxOrOptions, sy, sw, sh, options) {
+        if (typeof sxOrOptions === 'number') {
+            return createImageBitmap(blob, sxOrOptions, sy ?? 0, sw ?? 0, sh ?? 0, options);
+        }
+        else {
+            return createImageBitmap(blob, sxOrOptions);
+        }
+    }
+    getTimeStamp() {
+        return performance ? performance.now() : Date.now();
+    }
+    addFont(font) {
+        document.fonts.add(font);
+    }
+}
+//# sourceMappingURL=WebPlatform.js.map

package/dist/src/core/platforms/web/WebPlatform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebPlatform.js","sourceRoot":"","sources":["../../../../../src/core/platforms/web/WebPlatform.ts"],"names":[],"mappings":"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"}

package/dist/src/core/renderers/CoreContextTexture.d.ts

@@ -6,7 +6,8 @@ export declare abstract class CoreContextTexture {
     state: 'freed' | 'loading' | 'loaded' | 'failed';
     constructor(memManager: TextureMemoryManager, textureSource: Texture);
     protected setTextureMemUse(byteSize: number): void;
-    abstract load(): void;
+    abstract load(): Promise<void>;
+    abstract release(): void;
     abstract free(): void;
     get renderable(): boolean;
 }

package/dist/src/core/renderers/CoreContextTexture.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoreContextTexture.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreContextTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAKH,MAAM,OAAgB,kBAAkB;IAC7B,aAAa,CAAU;IACxB,UAAU,CAAuB;IAClC,KAAK,GAA8C,OAAO,CAAC;IAElE,YAAY,UAAgC,EAAE,aAAsB;QAClE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAES,gBAAgB,CAAC,QAAgB;QACzC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC;IAKD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;IACvC,CAAC;CACF"}
+{"version":3,"file":"CoreContextTexture.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreContextTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAKH,MAAM,OAAgB,kBAAkB;IAC7B,aAAa,CAAU;IACxB,UAAU,CAAuB;IAClC,KAAK,GAA8C,OAAO,CAAC;IAElE,YAAY,UAAgC,EAAE,aAAsB;QAClE,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAES,gBAAgB,CAAC,QAAgB;QACzC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC;IAMD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;IACvC,CAAC;CACF"}

package/dist/src/core/renderers/CoreRenderer.d.ts

@@ -6,7 +6,7 @@ import type { ContextSpy } from '../lib/ContextSpy.js';
 import type { RenderCoords } from '../lib/RenderCoords.js';
 import type { RectWithValid } from '../lib/utils.js';
 import type { CoreShaderProgram } from './CoreShaderProgram.js';
-import type { Texture } from '../textures/Texture.js';
+import type { Texture, TextureCoords } from '../textures/Texture.js';
 import { CoreContextTexture } from './CoreContextTexture.js';
 import type { CoreShaderType, CoreShaderNode } from './CoreShaderNode.js';
 export interface QuadOptions {
@@ -18,6 +18,7 @@ export interface QuadOptions {
     colorBr: number;
     texture: Texture | null;
     textureOptions: TextureOptions | null;
+    textureCoords: TextureCoords | undefined;
     zIndex: number;
     shader: CoreShaderNode | null;
     alpha: number;
@@ -31,7 +32,8 @@ export interface QuadOptions {
     renderCoords?: RenderCoords;
     rtt: boolean;
     parentHasRenderTexture: boolean;
-    framebufferDimensions: Dimensions;
+    framebufferDimensions: Dimensions | null;
+    time?: number | null;
 }
 export interface CoreRendererOptions {
     stage: Stage;
@@ -46,6 +48,7 @@ export interface BufferInfo {
 export declare abstract class CoreRenderer {
     options: CoreRendererOptions;
     mode: 'webgl' | 'canvas' | undefined;
+    defaultTextureCoords: TextureCoords | undefined;
     readonly stage: Stage;
     rttNodes: CoreNode[];
     constructor(options: CoreRendererOptions);
@@ -64,5 +67,7 @@ export declare abstract class CoreRenderer {
     abstract renderToTexture(node: CoreNode): void;
     abstract getBufferInfo(): BufferInfo | null;
     abstract getQuadCount(): number | null;
+    abstract updateViewport(): void;
     abstract updateClearColor(color: number): void;
+    getTextureCoords?(node: CoreNode): TextureCoords | undefined;
 }

package/dist/src/core/renderers/CoreRenderer.js

@@ -20,6 +20,7 @@ import { CoreContextTexture } from './CoreContextTexture.js';
 export class CoreRenderer {
     options;
     mode;
+    defaultTextureCoords = undefined;
     stage;
     //// Core Managers
     rttNodes = [];

package/dist/src/core/renderers/CoreRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoreRenderer.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreRenderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAWH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAwC7D,MAAM,OAAgB,YAAY;IACzB,OAAO,CAAsB;IAC7B,IAAI,CAAiC;IAEnC,KAAK,CAAQ;IAEtB,kBAAkB;IAClB,QAAQ,GAAe,EAAE,CAAC;IAE1B,YAAY,OAA4B;QACtC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7B,CAAC;CA0BF"}
+{"version":3,"file":"CoreRenderer.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreRenderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAWH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AA0C7D,MAAM,OAAgB,YAAY;IACzB,OAAO,CAAsB;IAC7B,IAAI,CAAiC;IAC5C,oBAAoB,GAA8B,SAAS,CAAC;IACnD,KAAK,CAAQ;IAEtB,kBAAkB;IAClB,QAAQ,GAAe,EAAE,CAAC;IAE1B,YAAY,OAA4B;QACtC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7B,CAAC;CA4BF"}

package/dist/src/core/renderers/CoreShaderNode.d.ts

@@ -26,7 +26,7 @@ export declare function resolveShaderProps(props: Record<string, unknown>, props
  * You could view a ShaderType as a configuration object that contains methods,
  * and values that you can use to alter the way a node is drawn by the Renderer.
  */
-export interface CoreShaderType<Props extends object = Record<string, unknown>> {
+export interface CoreShaderType<Props extends object = any> {
     /**
      * Values you use to draw the Shader
      */
@@ -35,6 +35,11 @@ export interface CoreShaderType<Props extends object = Record<string, unknown>>
      * used for making a cache key to check for reusability, currently only used for webgl ShaderTypes but might be needed for other types of renderer
      */
     getCacheMarkers?: (props: Props) => string;
+    /**
+     * timer that updates every loop, by default uses the stage elapsed time If you want to do a special calculation you can define a function.
+     * When you calculate your own value you can use the Stage timing values deltaTime, lastFrameTime, and currentFrameTime;
+     */
+    time?: boolean | ((stage: Stage) => number);
 }
 /**
  * CoreShaderNode is a base class that manages the shader prop values.
@@ -49,10 +54,12 @@ export declare class CoreShaderNode<Props extends object = Record<string, unknow
     readonly resolvedProps: Props | undefined;
     protected definedProps: Props | undefined;
     protected node: CoreNode | null;
+    readonly time: CoreShaderType['time'];
     update: (() => void) | undefined;
     constructor(shaderKey: string, type: CoreShaderType<Props>, stage: Stage, props?: Props);
     private defineProps;
     attachNode(node: CoreNode): void;
+    createValueKey(): string;
     get props(): Props | undefined;
     set props(props: Props | undefined);
 }

package/dist/src/core/renderers/CoreShaderNode.js

@@ -42,11 +42,13 @@ export class CoreShaderNode {
     resolvedProps = undefined;
     definedProps = undefined;
     node = null;
+    time = undefined;
     update = undefined;
     constructor(shaderKey, type, stage, props) {
         this.shaderKey = shaderKey;
         this.stage = stage;
         this.shaderType = type;
+        this.time = type.time;
         if (props !== undefined) {
             /**
              * props are already resolved by shadermanager
@@ -89,6 +91,15 @@ export class CoreShaderNode {
     attachNode(node) {
         this.node = node;
     }
+    createValueKey() {
+        let valueKey = '';
+        for (const key in this.resolvedProps) {
+            valueKey += `${key}:${this.resolvedProps[key]};`;
+        }
+        valueKey += `node-width:${this.node.w}`;
+        valueKey += `node-height:${this.node.h}`;
+        return valueKey;
+    }
     get props() {
         return this.definedProps;
     }

package/dist/src/core/renderers/CoreShaderNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoreShaderNode.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreShaderNode.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CoreShaderNode.js","sourceRoot":"","sources":["../../../../src/core/renderers/CoreShaderNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAiB,MAAM,gBAAgB,CAAC;AAyB3D,MAAM,UAAU,oBAAoB,CAAC,GAAQ;IAC3C,OAAO,GAAG,KAAK,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,KAA8B,EAC9B,WAAiD;IAEjD,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAC9B,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;YACxE,KAAK,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YAC9B,SAAS;QACX,CAAC;QAED,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAwB,CAAC;QACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC;QAE1C,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,OAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;YACjD,SAAS;QACX,CAAC;QACD,IAAI,QAAQ,IAAI,OAAO,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;YAC/B,SAAS;QACX,CAAC;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,SAAS;QACX,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,IAAI,OAAO,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC1D,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC,SAAS;QACX,CAAC;QACD,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;AACH,CAAC;AAuBD;;;;GAIG;AACH,MAAM,OAAO,cAAc;IAWd;IAVF,KAAK,CAAQ;IACb,UAAU,CAAwB;IACjC,WAAW,CAAiC;IAC7C,aAAa,GAAsB,SAAS,CAAC;IAC5C,YAAY,GAAsB,SAAS,CAAC;IAC5C,IAAI,GAAoB,IAAI,CAAC;IAC9B,IAAI,GAA2B,SAAS,CAAC;IAClD,MAAM,GAA6B,SAAS,CAAC;IAE7C,YACW,SAAiB,EAC1B,IAA2B,EAC3B,KAAY,EACZ,KAAa;QAHJ,cAAS,GAAT,SAAS,CAAQ;QAK1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEtB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB;;eAEG;YACH,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,KAAY;QAC9B,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,KAAM,CAAC,GAAG,CAAC,CAAC;YAC/C,MAAM,cAAc,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;YAExD,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,GAAG,EAAE;gBACvC,GAAG,EAAE,GAAG,EAAE;oBACR,OAAO,IAAI,CAAC,aAAc,CAAC,GAAkB,CAAC,CAAC;gBACjD,CAAC;gBACD,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;oBACb,mDAAmD;oBACnD,IAAI,cAAc,KAAK,IAAI,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;wBAChE,IAAI,CAAC,aAAc,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,OAAO,CAC3C,KAAK,EACL,IAAI,CAAC,aAAwC,CAC9C,CAAC;oBACJ,CAAC;yBAAM,IAAI,cAAc,KAAK,IAAI,IAAI,UAAU,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;wBACnE,UAAU,CAAC,GAAG,CACZ,KAAK,EACL,IAAI,CAAC,aAAwC,CAC9C,CAAC;oBACJ,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,aAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;oBACnC,CAAC;oBAED,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;wBACpD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;oBACrD,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;oBAC7B,CAAC;gBACH,CAAC;aACF,CAAC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,YAAqB,CAAC;IAC5C,CAAC;IAED,UAAU,CAAC,IAAc;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,cAAc;QACZ,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrC,QAAQ,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAE,GAAG,CAAC;QACpD,CAAC;QACD,QAAQ,IAAI,cAAc,IAAI,CAAC,IAAK,CAAC,CAAC,EAAE,CAAC;QACzC,QAAQ,IAAI,eAAe,IAAI,CAAC,IAAK,CAAC,CAAC,EAAE,CAAC;QAC1C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK,CAAC,KAAwB;QAChC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,KAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;CACF"}

package/dist/src/core/renderers/canvas/CanvasCoreTexture.d.ts

@@ -6,7 +6,8 @@ export declare class CanvasCoreTexture extends CoreContextTexture {
         key: string;
         image: HTMLCanvasElement;
     } | undefined;
-    load(): void;
+    load(): Promise<void>;
+    release(): void;
     free(): void;
     updateMemSize(): void;
     hasImage(): boolean;

package/dist/src/core/renderers/canvas/CanvasCoreTexture.js

@@ -22,22 +22,24 @@ import { formatRgba } from './internal/ColorUtils.js';
 export class CanvasCoreTexture extends CoreContextTexture {
     image;
     tintCache;
-    load() {
+    async load() {
         this.textureSource.setState('loading');
-        this.onLoadRequest()
-            .then((size) => {
+        try {
+            const size = await this.onLoadRequest();
             this.textureSource.setState('loaded', size);
-            this.textureSource.freeTextureData();
             this.updateMemSize();
-        })
-            .catch((err) => {
+        }
+        catch (err) {
             this.textureSource.setState('failed', err);
-            this.textureSource.freeTextureData();
-        });
+            throw err;
+        }
     }
-    free() {
+    release() {
         this.image = undefined;
         this.tintCache = undefined;
+    }
+    free() {
+        this.release();
         this.textureSource.setState('freed');
         this.setTextureMemUse(0);
         this.textureSource.freeTextureData();

package/dist/src/core/renderers/canvas/CanvasCoreTexture.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasCoreTexture.js","sourceRoot":"","sources":["../../../../../src/core/renderers/canvas/CanvasCoreTexture.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CanvasCoreTexture.js","sourceRoot":"","sources":["../../../../../src/core/renderers/canvas/CanvasCoreTexture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAqB,MAAM,0BAA0B,CAAC;AAEzE,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IAC7C,KAAK,CAID;IACJ,SAAS,CAKL;IAEd,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEvC,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;YACxC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAY,CAAC,CAAC;YACpD,MAAM,GAAG,CAAC;QACZ,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,IAAI;QACF,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;IACvC,CAAC;IAED,aAAa;QACX,6BAA6B;QAC7B,eAAe;QACf,iBAAiB;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;YACxD,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC;IAClC,CAAC;IAED,QAAQ,CACN,KAAmB;QAEnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,YAAY,CAAC,KAAK,EAAE,uCAAuC,CAAC,CAAC;QAE7D,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;gBAC3B,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QACD,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,SAAS,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QAC9B,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACjD,IAAI,CAAC,SAAS,GAAG;YACf,GAAG;YACH,KAAK,EAAE,WAAW;SACnB,CAAC;QACF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,OAAO,WAAW,CAAC;IACrB,CAAC;IAES,WAAW,CACnB,MAA0D,EAC1D,KAAa;QAEb,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QACvB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,GAAG,EAAE,CAAC;YACR,yBAAyB;YACzB,GAAG,CAAC,SAAS,GAAG,KAAK,CAAC;YACtB,GAAG,CAAC,wBAAwB,GAAG,MAAM,CAAC;YACtC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YAElC,iEAAiE;YACjE,GAAG,CAAC,wBAAwB,GAAG,UAAU,CAAC;YAC1C,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;YAEhE,6BAA6B;YAC7B,GAAG,CAAC,wBAAwB,GAAG,gBAAgB,CAAC;YAChD,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAClE,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,KAAK,CAAC,aAAa;QACzB,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC;QAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;QAEhD,gFAAgF;QAChF,uDAAuD;QACvD,IAAI,IAAI,YAAY,SAAS,EAAE,CAAC;YAC9B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,GAAG;gBAAE,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACpB,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QACpD,CAAC;aAAM,IACL,CAAC,OAAO,WAAW,KAAK,WAAW,IAAI,IAAI,YAAY,WAAW,CAAC;YACnE,IAAI,YAAY,gBAAgB,EAChC,CAAC;YACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QACpD,CAAC;QAED,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACjC,CAAC;CACF"}

package/dist/src/core/renderers/canvas/CanvasRenderer.d.ts

@@ -10,7 +10,6 @@ export declare class CanvasRenderer extends CoreRenderer {
     private clearColor;
     renderToTextureActive: boolean;
     activeRttNode: CoreNode | null;
-    private parsedColorCache;
     constructor(options: CoreRendererOptions);
     reset(): void;
     render(): void;
@@ -25,12 +24,12 @@ export declare class CanvasRenderer extends CoreRenderer {
     renderToTexture(node: CoreNode): void;
     getBufferInfo(): null;
     getQuadCount(): null;
-    getParsedColor(color: number, isRGBA?: boolean): string;
     /**
      * Updates the clear color of the canvas renderer.
      *
      * @param color - The color to set as the clear color.
      */
     updateClearColor(color: number): void;
+    updateViewport(): void;
     getDefaultShaderNode(): null;
 }

package/dist/src/core/renderers/canvas/CanvasRenderer.js

@@ -2,9 +2,9 @@ import { SubTexture } from '../../textures/SubTexture.js';
 import { TextureType } from '../../textures/Texture.js';
 import { CoreRenderer, } from '../CoreRenderer.js';
 import { CanvasTexture } from './CanvasTexture.js';
-import { parseColor, parseToAbgrString, parseToRgbaString, } from './internal/ColorUtils.js';
-import { assertTruthy } from '../../../utils.js';
+import { parseColor } from '../../lib/colorParser.js';
 import { CanvasShaderNode } from './CanvasShaderNode.js';
+import { normalizeCanvasColor } from '../../lib/colorCache.js';
 export class CanvasRenderer extends CoreRenderer {
     context;
     canvas;
@@ -12,7 +12,6 @@ export class CanvasRenderer extends CoreRenderer {
     clearColor;
     renderToTextureActive = false;
     activeRttNode = null;
-    parsedColorCache = new Map();
     constructor(options) {
         super(options);
         this.mode = 'canvas';
@@ -20,7 +19,7 @@ export class CanvasRenderer extends CoreRenderer {
         this.canvas = canvas;
         this.context = canvas.getContext('2d');
         this.pixelRatio = this.stage.pixelRatio;
-        this.clearColor = this.getParsedColor(this.stage.clearColor);
+        this.clearColor = normalizeCanvasColor(this.stage.clearColor);
     }
     reset() {
         this.canvas.width = this.canvas.width; // quick reset canvas
@@ -38,23 +37,13 @@ export class CanvasRenderer extends CoreRenderer {
         const ctx = this.context;
         const { tx, ty, ta, tb, tc, td, clippingRect } = quad;
         let texture = quad.texture;
-        const textureType = texture?.type;
-        assertTruthy(textureType, 'Texture type is not defined');
-        // The Canvas2D renderer only supports image and color textures
-        if (textureType !== TextureType.image &&
-            textureType !== TextureType.color &&
-            textureType !== TextureType.subTexture &&
-            textureType !== TextureType.noise) {
-            return;
-        }
-        if (texture) {
-            if (texture instanceof SubTexture) {
-                texture = texture.parentTexture;
-            }
-            if (texture.state === 'freed') {
-                return;
-            }
-            if (texture.state !== 'loaded') {
+        // The Canvas2D renderer only supports image textures, no textures are used for color blocks
+        if (texture !== null) {
+            const textureType = texture.type;
+            if (textureType !== TextureType.image &&
+                textureType !== TextureType.subTexture &&
+                textureType !== TextureType.color &&
+                textureType !== TextureType.noise) {
                 return;
             }
         }
@@ -105,31 +94,26 @@ export class CanvasRenderer extends CoreRenderer {
     }
     renderContext(quad) {
         const color = quad.colorTl;
-        const textureType = quad.texture?.type;
-        if ((textureType === TextureType.image ||
-            textureType === TextureType.subTexture ||
-            textureType === TextureType.noise) &&
-            quad.texture?.ctxTexture) {
+        const texture = quad.texture;
+        const textureType = texture.type;
+        if (textureType !== TextureType.color) {
             const tintColor = parseColor(color);
-            const image = quad.texture.ctxTexture.getImage(tintColor);
-            this.context.globalAlpha = tintColor.a ?? quad.alpha;
-            if (textureType === TextureType.subTexture) {
-                this.context.drawImage(image, quad.texture.props.x, quad.texture.props.y, quad.texture.props.width, quad.texture.props.height, quad.tx, quad.ty, quad.width, quad.height);
-            }
-            else {
-                try {
-                    this.context.drawImage(image, quad.tx, quad.ty, quad.width, quad.height);
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                }
-                catch (error) {
-                    // noop
-                }
+            if (textureType !== TextureType.subTexture) {
+                const image = texture.ctxTexture.getImage(tintColor);
+                this.context.globalAlpha = tintColor.a ?? quad.alpha;
+                this.context.drawImage(image, quad.tx, quad.ty, quad.width, quad.height);
+                this.context.globalAlpha = 1;
+                return;
             }
+            const image = texture.parentTexture.ctxTexture.getImage(tintColor);
+            const props = texture.props;
+            this.context.globalAlpha = tintColor.a ?? quad.alpha;
+            this.context.drawImage(image, props.x, props.y, props.w, props.h, quad.tx, quad.ty, quad.width, quad.height);
             this.context.globalAlpha = 1;
             return;
         }
         const hasGradient = quad.colorTl !== quad.colorTr || quad.colorTl !== quad.colorBr;
-        if (textureType === TextureType.color && hasGradient) {
+        if (hasGradient === true) {
             let endX = quad.tx;
             let endY = quad.ty;
             let endColor;
@@ -146,13 +130,13 @@ export class CanvasRenderer extends CoreRenderer {
                 endColor = quad.colorTr;
             }
             const gradient = this.context.createLinearGradient(quad.tx, quad.ty, endX, endY);
-            gradient.addColorStop(0, this.getParsedColor(color));
-            gradient.addColorStop(1, this.getParsedColor(endColor));
+            gradient.addColorStop(0, normalizeCanvasColor(color));
+            gradient.addColorStop(1, normalizeCanvasColor(endColor));
             this.context.fillStyle = gradient;
             this.context.fillRect(quad.tx, quad.ty, quad.width, quad.height);
         }
-        else if (textureType === TextureType.color) {
-            this.context.fillStyle = this.getParsedColor(color);
+        else {
+            this.context.fillStyle = normalizeCanvasColor(color);
             this.context.fillRect(quad.tx, quad.ty, quad.width, quad.height);
         }
     }
@@ -183,27 +167,16 @@ export class CanvasRenderer extends CoreRenderer {
     getQuadCount() {
         return null;
     }
-    getParsedColor(color, isRGBA = false) {
-        let out = this.parsedColorCache.get(color);
-        if (out !== undefined) {
-            return out;
-        }
-        if (isRGBA) {
-            out = parseToRgbaString(color);
-        }
-        else {
-            out = parseToAbgrString(color);
-        }
-        this.parsedColorCache.set(color, out);
-        return out;
-    }
     /**
      * Updates the clear color of the canvas renderer.
      *
      * @param color - The color to set as the clear color.
      */
     updateClearColor(color) {
-        this.clearColor = this.getParsedColor(color);
+        this.clearColor = normalizeCanvasColor(color);
+    }
+    updateViewport() {
+        // noop
     }
     getDefaultShaderNode() {
         return null;