modern-canvas 0.7.13 → 0.7.14

package/dist/index.cjs

@@ -1763,7 +1763,17 @@ class Matrix3 extends Matrix {
     const t13 = n23 * n12 - n22 * n13;
     const det = n11 * t11 + n21 * t12 + n31 * t13;
     if (det === 0) {
-      return this.set([0, 0, 0, 0, 0, 0, 0, 0, 0]);
+      return this.set([
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0
+      ]);
     }
     const detInv = 1 / det;
     return this.set([
@@ -1956,8 +1966,8 @@ class Rect2 {
           position.set(arg.position);
           size.set(arg.size);
         } else {
-          const xx = arg.map((p) => p[0]);
-          const yy = arg.map((p) => p[1]);
+          const xx = arg.map((p) => p.x);
+          const yy = arg.map((p) => p.y);
           const minX = Math.min(...xx);
           const maxX = Math.max(...xx);
           const minY = Math.min(...yy);
@@ -2155,13 +2165,6 @@ class Transform2D extends Matrix3 {
     ]);
     return this;
   }
-  applyToPoint(x, y) {
-    const { a, c, tx, b, d, ty } = this.toObject();
-    return [
-      a * x + c * y + tx,
-      b * x + d * y + ty
-    ];
-  }
   decompose(pivot = { x: 0, y: 0 }, output = {
     position: { x: 0, y: 0 },
     scale: { x: 0, y: 0 },
@@ -2186,9 +2189,28 @@ class Transform2D extends Matrix3 {
     output.position.y = ty + (pivot.x * b + pivot.y * d);
     return output;
   }
+  apply(pos, newPos) {
+    newPos = newPos || new Vector2();
+    const { a, c, tx, b, d, ty } = this.toObject();
+    const x = pos.x;
+    const y = pos.y;
+    newPos.x = a * x + c * y + tx;
+    newPos.y = b * x + d * y + ty;
+    return newPos;
+  }
   inverse() {
     return this.clone().invert();
   }
+  applyInverse(pos, newPos) {
+    newPos = newPos || new Vector2();
+    const { a, b, c, d, tx, ty } = this.toObject();
+    const id = 1 / (a * d + c * -b);
+    const x = pos.x;
+    const y = pos.y;
+    newPos.x = d * id * x + -c * id * y + (ty * c - tx * d) * id;
+    newPos.y = a * id * y + -b * id * x + (-ty * a + tx * b) * id;
+    return newPos;
+  }
   isIdentity() {
     const { a, b, c, d, tx, ty } = this.toObject();
     return a === 1 && b === 0 && c === 0 && d === 1 && tx === 0 && ty === 0;
@@ -5636,7 +5658,7 @@ class CanvasContext extends modernPath2d.Path2D {
   }
   buildUvs(start, vertices, uvs, texture, uvTransform) {
     if (texture) {
-      const _uvTransform = uvTransform ? typeof uvTransform === "function" ? uvTransform : (x, y) => uvTransform.applyToPoint(x, y) : uvTransform;
+      const _uvTransform = uvTransform ? typeof uvTransform === "function" ? uvTransform : (x, y) => uvTransform.apply({ x, y }).toArray() : uvTransform;
       const w = texture.width;
       const h = texture.height;
       for (let len = vertices.length, i = start; i < len; i += 2) {
@@ -6543,7 +6565,7 @@ exports.Viewport = class Viewport extends exports.Node {
     this.projection.flipY(flipY);
   }
   projection = new Projection2D();
-  canvasTransform = new Transform2D();
+  worldTransform = new Transform2D();
   _framebufferIndex = 0;
   _framebuffers = [
     { texture: new ViewportTexture(), needsUpload: false },
@@ -6658,7 +6680,7 @@ exports.Viewport = class Viewport extends exports.Node {
   render(renderer, next) {
     const oldViewport = this._tree?.getCurrentViewport();
     renderer.program.uniforms.projectionMatrix = this.projection.toArray(true);
-    renderer.program.uniforms.worldTransformMatrix = this.canvasTransform.toArray(true);
+    renderer.program.uniforms.worldTransformMatrix = this.worldTransform.toArray(true);
     this.activate(renderer);
     renderer.clear();
     super.render(renderer, next);
@@ -6673,6 +6695,12 @@ exports.Viewport = class Viewport extends exports.Node {
   getRect() {
     return new Rect2(this.x, this.y, this.width, this.height);
   }
+  toGlobal(worldPos, newPos) {
+    return this.worldTransform.applyInverse(worldPos, newPos);
+  }
+  toWorld(globalPos, newPos) {
+    return this.worldTransform.apply(globalPos, newPos);
+  }
 };
 __decorateClass$P([
   modernIdoc.property({ fallback: 0 })
@@ -7285,6 +7313,12 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
       this.requestRelayout();
     }
   }
+  toLocal(globalPos, newPos) {
+    return this.globalTransform.applyInverse(globalPos, newPos);
+  }
+  toGlobal(localPos, newPos) {
+    return this.globalTransform.apply(localPos, newPos);
+  }
 };
 __decorateClass$J([
   modernIdoc.property({ protected: true, fallback: 0 })
@@ -7307,7 +7341,7 @@ var __decorateClass$I = (decorators, target, key, kind) => {
   return result;
 };
 exports.Camera2D = class Camera2D extends exports.Node2D {
-  zoom = new Vector2(1, 1).on("update", () => this.updateCanvasTransform());
+  zoom = new Vector2(1, 1).on("update", () => this.updateWorldTransform());
   maxZoom = new Vector2(6, 6);
   minZoom = new Vector2(0.1, 0.1);
   _screenOffset = { x: 0, y: 0 };
@@ -7394,14 +7428,14 @@ exports.Camera2D = class Camera2D extends exports.Node2D {
   }
   updateTransform() {
     super.updateTransform();
-    this.updateCanvasTransform();
+    this.updateWorldTransform();
   }
-  updateCanvasTransform() {
+  updateWorldTransform() {
     const viewport = this.getViewport();
     if (!viewport)
       return;
-    viewport.canvasTransform.identity().scale(this.zoom.x, this.zoom.y).translate(this.position.x, this.position.y);
-    this.emit("updateCanvasTransform");
+    viewport.worldTransform.identity().scale(this.zoom.x, this.zoom.y).translate(this.position.x, this.position.y);
+    this.emit("updateWorldTransform");
   }
 };
 __decorateClass$I([
@@ -9763,7 +9797,10 @@ class BaseElement2DText extends CoreObject {
         break;
     }
   }
-  _updateText() {
+  setContent(content) {
+    this.content = modernIdoc.normalizeTextContent(content);
+  }
+  measure() {
     this.base.style = {
       justifyContent: "center",
       alignItems: "center",
@@ -9771,12 +9808,6 @@ class BaseElement2DText extends CoreObject {
       ...this.parent.style.toJSON()
     };
     this.base.requestUpdate();
-  }
-  setContent(content) {
-    this.content = modernIdoc.normalizeTextContent(content);
-  }
-  measure() {
-    this._updateText();
     return this.base.measure();
   }
   updateMeasure() {
@@ -10028,37 +10059,35 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     const x2 = x1 + width;
     const y2 = y1 + height;
     return [
-      [x1, y1],
-      [x1, y2],
-      [x2, y1],
-      [x2, y2]
+      { x: x1, y: y1 },
+      { x: x1, y: y2 },
+      { x: x2, y: y1 },
+      { x: x2, y: y2 }
     ];
   }
   getAabb() {
     return new Rect2(
       this._getPointArray().map((p) => {
-        return this.transform.applyToPoint(p[0], p[1]);
+        return this.transform.apply(p);
       })
     );
   }
   getGlobalAabb() {
     return new Rect2(
       this._getPointArray().map((p) => {
-        return this.globalTransform.applyToPoint(p[0], p[1]);
+        return this.globalTransform.apply(p);
       })
     );
   }
   getObb() {
     const origin = this.getTransformOrigin();
-    const _origin = this.transform.applyToPoint(origin.x, origin.y);
-    const offset = [_origin[0] - origin.x, _origin[1] - origin.y];
+    const _origin = this.transform.apply(origin).sub(origin);
     return {
       rect: new Rect2(
         this._getPointArray().map((p) => {
-          return [
-            p[0] + offset[0],
-            p[1] + offset[1]
-          ];
+          p.x += _origin.x;
+          p.y += _origin.y;
+          return p;
         })
       ),
       rotation: this.rotation
@@ -10066,15 +10095,13 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
   }
   getGlobalObb() {
     const origin = this.getTransformOrigin();
-    const _origin = this.globalTransform.applyToPoint(origin.x, origin.y);
-    const offset = [_origin[0] - origin.x, _origin[1] - origin.y];
+    const _origin = this.globalTransform.apply(origin).sub(origin);
     return {
       rect: new Rect2(
         this._getPointArray().map((p) => {
-          return [
-            p[0] + offset[0],
-            p[1] + offset[1]
-          ];
+          p.x += _origin.x;
+          p.y += _origin.y;
+          return p;
         })
       ),
       rotation: this.globalRotation
@@ -10092,12 +10119,12 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
   // override isVisibleInTree(): boolean {
   //   if (this._tree) {
   //     const root = this._tree.root
-  //     const camera = root.canvasTransform.inverse()
+  //     const camera = root.worldTransform.inverse()
   //     const { x, y, width, height } = root
-  //     const p1 = camera.applyToPoint(x, y)
-  //     const p2 = camera.applyToPoint(x + width, y)
-  //     const p3 = camera.applyToPoint(x + width, y + height)
-  //     const p4 = camera.applyToPoint(x, y + height)
+  //     const p1 = camera.apply(x, y)
+  //     const p2 = camera.apply(x + width, y)
+  //     const p3 = camera.apply(x + width, y + height)
+  //     const p4 = camera.apply(x, y + height)
   //     const pts = [p1, p2, p3, p4]
   //     const xs = pts.map(p => p[0])
   //     const ys = pts.map(p => p[1])
@@ -10187,9 +10214,9 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     }
   }
   // eslint-disable-next-line unused-imports/no-unused-vars
-  _pointerInput(point, key) {
+  _positionInput(localPos, key) {
     const { width, height } = this.size;
-    return point.x >= 0 && point.x < width && point.y >= 0 && point.y < height;
+    return localPos.x >= 0 && localPos.x < width && localPos.y >= 0 && localPos.y < height;
   }
   _input(event, key) {
     switch (key) {
@@ -10197,14 +10224,15 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
       case "pointermove":
       case "pointerup": {
         if (this.canPointerEvents()) {
-          let { screenX, screenY } = event;
+          const { screenX, screenY } = event;
           if (screenX && screenY) {
+            const pos = new Vector2(screenX, screenY);
             const viewport = this.getViewport();
             if (viewport) {
-              [screenX, screenY] = viewport.canvasTransform.inverse().applyToPoint(screenX, screenY);
+              viewport.toGlobal(pos, pos);
             }
-            [screenX, screenY] = this.globalTransform.inverse().applyToPoint(screenX, screenY);
-            if (this._pointerInput({ x: screenX, y: screenY }, key)) {
+            this.toLocal(pos, pos);
+            if (this._positionInput(pos, key)) {
               if (!event.target) {
                 event.target = this;
               }

package/dist/index.d.cts

@@ -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,8 +502,8 @@ declare class Rect2 {
     readonly position: Vector2;
     readonly size: Vector2;
     constructor(from: Rect2);
-    constructor(pointArray: [number, number][]);
-    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(): {
@@ -574,12 +578,13 @@ 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, 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(): TransformObject;
 }
@@ -1457,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';
@@ -1468,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;
@@ -1483,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)[];
@@ -1495,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[];
 }
 
@@ -1527,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;
@@ -1552,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 {
@@ -1947,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);
@@ -1976,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 {
@@ -2088,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;
@@ -2151,7 +2159,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     getTransform(cb?: (transform: Transform2D) => void): Transform2D;
     updateGlobalTransform(): void;
     getRect(): Rect2;
-    protected _getPointArray(): [number, number][];
+    protected _getPointArray(): Vector2Data[];
     getAabb(): Rect2;
     getGlobalAabb(): Rect2;
     getObb(): {
@@ -2168,10 +2176,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     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>;
 }
@@ -3306,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, TransformObject, TransformRect2DProperties, TransformableObject, 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 };

package/dist/index.d.mts

@@ -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,8 +502,8 @@ declare class Rect2 {
     readonly position: Vector2;
     readonly size: Vector2;
     constructor(from: Rect2);
-    constructor(pointArray: [number, number][]);
-    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(): {
@@ -574,12 +578,13 @@ 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, 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(): TransformObject;
 }
@@ -1457,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';
@@ -1468,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;
@@ -1483,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)[];
@@ -1495,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[];
 }
 
@@ -1527,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;
@@ -1552,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 {
@@ -1947,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);
@@ -1976,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 {
@@ -2088,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;
@@ -2151,7 +2159,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     getTransform(cb?: (transform: Transform2D) => void): Transform2D;
     updateGlobalTransform(): void;
     getRect(): Rect2;
-    protected _getPointArray(): [number, number][];
+    protected _getPointArray(): Vector2Data[];
     getAabb(): Rect2;
     getGlobalAabb(): Rect2;
     getObb(): {
@@ -2168,10 +2176,7 @@ declare class BaseElement2D extends Node2D implements Rectangulable {
     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>;
 }
@@ -3306,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, TransformObject, TransformRect2DProperties, TransformableObject, 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 };