modern-canvas 0.2.3 → 0.2.4

package/dist/index.d.ts

@@ -1637,9 +1637,9 @@ interface NodeEventMap extends CoreObjectEventMap, InputEventMap {
     removeChild: (child: Node, index: number) => void;
     moveChild: (child: Node, newIndex: number, oldIndex: number) => void;
 }
-type InternalMode = 'default' | 'front' | 'back';
 type ProcessMode = 'inherit' | 'pausable' | 'when_paused' | 'always' | 'disabled';
 type RenderMode = 'inherit' | 'always' | 'disabled';
+type InternalMode = 'default' | 'front' | 'back';
 interface NodeProperties {
     name: string;
     processMode: ProcessMode;
@@ -1840,6 +1840,60 @@ declare class CanvasItem extends TimelineNode {
     toJSON(): Record<string, any>;
 }
 
+type EffectMode = 'before' | 'parent' | 'children' | 'transition';
+interface EffectProperties extends TimelineNodeProperties {
+    effectMode: EffectMode;
+    glsl: string;
+    glslSrc: string;
+    material: Material;
+}
+interface EffectContext {
+    redraw?: boolean;
+    /** parent redraw */
+    target?: Node;
+    targetArea?: [number, number, number, number];
+    /** transition */
+    from?: Viewport;
+    to?: Viewport;
+}
+declare class Effect extends TimelineNode {
+    material?: Material;
+    effectMode?: EffectMode;
+    glsl: string;
+    glslSrc: string;
+    protected get _effectMode(): EffectMode;
+    /** Viewports */
+    readonly viewport1: Viewport;
+    readonly viewport2: Viewport;
+    /** Render call */
+    protected _renderId: number;
+    protected _renderViewport?: Viewport;
+    /** Temporary nodes for transition */
+    protected _previousSibling?: Node;
+    protected _nextSibling?: Node;
+    constructor(properties?: Partial<EffectProperties>, children?: Node[]);
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
+    protected _treeEnter(tree: SceneTree): void;
+    protected _treeExit(oldTree: SceneTree): void;
+    protected _onProcessing(): void;
+    protected _onNodeProcessed(node: Node): void;
+    protected _processParent(): void;
+    protected _processChildren(): void;
+    _onProcess(delta?: number): void;
+    protected _renderBefore(renderer: WebGLRenderer): void;
+    protected _renderTransition(renderer: WebGLRenderer): void;
+    protected _renderParentOrChildren(renderer: WebGLRenderer): void;
+    protected _parseTargetArea(): number[] | undefined;
+    protected _render(renderer: WebGLRenderer): void;
+    apply(renderer: WebGLRenderer, viewport: Viewport, context?: EffectContext): void;
+}
+
+interface TransitionProperties extends Omit<EffectProperties, 'effectMode' | 'processMode'> {
+}
+declare class Transition extends Effect {
+    constructor(properties?: Partial<TransitionProperties>, children?: Node[]);
+}
+
 interface Node2DProperties extends CanvasItemProperties {
 }
 declare class Node2D extends CanvasItem {
@@ -2014,14 +2068,14 @@ interface NormalizedKeyframe {
     offset: number;
     props: Record<string, any>;
 }
-type AnimationMode = 'parent' | 'sibling';
-interface AnimationProperties extends TimelineNodeProperties {
-    animationMode: AnimationMode;
+type AnimationEffectMode = 'parent' | 'sibling';
+interface AnimationProperties extends Omit<TimelineNodeProperties, 'renderMode' | 'processMode'> {
+    effectMode: AnimationEffectMode;
     loop: boolean;
     keyframes: Keyframe[];
 }
 declare class Animation extends TimelineNode {
-    animationMode: AnimationMode;
+    effectMode: AnimationEffectMode;
     loop: boolean;
     keyframes: Keyframe[];
     easing?: Easing;
@@ -2032,6 +2086,8 @@ declare class Animation extends TimelineNode {
     constructor(properties?: Partial<AnimationProperties>, children?: Node[]);
     protected _treeEnter(tree: SceneTree): void;
     protected _treeExit(oldTree: SceneTree): void;
+    protected _onProcess(): void;
+    protected _process(): void;
     protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _getTargets(): any[];
     protected _updateKeyframes(): void;
@@ -2363,54 +2419,6 @@ declare class AudioWaveform extends Node2D {
     protected _drawSrc(): void;
 }
 
-type EffectMode = 'before' | 'parent' | 'children' | 'transition';
-interface EffectProperties extends TimelineNodeProperties {
-    mode: EffectMode;
-    glsl: string;
-    glslSrc: string;
-    material: Material;
-}
-interface EffectContext {
-    redraw?: boolean;
-    /** parent redraw */
-    target?: Node;
-    targetArea?: [number, number, number, number];
-    /** transition */
-    from?: Viewport;
-    to?: Viewport;
-}
-declare class Effect extends TimelineNode {
-    material?: Material;
-    mode?: EffectMode;
-    glsl: string;
-    glslSrc: string;
-    protected get _mode(): EffectMode;
-    /** Viewports */
-    readonly viewport1: Viewport;
-    readonly viewport2: Viewport;
-    /** Render call */
-    protected _renderId: number;
-    protected _renderViewport?: Viewport;
-    /** Temporary nodes for transition */
-    protected _previousSibling?: Node;
-    protected _nextSibling?: Node;
-    constructor(properties?: Partial<EffectProperties>, children?: Node[]);
-    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
-    protected _treeEnter(tree: SceneTree): void;
-    protected _treeExit(oldTree: SceneTree): void;
-    protected _onProcessing(): void;
-    protected _onNodeProcessed(node: Node): void;
-    protected _processParent(): void;
-    protected _processChildren(): void;
-    _onProcess(delta?: number): void;
-    protected _renderBefore(renderer: WebGLRenderer): void;
-    protected _renderTransition(renderer: WebGLRenderer): void;
-    protected _renderParentOrChildren(renderer: WebGLRenderer): void;
-    protected _parseTargetArea(): number[] | undefined;
-    protected _render(renderer: WebGLRenderer): void;
-    apply(renderer: WebGLRenderer, viewport: Viewport, context?: EffectContext): void;
-}
-
 declare class BlurEffect extends Effect {
     static materialX: Material;
     static materialY: Material;
@@ -2506,18 +2514,6 @@ declare class GodrayEffect extends Effect {
     apply(renderer: WebGLRenderer, source: Viewport): void;
 }
 
-declare class KawaseEffect extends Effect {
-    static material: Material;
-    blur: number;
-    quality: number;
-    apply(renderer: WebGLRenderer, target: Viewport): void;
-}
-
-declare class LeftEraseEffect extends Effect {
-    static material: Material;
-    apply(renderer: WebGLRenderer): void;
-}
-
 interface MaskEffectProperties extends EffectProperties {
     src?: string;
 }
@@ -2545,28 +2541,12 @@ declare class ShadowEffect extends Effect {
     apply(renderer: WebGLRenderer, source: Viewport): void;
 }
 
-declare class TiltShiftEffect extends Effect {
-    static material: Material;
-    blur: number;
-    gradientBlur: number;
-    apply(renderer: WebGLRenderer, target: Viewport): void;
-}
-
-declare class TwistEffect extends Effect {
-    static material: Material;
-    radius?: number;
-    angle: number;
-    padding: number;
-    offset?: number;
-    apply(renderer: WebGLRenderer, source: Viewport): void;
-}
-
 declare class ZoomBlurEffect extends Effect {
-    static material: Material;
     center?: number[];
     innerRadius: number;
     radius: number;
     strength: number;
+    static material: Material;
     apply(renderer: WebGLRenderer, source: Viewport): void;
 }
 
@@ -2688,6 +2668,34 @@ declare class Scaler extends Node {
     protected _input(event: InputEvent, key: InputEventKey): void;
 }
 
+declare class KawaseTransition extends Transition {
+    static material: Material;
+    blur: number;
+    quality: number;
+    apply(renderer: WebGLRenderer, target: Viewport): void;
+}
+
+declare class LeftEraseTransition extends Transition {
+    static material: Material;
+    apply(renderer: WebGLRenderer): void;
+}
+
+declare class TiltShiftTransition extends Transition {
+    static material: Material;
+    blur: number;
+    gradientBlur: number;
+    apply(renderer: WebGLRenderer, target: Viewport): void;
+}
+
+declare class TwistTransition extends Transition {
+    static material: Material;
+    radius?: number;
+    angle: number;
+    padding: number;
+    offset?: number;
+    apply(renderer: WebGLRenderer, source: Viewport): void;
+}
+
 declare class GifLoader extends Loader {
     load: (url: string) => Promise<Image2DResource>;
     install(assets: Assets): this;
@@ -2841,4 +2849,4 @@ interface RenderOptions {
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
-export { Animation, type AnimationMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, Control, type ControlEventMap, type ControlProperties, CoreObject, type CoreObjectEventMap, type CssFunction, type CssFunctionArg, type Cursor, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectProperties, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseEffect, type Keyframe, LeftEraseEffect, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectProperties, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DProperties, type NodeEventMap, type NodeProperties, type NormalizedKeyframe, PI, PI_2, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, RefCounted, type RefCountedEventMap, type RenderMode, type RenderOptions, type Renderable, Renderer, Resource, type ResourceEventMap, Ruler, type RulerProperties, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, type ScalerEventMap, type ScalerProperties, SceneTree, type SceneTreeEventMap, ScrollBar, type ScrollBarProperties, ShadowEffect, type StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftEffect, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, TwistEffect, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DProperties, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportEventMap, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, type XScrollBarProperties, YScrollBar, type YScrollBarProperties, ZoomBlurEffect, assets, clamp, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };
+export { Animation, type AnimationEffectMode, type AnimationProperties, type AssetHandler, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, type AudioWaveformProperties, type Batchable2D, BlurEffect, type CanvasBatchable, CanvasContext, CanvasEditor, CanvasItem, type CanvasItemEventMap, type CanvasItemProperties, CanvasItemStyle, type CanvasItemStyleFilter, type CanvasItemStyleFilterKey, type CanvasItemStyleProperties, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, type ColorFilterEffectProperties, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, type ColorValue, Control, type ControlEventMap, type ControlProperties, CoreObject, type CoreObjectEventMap, type CssFunction, type CssFunctionArg, type Cursor, DEG_TO_RAD, DEVICE_PIXEL_RATIO, type Easing, Effect, type EffectContext, EffectMaterial, type EffectMode, type EffectProperties, EmbossEffect, Engine, type EngineOptions, EventEmitter, type EventListener, type EventListenerOptions, type EventListenerValue, type FilledGraphics, FontLoader, Geometry, type GeometryOptions, GifLoader, GlitchEffect, GodrayEffect, Graphics2D, HTMLAudio, HTMLAudioContext, HTMLSound, type IAudioContext, type IAudioNode, IN_BROWSER, type IPlayOptions, Image2D, type Image2DProperties, Image2DResource, type ImageFrame, ImageTexture, type ImageTextureOptions, IndexBuffer, type IndexBufferOptions, Input, InputEvent, type InputEventKey, type InputEventMap, type InternalMode, JsonLoader, KawaseTransition, type Keyframe, LeftEraseTransition, Loader, Lottie2D, type Lottie2DProperties, LottieLoader, MainLoop, type MainLoopEventMap, type MaskColor, type MaskData, MaskEffect, type MaskEffectProperties, type MaskObject, type MaskRect, type Maskable, Material, type MaterialOptions, Matrix, Matrix2, Matrix3, Matrix4, type MatrixLike, type MatrixOperateOutput, MouseInputEvent, Node, Node2D, type Node2DProperties, type NodeEventMap, type NodeProperties, type NormalizedKeyframe, PI, PI_2, PixelateEffect, PixelsTexture, type PlatformAudio, type PlatformSound, type PointerEvents, PointerInputEvent, type ProcessMode, Projection2D, type PropertyDeclaration, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, type RangeProperties, RawWeakMap, Rect2, RefCounted, type RefCountedEventMap, type RenderMode, type RenderOptions, type Renderable, Renderer, Resource, type ResourceEventMap, Ruler, type RulerProperties, SUPPORTS_AUDIO_CONTEXT, SUPPORTS_CLICK_EVENTS, SUPPORTS_CREATE_IMAGE_BITMAP, SUPPORTS_IMAGE_BITMAP, SUPPORTS_MOUSE_EVENTS, SUPPORTS_OFFLINE_AUDIO_CONTEXT, SUPPORTS_POINTER_EVENTS, SUPPORTS_RESIZE_OBSERVER, SUPPORTS_TOUCH_EVENTS, SUPPORTS_WEBGL2, SUPPORTS_WEBKIT_AUDIO_CONTEXT, SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, SUPPORTS_WEB_AUDIO, SUPPORTS_WHEEL_EVENTS, Scaler, type ScalerEventMap, type ScalerProperties, SceneTree, type SceneTreeEventMap, ScrollBar, type ScrollBarProperties, ShadowEffect, type StrokedGraphics, Text2D, type Text2DProperties, TextLoader, Texture2D, type Texture2DFilterMode, type Texture2DPixelsSource, type Texture2DSource, type Texture2DWrapMode, TextureLoader, TextureRect2D, type TextureRect2DProperties, Ticker, TiltShiftTransition, Timeline, type TimelineEventMap, TimelineNode, type TimelineNodeEventMap, type TimelineNodeProperties, type TimelineProperties, type TimingFunctions, Transform2D, type Transform2DObject, Transition, type TransitionProperties, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, type VectorLike, type VectorOperateOutput, VertexAttribute, type VertexAttributeOptions, VertexBuffer, type VertexBufferOptions, Video2D, type Video2DProperties, VideoLoader, VideoTexture, type VideoTextureOptions, type VideoTextureSource, Viewport, type ViewportEventMap, type ViewportFramebuffer, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, type WebGLBufferMeta, WebGLBufferModule, type WebGLBufferOptions, type WebGLBufferTarget, type WebGLBufferUsage, type WebGLDrawMode, type WebGLDrawOptions, type WebGLExtensions, type WebGLFramebufferMeta, WebGLFramebufferModule, type WebGLFramebufferOptions, WebGLMaskModule, WebGLModule, type WebGLProgramMeta, WebGLProgramModule, type WebGLProgramOptions, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, type WebGLTarget, type WebGLTextureFilterMode, type WebGLTextureLocation, type WebGLTextureMeta, WebGLTextureModule, type WebGLTextureOptions, type WebGLTextureSource, type WebGLTextureTarget, type WebGLTextureWrapMode, WebGLVertexArrayModule, type WebGLVertexArrayObjectMeta, type WebGLVertexArrayObjectOptions, type WebGLVertexAttrib, type WebGLVertexAttribType, type WebGLViewport, WebGLViewportModule, WebSound, WheelInputEvent, XScrollBar, type XScrollBarProperties, YScrollBar, type YScrollBarProperties, ZoomBlurEffect, assets, clamp, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, defineProperty, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, getDeclarations, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCssFunctions, parseCssProperty, property, protectedProperty, render, timingFunctions, uid };