modern-canvas 0.7.12 → 0.7.14

package/dist/index.d.ts

@@ -460,6 +460,10 @@ declare class Projection2D extends Matrix3 {
     protected _performUpdateArray(): void;
 }
 
+interface Vector2Data {
+    x: number;
+    y: number;
+}
 /**
  * Vector2
  */
@@ -480,7 +484,7 @@ declare class Vector2 extends Vector {
     update(x: number, y: number): this;
     getLength(): number;
     getAngle(): number;
-    distanceTo(point: Vector2): number;
+    distanceTo(point: Vector2Data): number;
     normalize(): this;
     static lerp(a: VectorLike, b: VectorLike, t: number): Vector2;
 }
@@ -498,9 +502,16 @@ declare class Rect2 {
     readonly position: Vector2;
     readonly size: Vector2;
     constructor(from: Rect2);
-    constructor(position: Vector2, size: Vector2);
+    constructor(pointArray: Vector2Data[]);
+    constructor(position: Vector2Data, size: Vector2Data);
     constructor(x: number, y: number, width: number, height: number);
     update(): this;
+    toMinmax(): {
+        minX: number;
+        minY: number;
+        maxX: number;
+        maxY: number;
+    };
     toArray(): number[];
     toJSON(): {
         x: number;
@@ -510,7 +521,7 @@ declare class Rect2 {
     };
 }
 
-interface Transform2DObject {
+interface TransformObject {
     a: number;
     c: number;
     tx: number;
@@ -519,6 +530,21 @@ interface Transform2DObject {
     ty: number;
     tz: number;
 }
+interface TransformableObject {
+    position: {
+        x: number;
+        y: number;
+    };
+    scale: {
+        x: number;
+        y: number;
+    };
+    skew: {
+        x: number;
+        y: number;
+    };
+    rotation: number;
+}
 /**
  * Transform
  *
@@ -552,10 +578,15 @@ declare class Transform2D extends Matrix3 {
     protected _rotateToScale(rad: number): number;
     protected _rotate3d(x: number, y: number, z: number, rad: number): number[];
     makeRotation(theta: number): this;
-    applyToPoint(x: number, y: number): number[];
+    decompose(pivot?: {
+        x: number;
+        y: number;
+    }, output?: TransformableObject): TransformableObject;
+    apply<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
     inverse(): this;
+    applyInverse<P extends Vector2Data = Vector2>(pos: Vector2Data, newPos?: P): P;
     isIdentity(): boolean;
-    toObject(): Transform2DObject;
+    toObject(): TransformObject;
 }
 
 declare const DEG_TO_RAD: number;
@@ -1431,7 +1462,7 @@ declare class VideoTexture extends Texture2D<HTMLVideoElement> {
 declare class ViewportTexture extends PixelsTexture {
 }
 
-type UVTransform = Transform2D | ((x: number, y: number) => [number, number]);
+type UvTransform = Transform2D | ((x: number, y: number) => [number, number]);
 type VertTransform = Transform2D | (() => Transform2D);
 interface CanvasBatchable extends Batchable2D {
     type: 'stroke' | 'fill';
@@ -1442,12 +1473,12 @@ interface StrokeDraw extends Partial<CanvasBatchable> {
     type: 'stroke';
     path: Path2D;
     style: LineStyle;
-    uvTransform?: UVTransform;
+    uvTransform?: UvTransform;
 }
 interface FillDraw extends Partial<CanvasBatchable> {
     type: 'fill';
     path: Path2D;
-    uvTransform?: UVTransform;
+    uvTransform?: UvTransform;
 }
 declare class CanvasContext extends Path2D {
     fillStyle?: Color$1 | Texture2D;
@@ -1457,7 +1488,7 @@ declare class CanvasContext extends Path2D {
     lineJoin?: LineJoin;
     lineWidth?: number;
     miterLimit?: number;
-    uvTransform?: UVTransform;
+    uvTransform?: UvTransform;
     vertTransform?: VertTransform;
     protected _defaultStyle: Texture2D<Texture2DSource>;
     protected _draws: (StrokeDraw | FillDraw)[];
@@ -1469,7 +1500,7 @@ declare class CanvasContext extends Path2D {
     copy(source: CanvasContext): this;
     resetStatus(): void;
     reset(): this;
-    buildUvs(start: number, vertices: number[], uvs: number[], texture?: Texture2D, uvTransform?: UVTransform): void;
+    buildUvs(start: number, vertices: number[], uvs: number[], texture?: Texture2D, uvTransform?: UvTransform): void;
     toBatchables(): CanvasBatchable[];
 }
 
@@ -1501,7 +1532,7 @@ interface Viewport {
 declare class Viewport extends Node implements Rectangulable {
     flipY: boolean;
     readonly projection: Projection2D;
-    readonly canvasTransform: Transform2D;
+    readonly worldTransform: Transform2D;
     protected _framebufferIndex: number;
     protected _framebuffers: ViewportFramebuffer[];
     x: number;
@@ -1526,6 +1557,8 @@ declare class Viewport extends Node implements Rectangulable {
     activateWithCopy(renderer: WebGLRenderer, target: Viewport): void;
     render(renderer: WebGLRenderer, next?: () => void): void;
     getRect(): Rect2;
+    toGlobal<P extends Vector2Data = Vector2>(worldPos: Vector2Data, newPos?: P): P;
+    toWorld<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
 }
 
 interface RenderCall {
@@ -1921,12 +1954,14 @@ declare class Node2D extends CanvasItem {
     protected _transformVertices(vertices: Float32Array, vertTransform?: VertTransform): Float32Array;
     protected _relayout(batchables: CanvasBatchable[]): CanvasBatchable[];
     protected _process(delta: number): void;
+    toLocal<P extends Vector2Data = Vector2>(globalPos: Vector2Data, newPos?: P): P;
+    toGlobal<P extends Vector2Data = Vector2>(localPos: Vector2Data, newPos?: P): P;
 }
 
 interface Camera2DProperties extends Node2DProperties {
 }
 interface Camera2DEventMap extends Node2DEventMap {
-    updateCanvasTransform: () => void;
+    updateWorldTransform: () => void;
 }
 interface Camera2D {
     on: (<K extends keyof Camera2DEventMap>(type: K, listener: Camera2DEventMap[K], options?: EventListenerOptions) => this) & ((type: string, listener: EventListenerValue, options?: EventListenerOptions) => this);
@@ -1950,7 +1985,7 @@ declare class Camera2D extends Node2D {
     protected _input(event: InputEvent, key: InputEventKey): void;
     protected _onWheel(e: WheelInputEvent): void;
     updateTransform(): void;
-    updateCanvasTransform(): void;
+    updateWorldTransform(): void;
 }
 
 interface BaseElement2DFill extends NormalizedFill {
@@ -2062,7 +2097,6 @@ declare class BaseElement2DText extends CoreObject {
     constructor(parent: BaseElement2D);
     setProperties(properties?: Text$1): this;
     protected _updateProperty(key: string, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
-    protected _updateText(): void;
     setContent(content: TextContent): void;
     measure(): MeasureResult;
     updateMeasure(): this;
@@ -2125,16 +2159,24 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     getTransform(cb?: (transform: Transform2D) => void): Transform2D;
     updateGlobalTransform(): void;
     getRect(): Rect2;
+    protected _getPointArray(): Vector2Data[];
+    getAabb(): Rect2;
+    getGlobalAabb(): Rect2;
+    getObb(): {
+        rect: Rect2;
+        rotation: number;
+    };
+    getGlobalObb(): {
+        rect: Rect2;
+        rotation: number;
+    };
     protected _updateOverflow(): void;
     protected _draw(): void;
     protected _drawContent(): void;
     protected _repaint(batchables: CanvasBatchable[]): CanvasBatchable[];
     canPointerEvents(): boolean;
     input(event: InputEvent, key: InputEventKey): void;
-    protected _pointerInput(point: {
-        x: number;
-        y: number;
-    }, key: InputEventKey): boolean;
+    protected _positionInput(localPos: Vector2Data, key: InputEventKey): boolean;
     protected _input(event: InputEvent, key: InputEventKey): void;
     toJSON(): Record<string, any>;
 }
@@ -2713,7 +2755,7 @@ interface ColorFilterEffectProperties {
 }
 declare class ColorFilterEffect extends Effect {
     static material: Material;
-    filter: string | undefined;
+    filter?: string;
     protected _colorMatrix: ColorMatrix;
     constructor(properties?: Partial<ColorFilterEffectProperties>, children?: Node[]);
     apply(renderer: WebGLRenderer, source: Viewport): void;
@@ -2881,7 +2923,7 @@ interface MaskEffectProperties extends EffectProperties {
 }
 declare class MaskEffect extends Effect {
     static material: Material;
-    texture: Texture2D<ImageBitmap> | undefined;
+    texture?: Texture2D<ImageBitmap>;
     src: string;
     constructor(properties?: Partial<MaskEffectProperties>, children?: Node[]);
     load(): Promise<void>;
@@ -2932,7 +2974,7 @@ interface ZoomBlurEffectProperties extends EffectProperties {
 }
 declare class ZoomBlurEffect extends Effect {
     static material: Material;
-    center: number[] | undefined;
+    center?: number[];
     innerRadius: number;
     radius: number;
     strength: number;
@@ -3269,4 +3311,4 @@ interface RenderOptions {
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 
 export { AnimatedTexture, Animation, Assets, Audio, AudioPipeline, AudioProcessor, AudioSpectrum, AudioWaveform, BaseElement2D, BaseElement2DBackground, BaseElement2DFill, BaseElement2DForeground, BaseElement2DOutline, BaseElement2DShadow, BaseElement2DShape, BaseElement2DStyle, BaseElement2DText, Camera2D, CanvasContext, CanvasItem, CanvasItemEditor, CanvasTexture, Color, ColorAdjustEffect, ColorFilterEffect, ColorMatrix, ColorOverlayEffect, ColorRemoveEffect, ColorReplaceEffect, ColorTexture, Control, CoreObject, DEG_TO_RAD, DEVICE_PIXEL_RATIO, DropShadowEffect, Effect, EffectMaterial, Element2D, Element2DStyle, EmbossEffect, Engine, FlexElement2D, FlexElement2DStyle, FlexLayout, FontLoader, GIFLoader, GaussianBlurEffect, Geometry, GlitchEffect, GodrayEffect, GradientTexture, HTMLAudio, HTMLAudioContext, HTMLSound, IN_BROWSER, Image2D, ImageTexture, IndexBuffer, Input, InputEvent, JSONLoader, KawaseBlurEffect, KawaseTransition, KeyboardInputEvent, LeftEraseTransition, Loader, Lottie2D, LottieLoader, MainLoop, MaskEffect, Material, Matrix, Matrix2, Matrix3, Matrix4, MouseInputEvent, Node, Node2D, OutlineEffect, PI, PI_2, PixelateEffect, PixelsTexture, PointerInputEvent, Projection2D, QuadGeometry, QuadUvGeometry, RAD_TO_DEG, Range, RawWeakMap, Rect2, RefCounted, Renderer, Resource, Ruler, 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, SceneTree, ScrollBar, TextLoader, Texture2D, TextureLoader, TextureRect2D, Ticker, TiltShiftTransition, Timeline, TimelineNode, Transform2D, TransformRect2D, Transition, TwistTransition, UvGeometry, UvMaterial, Vector, Vector2, Vector3, Vector4, VertexAttribute, VertexBuffer, Video2D, VideoLoader, VideoTexture, Viewport, ViewportTexture, WebAudio, WebAudioContext, WebGLBatch2DModule, WebGLBlendMode, WebGLBufferModule, WebGLFramebufferModule, WebGLMaskModule, WebGLModule, WebGLProgramModule, WebGLRenderer, WebGLScissorModule, WebGLState, WebGLStateModule, WebGLStencilModule, WebGLTextureModule, WebGLVertexArrayModule, WebGLViewportModule, WebSound, WheelInputEvent, Window, XScrollBar, YScrollBar, ZoomBlurEffect, assets, clamp, clampFrag, createHTMLCanvas, createNode, crossOrigin, cubicBezier, curves, customNode, customNodes, defaultOptions, determineCrossOrigin, ease, easeIn, easeInOut, easeOut, frag, getDefaultCssPropertyValue, isCanvasElement, isElementNode, isImageElement, isPow2, isVideoElement, isWebgl2, lerp, linear, log2, mapWebGLBlendModes, nextPow2, nextTick, parseCSSFilter, parseCSSTransform, parseCSSTransformOrigin, parseCssFunctions, parseCssProperty, render, timingFunctions, uid };
-export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, Camera2DEventMap, Camera2DProperties, CanvasBatchable, CanvasItemEventMap, CanvasItemProperties, ColorAdjustEffectProperties, ColorFilterEffectProperties, ColorOverlayEffectProperties, ColorRemoveEffectProperties, ColorReplaceEffectProperties, ComputedLayout, ControlEventMap, ControlProperties, CoreObjectEventMap, CssFunction, CssFunctionArg, Cursor, CustomPropertyAccessor, DropShadowEffectProperties, Easing, EffectContext, EffectMode, EffectProperties, Element2DEventMap, Element2DProperties, Element2DStyleProperties, EmbossEffectProperties, EngineOptions, FillDraw, FlexBaseElement2DEventMap, FlexElement2DProperties, FlexElement2DStyleProperties, GaussianBlurEffectProperties, GeometryOptions, GlitchEffectProperties, GodrayEffectProperties, IAudioContext, IAudioNode, IPlayOptions, Image2DProperties, ImageFrame, ImageTextureOptions, IndexBufferOptions, InputEventKey, InputEventMap, InternalMode, KawaseBlurEffectProperties, Keyframe, Lottie2DProperties, MainLoopEventMap, MaskColor, MaskData, MaskEffectProperties, MaskObject, MaskRect, Maskable, MaterialOptions, MatrixLike, MatrixOperateOutput, Node2DEventMap, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, Transform2DObject, TransformRect2DProperties, TransitionProperties, UVTransform, VectorLike, VectorOperateOutput, VertTransform, VertexAttributeOptions, VertexBufferOptions, Video2DProperties, VideoTextureOptions, VideoTextureSource, ViewportEventMap, ViewportFramebuffer, WebGLBufferMeta, WebGLBufferOptions, WebGLBufferTarget, WebGLBufferUsage, WebGLDrawMode, WebGLDrawOptions, WebGLExtensions, WebGLFramebufferMeta, WebGLFramebufferOptions, WebGLProgramMeta, WebGLProgramOptions, WebGLTarget, WebGLTextureFilterMode, WebGLTextureLocation, WebGLTextureMeta, WebGLTextureOptions, WebGLTextureSource, WebGLTextureTarget, WebGLTextureWrapMode, WebGLVertexArrayObjectMeta, WebGLVertexArrayObjectOptions, WebGLVertexAttrib, WebGLVertexAttribType, WebGLViewport, XScrollBarProperties, YScrollBarProperties, ZoomBlurEffectProperties };
+export type { AnimationEffectMode, AnimationProperties, AssetHandler, AudioWaveformProperties, BaseElement2DEventMap, BaseElement2DProperties, BaseElement2DStyleProperties, Batchable2D, CSSFilterKey, CSSFilters, Camera2DEventMap, Camera2DProperties, CanvasBatchable, CanvasItemEventMap, CanvasItemProperties, ColorAdjustEffectProperties, ColorFilterEffectProperties, ColorOverlayEffectProperties, ColorRemoveEffectProperties, ColorReplaceEffectProperties, ComputedLayout, ControlEventMap, ControlProperties, CoreObjectEventMap, CssFunction, CssFunctionArg, Cursor, CustomPropertyAccessor, DropShadowEffectProperties, Easing, EffectContext, EffectMode, EffectProperties, Element2DEventMap, Element2DProperties, Element2DStyleProperties, EmbossEffectProperties, EngineOptions, FillDraw, FlexBaseElement2DEventMap, FlexElement2DProperties, FlexElement2DStyleProperties, GaussianBlurEffectProperties, GeometryOptions, GlitchEffectProperties, GodrayEffectProperties, IAudioContext, IAudioNode, IPlayOptions, Image2DProperties, ImageFrame, ImageTextureOptions, IndexBufferOptions, InputEventKey, InputEventMap, InternalMode, KawaseBlurEffectProperties, Keyframe, Lottie2DProperties, MainLoopEventMap, MaskColor, MaskData, MaskEffectProperties, MaskObject, MaskRect, Maskable, MaterialOptions, MatrixLike, MatrixOperateOutput, Node2DEventMap, Node2DProperties, NodeEventMap, NodeProperties, NormalizedKeyframe, OutlineEffectProperties, PixelateEffectProperties, PlatformAudio, PlatformSound, ProcessMode, ProcessSortMode, RangeProperties, Rectangulable, RectangulableEventMap, RefCountedEventMap, RenderMode, RenderOptions, Renderable, ResourceEventMap, RulerProperties, ScalerEventMap, ScalerProperties, SceneTreeEventMap, ScrollBarProperties, StrokeDraw, Texture2DFilterMode, Texture2DPixelsSource, Texture2DSource, Texture2DWrapMode, TextureRect2DProperties, TimelineEventMap, TimelineNodeEventMap, TimelineNodeProperties, TimelineProperties, TimingFunctions, TransformObject, TransformRect2DProperties, TransformableObject, TransitionProperties, UvTransform, Vector2Data, VectorLike, VectorOperateOutput, VertTransform, VertexAttributeOptions, VertexBufferOptions, Video2DProperties, VideoTextureOptions, VideoTextureSource, ViewportEventMap, ViewportFramebuffer, WebGLBufferMeta, WebGLBufferOptions, WebGLBufferTarget, WebGLBufferUsage, WebGLDrawMode, WebGLDrawOptions, WebGLExtensions, WebGLFramebufferMeta, WebGLFramebufferOptions, WebGLProgramMeta, WebGLProgramOptions, WebGLTarget, WebGLTextureFilterMode, WebGLTextureLocation, WebGLTextureMeta, WebGLTextureOptions, WebGLTextureSource, WebGLTextureTarget, WebGLTextureWrapMode, WebGLVertexArrayObjectMeta, WebGLVertexArrayObjectOptions, WebGLVertexAttrib, WebGLVertexAttribType, WebGLViewport, XScrollBarProperties, YScrollBarProperties, ZoomBlurEffectProperties };