modern-canvas 0.13.5 → 0.14.0

package/dist/render.d.ts

@@ -1,9 +1,8 @@
 import type { Fonts } from 'modern-font';
-import type { EngineProperties } from './Engine';
+import type { EngineData, EngineProperties } from './Engine';
 import { Engine } from './Engine';
-import { Node } from './scene';
 export interface RenderOptions extends Partial<EngineProperties> {
-    data: Record<string, any> | Node | (Node | Record<string, any>)[];
+    data: EngineData;
     width: number;
     height: number;
     debug?: boolean;

package/dist/scene/2d/Camera2D.d.ts

@@ -1,5 +1,5 @@
 import type { InputEvent, InputEventKey, Vector2Data, WheelInputEvent } from '../../core';
-import type { Node } from '../main';
+import type { Node, SceneTree } from '../main';
 import type { Node2DEvents, Node2DProperties } from './Node2D';
 import { Transform2D, Vector2 } from '../../core';
 import { Node2D } from './Node2D';
@@ -43,6 +43,8 @@ export declare class Camera2D extends Node2D {
     zoomWithWheel(delta: number): void;
     updateTransform(): void;
     updateCanvasTransform(): void;
+    syncCanvasTransform(): void;
+    protected _treeEnter(tree: SceneTree): void;
     toGlobal<P extends Vector2Data = Vector2>(screenPos: Vector2Data, newPos?: P): P;
     toScreen<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
     toJSON(): Record<string, any>;

package/dist/scene/2d/Element2D.d.ts

@@ -1,6 +1,8 @@
 import type { Node } from '../main';
 import type { BaseElement2DEvents, BaseElement2DProperties, Element2DStyleProperties } from './element';
-import { BaseElement2D, Element2DStyle } from './element';
+import { BaseElement2D } from './element';
+import { directionMap, FlexLayout } from './FlexLayout';
+export type LayoutMode = 'inherit' | 'absolute' | 'flex';
 export interface Element2DEvents extends BaseElement2DEvents {
 }
 export interface Element2D {
@@ -11,11 +13,16 @@ export interface Element2D {
 }
 export interface Element2DProperties extends BaseElement2DProperties {
     style: Partial<Element2DStyleProperties>;
+    layoutMode: LayoutMode;
 }
 export declare class Element2D extends BaseElement2D {
-    protected _style: Element2DStyle;
-    get style(): Element2DStyle;
-    set style(value: Element2DProperties['style']);
+    layoutMode: LayoutMode;
+    _flex: FlexLayout;
     constructor(properties?: Partial<Element2DProperties>, nodes?: Node[]);
+    getGlobalLayoutMode(): Omit<LayoutMode, 'inherit'>;
     protected _updateStyleProperty(key: string, value: any, oldValue: any): void;
+    protected _parented(parent: Node): void;
+    protected _unparented(oldParent: Node): void;
+    updateLayout(): void;
+    calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof directionMap[keyof typeof directionMap]): void;
 }

package/dist/scene/2d/FlexLayout.d.ts

@@ -1,6 +1,6 @@
 import type { Node as YogaNode } from 'yoga-layout/load';
-import type { FlexElement2DStyle } from './element';
-import type { FlexElement2D } from './FlexElement2D';
+import type { Element2DStyle } from './element';
+import type { Element2D } from './Element2D';
 export declare const edgeMap: {
     left: number;
     top: number;
@@ -80,17 +80,12 @@ export interface ComputedLayout {
     height: number;
 }
 export declare class FlexLayout {
-    protected _element: FlexElement2D;
+    protected _element: Element2D;
     static _yoga?: any;
     static load(): Promise<void>;
-    _node: YogaNode;
-    protected get _style(): FlexElement2DStyle;
-    get offsetLeft(): number;
-    get offsetTop(): number;
-    get offsetWidth(): number;
-    get offsetHeight(): number;
-    constructor(_element: FlexElement2D);
+    _node: YogaNode | undefined;
+    protected get _style(): Element2DStyle;
+    constructor(_element: Element2D);
     calculateLayout(width?: number | 'auto', height?: number | 'auto', direction?: typeof displayMap[keyof typeof displayMap]): void;
-    getComputedLayout(): ComputedLayout;
     updateStyleProperty(key: string, value: any, oldValue: any): void;
 }

package/dist/scene/2d/Node2D.d.ts

@@ -30,7 +30,7 @@ export declare class Node2D extends CanvasItem {
     protected _updateProperty(key: string, value: any, oldValue: any): void;
     updateTransform(): void;
     updateGlobalTransform(): void;
-    protected _transformVertices(vertices: Float32Array, vertTransform?: Transform2D): Float32Array;
+    protected _transformVertices(batchable: CanvasBatchable): Float32Array;
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _process(delta: number): void;
     toLocal<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;

package/dist/scene/2d/element/BaseElement2D.d.ts

@@ -1,17 +1,18 @@
 import type { Background, Fill, Foreground, Outline, Shadow, Shape, Style, Text } from 'modern-idoc';
-import type { ColorValue, InputEvent, InputEventKey, Vector2Data, WebGLBlendMode } from '../../../core';
-import type { CanvasBatchable, Node, Rectangulable, RectangulableEvents, SceneTree } from '../../main';
+import type { InputEvent, InputEventKey, Vector2Data } from '../../../core';
+import type { Node, Rectangulable, RectangulableEvents, SceneTree } from '../../main';
 import type { Node2DEvents, Node2DProperties } from '../Node2D';
-import { Rect2, Vector2 } from '../../../core';
+import { Rectangle, Vector2 } from '../../../core';
+import { ColorFilterEffect } from '../../effects';
 import { Node2D } from '../Node2D';
-import { BaseElement2DBackground } from './BaseElement2DBackground';
-import { BaseElement2DFill } from './BaseElement2DFill';
-import { BaseElement2DForeground } from './BaseElement2DForeground';
-import { BaseElement2DOutline } from './BaseElement2DOutline';
-import { BaseElement2DShadow } from './BaseElement2DShadow';
-import { BaseElement2DShape } from './BaseElement2DShape';
-import { BaseElement2DStyle } from './BaseElement2DStyle';
-import { BaseElement2DText } from './BaseElement2DText';
+import { Element2DBackground } from './Element2DBackground';
+import { Element2DFill } from './Element2DFill';
+import { Element2DForeground } from './Element2DForeground';
+import { Element2DOutline } from './Element2DOutline';
+import { Element2DShadow } from './Element2DShadow';
+import { Element2DShape } from './Element2DShape';
+import { Element2DStyle } from './Element2DStyle';
+import { Element2DText } from './Element2DText';
 export interface BaseElement2DEvents extends Node2DEvents, RectangulableEvents {
     updateStyleProperty: [key: string, value: any, oldValue: any];
 }
@@ -22,8 +23,6 @@ export interface BaseElement2D {
     emit: <K extends keyof BaseElement2DEvents & string>(event: K, ...args: BaseElement2DEvents[K]) => this;
 }
 export interface BaseElement2DProperties extends Node2DProperties {
-    modulate: ColorValue;
-    blendMode: WebGLBlendMode;
     style: Style;
     background: Background;
     shape: Shape;
@@ -37,54 +36,55 @@ export declare class BaseElement2D extends Node2D implements Rectangulable {
     readonly size: Vector2;
     protected _allowPointerEvents: boolean;
     protected _overflowHidden: boolean;
-    protected _style: BaseElement2DStyle;
-    get style(): BaseElement2DStyle;
+    protected _style: Element2DStyle;
+    get style(): Element2DStyle;
     set style(value: BaseElement2DProperties['style']);
-    protected _background: BaseElement2DBackground;
-    get background(): BaseElement2DBackground;
+    protected _background: Element2DBackground;
+    get background(): Element2DBackground;
     set background(value: BaseElement2DProperties['background']);
-    protected _shape: BaseElement2DShape;
-    get shape(): BaseElement2DShape;
+    protected _shape: Element2DShape;
+    get shape(): Element2DShape;
     set shape(value: BaseElement2DProperties['shape']);
-    protected _fill: BaseElement2DFill;
-    get fill(): BaseElement2DFill;
+    protected _fill: Element2DFill;
+    get fill(): Element2DFill;
     set fill(value: BaseElement2DProperties['fill']);
-    protected _outline: BaseElement2DOutline;
-    get outline(): BaseElement2DOutline;
+    protected _outline: Element2DOutline;
+    get outline(): Element2DOutline;
     set outline(value: BaseElement2DProperties['outline']);
-    protected _foreground: BaseElement2DForeground;
-    get foreground(): BaseElement2DForeground;
+    protected _foreground: Element2DForeground;
+    get foreground(): Element2DForeground;
     set foreground(value: BaseElement2DProperties['foreground']);
-    protected _text: BaseElement2DText;
-    get text(): BaseElement2DText;
+    protected _text: Element2DText;
+    get text(): Element2DText;
     set text(value: BaseElement2DProperties['text']);
-    protected _shadow: BaseElement2DShadow;
-    get shadow(): BaseElement2DShadow;
+    protected _shadow: Element2DShadow;
+    get shadow(): Element2DShadow;
     set shadow(value: BaseElement2DProperties['shadow']);
+    protected _styleFilter?: ColorFilterEffect;
     constructor(properties?: Partial<BaseElement2DProperties>, nodes?: Node[]);
     protected _treeEnter(tree: SceneTree): void;
     setProperties(properties?: Record<string, any>): this;
     onUpdateStyleProperty(key: string, value: any, oldValue: any): void;
     protected _updateStyleProperty(key: string, value: any, oldValue: any): void;
     protected _process(delta: number): void;
+    protected _getStyleFilter(): ColorFilterEffect;
     protected _updateMaskImage(maskImage?: string): void;
     updateGlobalTransform(): void;
-    getRect(): Rect2;
+    getRect(): Rectangle;
     protected _getPointArray(): Vector2Data[];
-    getAabb(): Rect2;
-    getGlobalAabb(): Rect2;
+    getAabb(): Rectangle;
+    getGlobalAabb(): Rectangle;
     getObb(): {
-        rect: Rect2;
+        rect: Rectangle;
         rotation: number;
     };
     getGlobalObb(): {
-        rect: Rect2;
+        rect: Rectangle;
         rotation: number;
     };
     protected _updateMask(): void;
     protected _draw(): void;
     protected _drawContent(): void;
-    protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
     input(event: InputEvent, key: InputEventKey): void;
     protected _positionInput(localPos: Vector2Data, key: InputEventKey): boolean;
     protected _input(event: InputEvent, key: InputEventKey): void;

package/dist/scene/2d/element/{BaseElement2DBackground.d.ts → Element2DBackground.d.ts}

@@ -1,6 +1,6 @@
 import type { Background, NormalizedBackground } from 'modern-idoc';
-import { BaseElement2DFill } from './BaseElement2DFill';
-export declare class BaseElement2DBackground extends BaseElement2DFill {
+import { Element2DFill } from './Element2DFill';
+export declare class Element2DBackground extends Element2DFill {
     fillWithShape: NormalizedBackground['fillWithShape'];
     setProperties(properties?: Background): this;
     protected _updateProperty(key: string, value: any, oldValue: any): void;

package/dist/scene/2d/element/{BaseElement2DFill.d.ts → Element2DFill.d.ts}

@@ -2,21 +2,21 @@ import type { Fill, NormalizedFill } from 'modern-idoc';
 import type { AnimatedTexture, Texture2D } from '../../resources';
 import type { BaseElement2D } from './BaseElement2D';
 import { CoreObject } from '../../../core';
-export interface BaseElement2DFill extends NormalizedFill {
+export interface Element2DFill extends NormalizedFill {
 }
-export declare class BaseElement2DFill extends CoreObject {
+export declare class Element2DFill extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
-    color: NormalizedFill['color'];
-    image: NormalizedFill['image'];
-    linearGradient: NormalizedFill['linearGradient'];
-    radialGradient: NormalizedFill['radialGradient'];
-    cropRect: NormalizedFill['cropRect'];
-    stretchRect: NormalizedFill['stretchRect'];
-    dpi: NormalizedFill['dpi'];
-    rotateWithShape: NormalizedFill['rotateWithShape'];
-    tile: NormalizedFill['tile'];
-    opacity: NormalizedFill['opacity'];
+    color?: NormalizedFill['color'];
+    image?: NormalizedFill['image'];
+    linearGradient?: NormalizedFill['linearGradient'];
+    radialGradient?: NormalizedFill['radialGradient'];
+    cropRect?: NormalizedFill['cropRect'];
+    stretchRect?: NormalizedFill['stretchRect'];
+    dpi?: NormalizedFill['dpi'];
+    rotateWithShape?: NormalizedFill['rotateWithShape'];
+    tile?: NormalizedFill['tile'];
+    opacity?: NormalizedFill['opacity'];
     texture?: Texture2D;
     animatedTexture?: AnimatedTexture;
     constructor(parent: BaseElement2D);
@@ -29,4 +29,5 @@ export declare class BaseElement2DFill extends CoreObject {
     draw(): void;
     protected _getFrameCurrentTime(): number;
     updateFrameIndex(): this;
+    process(_delta: number): void;
 }

package/dist/scene/2d/element/{BaseElement2DForeground.d.ts → Element2DForeground.d.ts}

@@ -1,6 +1,6 @@
 import type { Foreground, NormalizedForeground } from 'modern-idoc';
-import { BaseElement2DFill } from './BaseElement2DFill';
-export declare class BaseElement2DForeground extends BaseElement2DFill {
+import { Element2DFill } from './Element2DFill';
+export declare class Element2DForeground extends Element2DFill {
     fillWithShape: NormalizedForeground['fillWithShape'];
     setProperties(properties?: Foreground): this;
     protected _updateProperty(key: string, value: any, oldValue: any): void;

package/dist/scene/2d/element/{BaseElement2DOutline.d.ts → Element2DOutline.d.ts}

@@ -1,8 +1,8 @@
 import type { NormalizedOutline, Outline } from 'modern-idoc';
-import { BaseElement2DFill } from './BaseElement2DFill';
-export declare class BaseElement2DOutline extends BaseElement2DFill {
-    color: NormalizedOutline['color'];
-    width: NormalizedOutline['width'];
+import { Element2DFill } from './Element2DFill';
+export declare class Element2DOutline extends Element2DFill {
+    color?: NormalizedOutline['color'];
+    width?: NormalizedOutline['width'];
     style: NormalizedOutline['style'];
     lineCap: NormalizedOutline['lineCap'];
     lineJoin: NormalizedOutline['lineJoin'];

package/dist/scene/2d/element/{BaseElement2DShadow.d.ts → Element2DShadow.d.ts}

@@ -1,7 +1,7 @@
 import type { NormalizedShadow, Shadow } from 'modern-idoc';
 import type { BaseElement2D } from './BaseElement2D';
 import { CoreObject } from '../../../core';
-export declare class BaseElement2DShadow extends CoreObject {
+export declare class Element2DShadow extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
     color: NormalizedShadow['color'];

package/dist/scene/2d/element/{BaseElement2DShape.d.ts → Element2DShape.d.ts}

@@ -2,7 +2,7 @@ import type { NormalizedShape, Shape } from 'modern-idoc';
 import type { BaseElement2D } from './BaseElement2D';
 import { Path2DSet } from 'modern-path2d';
 import { CoreObject } from '../../../core';
-export declare class BaseElement2DShape extends CoreObject {
+export declare class Element2DShape extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
     preset: NormalizedShape['preset'];

package/dist/scene/2d/element/Element2DStyle.d.ts

@@ -1,13 +1,13 @@
-import type { BaseElement2DStyleProperties } from './BaseElement2DStyle';
-import { BaseElement2DStyle } from './BaseElement2DStyle';
-export interface Element2DStyleProperties extends BaseElement2DStyleProperties {
-    width: number;
-    height: number;
+import type { FullStyle } from 'modern-idoc';
+import { Resource } from '../../../core';
+export interface Element2DStyleProperties extends Omit<FullStyle, 'left' | 'top' | 'width' | 'height'> {
     left: number;
     top: number;
+    width: number;
+    height: number;
 }
 export interface Element2DStyle extends Element2DStyleProperties {
 }
-export declare class Element2DStyle extends BaseElement2DStyle {
+export declare class Element2DStyle extends Resource {
     constructor(properties?: Partial<Element2DStyleProperties>);
 }

package/dist/scene/2d/element/{BaseElement2DText.d.ts → Element2DText.d.ts}

@@ -1,14 +1,16 @@
 import type { Fonts } from 'modern-font';
 import type { NormalizedFill, NormalizedText, TextContent, Text as TextProperties } from 'modern-idoc';
 import type { MeasureResult } from 'modern-text';
-import type { CanvasContext } from '../../main';
+import type { RectangleLike } from '../../../core';
+import type { CanvasContext, TransformVertex } from '../../main';
 import type { Texture2D } from '../../resources';
 import type { BaseElement2D } from './BaseElement2D';
+import { BoundingBox } from 'modern-path2d';
 import { Text } from 'modern-text';
-import { CoreObject, Transform2D } from '../../../core';
+import { CoreObject } from '../../../core';
 import { CanvasTexture } from '../../resources';
 export type TextDrawMode = 'auto' | 'texture' | 'path';
-export declare class BaseElement2DText extends CoreObject {
+export declare class Element2DText extends CoreObject {
     parent: BaseElement2D;
     enabled: boolean;
     content: NormalizedText['content'];
@@ -20,24 +22,27 @@ export declare class BaseElement2DText extends CoreObject {
     fonts: Fonts;
     drawMode: TextDrawMode;
     readonly base: Text;
+    protected _autoDrawMode?: TextDrawMode;
+    protected _autoDrawThreshold: number;
     protected _texture: CanvasTexture;
     protected _textureMap: Map<string, {
         texture: Texture2D | undefined;
-        box: any;
+        box: RectangleLike;
     }>;
     constructor(parent: BaseElement2D);
     setProperties(properties?: TextProperties): this;
     protected _updateProperty(key: string, value: any, oldValue: any): void;
     update(): void;
     protected _updateTextureMap(): void;
-    protected _updateTexture(key: string, fill: NormalizedFill | undefined, box: any): Promise<void>;
+    protected _updateTexture(key: string, fill: NormalizedFill | undefined, box: BoundingBox): Promise<void>;
     protected _loadTexture(fill: NormalizedFill, box: any): Promise<Texture2D | undefined>;
     setContent(content: TextContent): void;
     measure(): MeasureResult;
     isValid(): boolean;
-    protected _createVertTransform(): Transform2D | undefined;
+    protected _createTransformVertex(): TransformVertex | undefined;
     useTextureDraw(): boolean;
     protected _pathDraw(ctx: CanvasContext): void;
     protected _textureDraw(ctx: CanvasContext): void;
     draw(): void;
+    process(_delta: number): void;
 }

package/dist/scene/2d/element/index.d.ts

@@ -1,11 +1,9 @@
 export * from './BaseElement2D';
-export * from './BaseElement2DBackground';
-export * from './BaseElement2DFill';
-export * from './BaseElement2DForeground';
-export * from './BaseElement2DOutline';
-export * from './BaseElement2DShadow';
-export * from './BaseElement2DShape';
-export * from './BaseElement2DStyle';
-export * from './BaseElement2DText';
+export * from './Element2DBackground';
+export * from './Element2DFill';
+export * from './Element2DForeground';
+export * from './Element2DOutline';
+export * from './Element2DShadow';
+export * from './Element2DShape';
 export * from './Element2DStyle';
-export * from './FlexElement2DStyle';
+export * from './Element2DText';

package/dist/scene/2d/element/utils.d.ts

@@ -1,6 +1,4 @@
 import type { NormalizedFill } from 'modern-idoc';
-import { Transform2D } from '../../../core';
-export declare function getDrawOptions(fill: NormalizedFill, box: any): {
-    disableWrapMode: boolean;
-    uvTransform: Transform2D;
-};
+import type { RectangleLike } from '../../../core';
+import type { CanvasBatchable } from '../../main';
+export declare function getFillDrawOptions(fill: NormalizedFill, rect: RectangleLike): Partial<Omit<CanvasBatchable, 'type'>>;

package/dist/scene/2d/index.d.ts

@@ -1,9 +1,7 @@
 export * from './Camera2D';
 export * from './element';
 export * from './Element2D';
-export * from './FlexElement2D';
 export * from './FlexLayout';
-export * from './Image2D';
 export * from './Lottie2D';
 export * from './Node2D';
 export * from './TextureRect2D';

package/dist/scene/audio/AudioWaveform.d.ts

@@ -18,5 +18,4 @@ export declare class AudioWaveform extends Element2D {
     _loadSrc(src: string): Promise<void>;
     syncTexture(force?: boolean): void;
     protected _process(delta: number): void;
-    protected _drawSrc(): void;
 }

package/dist/scene/effects/ColorAdjustEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Effect } from '../main/Effect';
 import { Material } from '../resources';
@@ -23,5 +23,5 @@ export declare class ColorAdjustEffect extends Effect {
     alpha: number;
     gamma: number;
     constructor(properties?: Partial<ColorAdjustEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/ColorFilterEffect.d.ts

@@ -1,9 +1,9 @@
-import type { WebGLRenderer } from '../../core';
-import type { Node, Viewport } from '../main';
+import type { GlRenderer } from '../../core';
+import type { EffectProperties, Node, Viewport } from '../main';
 import { ColorMatrix } from '../../core';
 import { Effect } from '../main/Effect';
 import { Material } from '../resources';
-export interface ColorFilterEffectProperties {
+export interface ColorFilterEffectProperties extends EffectProperties {
     filter?: string;
 }
 export declare class ColorFilterEffect extends Effect {
@@ -11,5 +11,6 @@ export declare class ColorFilterEffect extends Effect {
     filter?: string;
     protected _colorMatrix: ColorMatrix;
     constructor(properties?: Partial<ColorFilterEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    protected _updateProperty(key: string, value: any, oldValue: any): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/ColorOverlayEffect.d.ts

@@ -1,4 +1,4 @@
-import type { ColorValue, WebGLRenderer } from '../../core';
+import type { ColorValue, GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Color } from '../../core';
 import { Effect } from '../main/Effect';
@@ -13,5 +13,5 @@ export declare class ColorOverlayEffect extends Effect {
     alpha: number;
     protected _color: Color;
     constructor(properties?: Partial<ColorOverlayEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/ColorRemoveEffect.d.ts

@@ -1,4 +1,4 @@
-import type { ColorValue, WebGLRenderer } from '../../core';
+import type { ColorValue, GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Color } from '../../core';
 import { Effect } from '../main/Effect';
@@ -13,5 +13,5 @@ export declare class ColorRemoveEffect extends Effect {
     epsilon: number;
     protected _color: Color;
     constructor(properties?: Partial<ColorRemoveEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/ColorReplaceEffect.d.ts

@@ -1,4 +1,4 @@
-import type { ColorValue, WebGLRenderer } from '../../core';
+import type { ColorValue, GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Color } from '../../core';
 import { Effect } from '../main/Effect';
@@ -13,5 +13,5 @@ export declare class ColorReplaceEffect extends Effect {
     epsilon: number;
     protected _color: Color;
     constructor(properties?: Partial<ColorReplaceEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/DrawboardEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import type { Texture2D } from '../resources';
 import { Effect } from '../main/Effect';
@@ -27,5 +27,5 @@ export declare class DrawboardEffect extends Effect {
     protected _updateProperty(key: string, value: any, oldValue: any): void;
     protected _loadWatermark(value?: string): Promise<void>;
     protected _checkerboardStyleMap: Record<CheckerboardStyle, number>;
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/DropShadowEffect.d.ts

@@ -1,4 +1,4 @@
-import type { ColorValue, WebGLRenderer } from '../../core';
+import type { ColorValue, GlRenderer } from '../../core';
 import type { EffectProperties, Node } from '../main';
 import { Color } from '../../core';
 import { Viewport } from '../main';
@@ -23,5 +23,5 @@ export declare class DropShadowEffect extends Effect {
     viewport3: Viewport;
     protected _color: Color;
     constructor(properties?: Partial<DropShadowEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/EmbossEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Effect } from '../main/Effect';
 import { Material } from '../resources';
@@ -9,5 +9,5 @@ export declare class EmbossEffect extends Effect {
     static material: Material;
     strength: number;
     constructor(properties?: Partial<EmbossEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/GaussianBlurEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Effect } from '../main/Effect';
 import { Material } from '../resources';
@@ -12,5 +12,5 @@ export declare class GaussianBlurEffect extends Effect {
     strength: number;
     quality: number;
     constructor(properties?: Partial<GaussianBlurEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/GlitchEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Effect } from '../main/Effect';
 import { Material, Texture2D } from '../resources';
@@ -31,5 +31,5 @@ export declare class GlitchEffect extends Effect {
     blue: [number, number];
     constructor(properties?: Partial<GlitchEffectProperties>, children?: Node[]);
     redraw(): void;
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/GodrayEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Effect } from '../main/Effect';
 import { Material } from '../resources';
@@ -21,5 +21,5 @@ export declare class GodrayEffect extends Effect {
     center: [number, number];
     alpha: number;
     constructor(properties?: Partial<GodrayEffectProperties>, children?: Node[]);
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, source: Viewport): void;
 }

package/dist/scene/effects/KawaseBlurEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectProperties, Node, Viewport } from '../main';
 import { Effect } from '../main/Effect';
 export interface KawaseBlurEffectProperties extends EffectProperties {
@@ -18,5 +18,5 @@ export declare class KawaseBlurEffect extends Effect {
     protected _updateProperty(key: string, value: any, oldValue: any): void;
     /** Auto generate kernels by blur & quality */
     protected _generateKernels(): void;
-    apply(renderer: WebGLRenderer, source: Viewport): void;
+    apply(renderer: GlRenderer, viewport: Viewport): void;
 }

package/dist/scene/effects/MaskEffect.d.ts

@@ -1,4 +1,4 @@
-import type { WebGLRenderer } from '../../core';
+import type { GlRenderer } from '../../core';
 import type { EffectContext, EffectProperties, Node, Viewport } from '../main';
 import type { Texture2D } from '../resources';
 import { Effect } from '../main/Effect';
@@ -13,5 +13,5 @@ export declare class MaskEffect extends Effect {
     constructor(properties?: Partial<MaskEffectProperties>, children?: Node[]);
     load(): Promise<void>;
     protected _updateProperty(key: string, value: any, oldValue: any): void;
-    apply(renderer: WebGLRenderer, source: Viewport, context: EffectContext): void;
+    apply(renderer: GlRenderer, source: Viewport, context: EffectContext): void;
 }