@reffy/infinite-canvas 0.0.1

package/lib/shapes/Renderable.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebGLRenderable = exports.Renderable = void 0;
+const state_1 = require("../state");
+class Renderable {
+    get x() {
+        return this.state.x;
+    }
+    get y() {
+        return this.state.y;
+    }
+    get sx() {
+        return this.state.scaleX;
+    }
+    get sy() {
+        return this.state.scaleY;
+    }
+    get dirty() {
+        return this.state.dirty;
+    }
+    get localMatrix() {
+        return this.state.localMatrix;
+    }
+    get worldMatrix() {
+        return this.state.worldMatrix;
+    }
+    get children() {
+        return this.state.children;
+    }
+    get parent() {
+        return this.state.parent;
+    }
+    get angleRadians() {
+        return this.state.angleRadians;
+    }
+    updateTranslation(x, y) {
+        this.state.updateTranslation(x, y);
+    }
+    setTranslation(x, y) {
+        this.state.setTranslation(x, y);
+    }
+    updateScale(x, y) {
+        this.state.updateScale(x, y);
+    }
+    setScale(x, y) {
+        this.state.setScale(x, y);
+    }
+    setAngle(rotationDegree) {
+        return this.state.setAngle(rotationDegree);
+    }
+    flipVertical(height) {
+        this.state.flipVertical(height);
+    }
+    flipHorizontal(width) {
+        this.state.flipHorizontal(width);
+    }
+    markDirty() {
+        this.state.markDirty();
+    }
+    clearDirty() {
+        this.state.clearDirty();
+    }
+    updateLocalMatrix() {
+        this.state.updateLocalMatrix();
+    }
+    setWorldMatrix(matrix) {
+        this.state.setWorldMatrix(matrix);
+    }
+    addChild(child) {
+        this.state.appendChild(child);
+    }
+    addParent(parent) {
+        return this.state.setParent(parent);
+    }
+    clearChildren() {
+        return this.state.clearChildren();
+    }
+    constructor() {
+        this.state = new state_1.RenderableState();
+        this.setWorldMatrix = this.setWorldMatrix.bind(this);
+        this.updateWorldMatrix = this.updateWorldMatrix.bind(this);
+    }
+    appendChild(child) {
+        child.setParent(this);
+        if (!child._emitter && this._emitter)
+            child._emitter = this._emitter;
+        return child;
+    }
+    setParent(parent) {
+        if (this.parent) {
+            const i = this.parent.children.indexOf(this);
+            if (i >= 0)
+                this.parent.children.splice(i, 1);
+        }
+        if (parent)
+            parent.addChild(this);
+        this.addParent(parent);
+    }
+    updateWorldMatrix(parentWorldMatrix) {
+        this.updateLocalMatrix();
+        this.state.updateWorldMatrix(parentWorldMatrix);
+    }
+    addEventListener(type, listener, options) {
+        const fn = typeof listener === "function"
+            ? listener
+            : listener.handleEvent.bind(listener);
+        this._emitter.on(type, fn);
+    }
+    removeEventListener(type, listener, options) { }
+    dispatchEvent(e) {
+        this._emitter.emit(e.type, e);
+        return !e.defaultPrevented;
+    }
+}
+exports.Renderable = Renderable;
+class WebGLRenderable extends Renderable {
+    constructor() {
+        super(...arguments);
+        this.initialized = false;
+    }
+    updateVertexData(gl) {
+        const positions = this.getPositions();
+        if (!this.vertexArray || this.vertexArray.length !== positions.length) {
+            this.vertexArray = new Float32Array(positions.length);
+        }
+        this.vertexArray.set(positions);
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer);
+        gl.bufferData(gl.ARRAY_BUFFER, this.vertexArray, gl.STATIC_DRAW);
+    }
+    setUpVertexData(gl, program) {
+        if (!this.positionBuffer) {
+            this.positionBuffer = gl.createBuffer();
+        }
+        this.attributeLocation = gl.getAttribLocation(program, "a_position");
+    }
+    setUpUniforms(gl, program) {
+        this.resolutionLocation = gl.getUniformLocation(program, "u_resolution");
+        this.matrixLocation = gl.getUniformLocation(program, "u_matrix");
+    }
+    updateUniforms(gl) {
+        gl.uniform2f(this.resolutionLocation, gl.canvas.width, gl.canvas.height);
+        gl.uniformMatrix3fv(this.matrixLocation, false, this.worldMatrix);
+    }
+}
+exports.WebGLRenderable = WebGLRenderable;
+//# sourceMappingURL=Renderable.js.map

package/lib/shapes/Renderable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderable.js","sourceRoot":"src/","sources":["shapes/Renderable.ts"],"names":[],"mappings":";;;AACA,oCAA2C;AAE3C,MAAsB,UAAU;IAG9B,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACtB,CAAC;IACD,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACtB,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC3B,CAAC;IACD,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC3B,CAAC;IACD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1B,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;IAChC,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;IAChC,CAAC;IACD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IACD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC3B,CAAC;IACD,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;IACjC,CAAC;IAED,iBAAiB,CAAC,CAAS,EAAE,CAAS;QACpC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrC,CAAC;IACD,cAAc,CAAC,CAAS,EAAE,CAAS;QACjC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,CAAC;IACD,WAAW,CAAC,CAAS,EAAE,CAAS;QAC9B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC;IACD,QAAQ,CAAC,CAAS,EAAE,CAAS;QAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,cAAsB;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC;IACD,YAAY,CAAC,MAAc;QACzB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;IACD,cAAc,CAAC,KAAa;QAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,SAAS;QACP,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,CAAC;IACD,UAAU;QACR,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACjC,CAAC;IACD,cAAc,CAAC,MAAgB;QAC7B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,QAAQ,CAAC,KAAiB;QACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IACD,SAAS,CAAC,MAAyB;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IACD,aAAa;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAID;QACE,IAAI,CAAC,KAAK,GAAG,IAAI,uBAAe,EAAE,CAAC;QAEnC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,WAAW,CAAuB,KAAQ;QACxC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;YAAE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QACrE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,CAAC,MAAyB;QACjC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,IAAI,CAAC;gBAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAChD,CAAC;QACD,IAAI,MAAM;YAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAED,iBAAiB,CAAC,iBAA4B;QAC5C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD,CAAC;IAMD,gBAAgB,CACd,IAAY,EACZ,QAA4C,EAC5C,OAA2C;QAE3C,MAAM,EAAE,GACN,OAAO,QAAQ,KAAK,UAAU;YAC5B,CAAC,CAAE,QAA0B;YAC7B,CAAC,CAAE,QAAgC,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,mBAAmB,CACjB,IAAY,EACZ,QAA6C,EAC7C,OAAwC,IACvC,CAAC;IAEJ,aAAa,CAAC,CAAQ;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC9B,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC7B,CAAC;CACF;AAvID,gCAuIC;AAED,MAAsB,eAAgB,SAAQ,UAAU;IAAxD;;QAGY,gBAAW,GAAG,KAAK,CAAC;IAqChC,CAAC;IA7BC,gBAAgB,CAAC,EAAyB;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC;YACtE,IAAI,CAAC,WAAW,GAAG,IAAI,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEhC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,cAAe,CAAC,CAAC;QACrD,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC;IACnE,CAAC;IAES,eAAe,CAAC,EAAyB,EAAE,OAAqB;QACxE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;QAC1C,CAAC;QACD,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IACvE,CAAC;IAES,aAAa,CAAC,EAAyB,EAAE,OAAqB;QACtE,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QACzE,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnE,CAAC;IAES,cAAc,CAAC,EAAyB;QAChD,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACzE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACpE,CAAC;CACF;AAxCD,0CAwCC"}

package/lib/shapes/Shape.d.ts

@@ -0,0 +1,27 @@
+import { AABB } from "../bounding/AABB";
+import { WebGLRenderable } from "./Renderable";
+export interface BoundingVal {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+}
+export declare abstract class Shape extends WebGLRenderable {
+    private static _seqCounter;
+    private readonly _seq;
+    culled: boolean;
+    private _renderOrder;
+    abstract getVertexCount(): number;
+    constructor(x: number, y: number, sx?: number, sy?: number);
+    get renderOrder(): number;
+    set renderOrder(v: number);
+    get seq(): number;
+    abstract getEdge(): BoundingVal;
+    abstract getBoundingBox(): AABB;
+    getZ(): number;
+    color: [number, number, number, number];
+    render(gl: WebGLRenderingContext, program: WebGLProgram): void;
+    protected draw(gl: WebGLRenderingContext): void;
+    destroy(): void;
+}
+//# sourceMappingURL=Shape.d.ts.map

package/lib/shapes/Shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shape.d.ts","sourceRoot":"src/","sources":["shapes/Shape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,8BAAsB,KAAM,SAAQ,eAAe;IACjD,OAAO,CAAC,MAAM,CAAC,WAAW,CAAK;IAC/B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuB;IAE5C,MAAM,UAAS;IAEf,OAAO,CAAC,YAAY,CAAa;IACjC,QAAQ,CAAC,cAAc,IAAI,MAAM;gBAErB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,GAAE,MAAU,EAAE,EAAE,GAAE,MAAU;IAMhE,IAAI,WAAW,IAGI,MAAM,CADxB;IACD,IAAI,WAAW,CAAC,CAAC,EAAE,MAAM,EAKxB;IAED,IAAI,GAAG,WAEN;IAED,QAAQ,CAAC,OAAO,IAAI,WAAW;IAC/B,QAAQ,CAAC,cAAc,IAAI,IAAI;IAE/B,IAAI,IAAI,MAAM;IAMd,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAkB;IAEzD,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAqB9D,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,qBAAqB;IAuBxC,OAAO;CAMR"}

package/lib/shapes/Shape.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Shape = void 0;
+const Renderable_1 = require("./Renderable");
+class Shape extends Renderable_1.WebGLRenderable {
+    constructor(x, y, sx = 1, sy = 1) {
+        super();
+        this._seq = Shape._seqCounter++;
+        this.culled = false;
+        this._renderOrder = 0;
+        this.color = [1, 0, 0.5, 1];
+        this.setTranslation(x, y);
+        this.setScale(sx, sy);
+    }
+    get renderOrder() {
+        return this._renderOrder;
+    }
+    set renderOrder(v) {
+        if (this._renderOrder !== v) {
+            this._renderOrder = v;
+            this.markDirty();
+        }
+    }
+    get seq() {
+        return this._seq;
+    }
+    getZ() {
+        const step = 0.0001;
+        const z = this.renderOrder * step + 0.5;
+        return Math.max(0.0, Math.min(1.0, z));
+    }
+    render(gl, program) {
+        this.updateWorldMatrix(this.parent ? this.parent.worldMatrix : undefined);
+        gl.useProgram(program);
+        if (this.dirty && !this.culled) {
+            if (!this.initialized) {
+                this.setUpVertexData(gl, program);
+                this.setUpUniforms(gl, program);
+                this.initialized = true;
+            }
+            this.updateVertexData(gl);
+            this.clearDirty();
+        }
+        this.updateUniforms(gl);
+        const uColor = gl.getUniformLocation(program, "u_color");
+        if (uColor) {
+            gl.uniform4fv(uColor, this.color);
+        }
+        if (!this.culled)
+            this.draw(gl);
+    }
+    draw(gl) {
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer);
+        // Tell the attribute how to get data out of positionBuffer (ARRAY_BUFFER)
+        const size = 2; // 2 components per iteration since it's a vec2D
+        const type = gl.FLOAT; // the data is 32bit floats
+        const normalize = false; // don't normalize the data
+        const stride = 0; // 0 = move forward size * sizeof(type) each iteration to get the next position
+        const offset = 0; // start at the beginning of the buffer
+        gl.vertexAttribPointer(this.attributeLocation, size, type, normalize, stride, offset);
+        gl.enableVertexAttribArray(this.attributeLocation);
+        gl.drawArrays(gl.TRIANGLES, 0, this.getVertexCount());
+    }
+    destroy() {
+        if (this.positionBuffer) {
+            this.positionBuffer = undefined;
+        }
+        this.initialized = false;
+    }
+}
+exports.Shape = Shape;
+Shape._seqCounter = 0;
+//# sourceMappingURL=Shape.js.map

package/lib/shapes/Shape.js.map

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

package/lib/shapes/Triangle.d.ts

@@ -0,0 +1,20 @@
+import { AABB } from "bounding";
+import { Shape } from "./Shape";
+export declare class Triangle extends Shape {
+    private _base;
+    width: number;
+    height: number;
+    constructor(positions: number[]);
+    getPositions(): number[];
+    getVertexCount(): number;
+    getEdge(): {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    getBoundingBox(): AABB;
+    hitTest(x: number, y: number): boolean;
+    private edge;
+}
+//# sourceMappingURL=Triangle.d.ts.map

package/lib/shapes/Triangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Triangle.d.ts","sourceRoot":"src/","sources":["shapes/Triangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAE7C,qBAAa,QAAS,SAAQ,KAAK;IACjC,OAAO,CAAC,KAAK,CAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;gBAEH,SAAS,EAAE,MAAM,EAAE;IAK/B,YAAY,IAAI,MAAM,EAAE;IAaxB,cAAc,IAAI,MAAM;IAIxB,OAAO;;;;;;IAsBP,cAAc,IAAI,IAAI;IAetB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAsC5B,OAAO,CAAC,IAAI,CAOuC;CACpD"}

package/lib/shapes/Triangle.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Triangle = void 0;
+const bounding_1 = require("bounding");
+const Shape_1 = require("./Shape");
+class Triangle extends Shape_1.Shape {
+    constructor(positions) {
+        super(positions[0], positions[1]);
+        this.edge = (px, py, qx, qy, rx, ry) => (px - rx) * (qy - ry) - (qx - rx) * (py - ry);
+        this._base = positions.slice(0, 6);
+    }
+    getPositions() {
+        const x = this.x, y = this.y;
+        return [
+            this._base[0] + x,
+            this._base[1] + y,
+            this._base[2] + x,
+            this._base[3] + y,
+            this._base[4] + x,
+            this._base[5] + y,
+        ];
+    }
+    getVertexCount() {
+        return 3;
+    }
+    getEdge() {
+        const p = this.getPositions();
+        if (!p || p.length < 6) {
+            console.error("Triangle is missing positions");
+            throw new Error();
+        }
+        const ax = p[0], ay = p[1];
+        const bx = p[2], by = p[3];
+        const cx = p[4], cy = p[5];
+        return {
+            minX: Math.min(ax, bx, cx),
+            maxX: Math.max(ax, bx, cx),
+            minY: Math.min(ay, by, cy),
+            maxY: Math.max(ay, by, cy),
+        };
+    }
+    getBoundingBox() {
+        const x0 = this.state.translation[0];
+        const x1 = x0 + this.width * this.state.scaleX;
+        const y0 = this.state.translation[1];
+        const y1 = y0 + this.height * this.state.scaleY;
+        const minX = Math.min(x0, x1);
+        const maxX = Math.max(x0, x1);
+        const minY = Math.min(y0, y1);
+        const maxY = Math.max(y0, y1);
+        const aabb = new bounding_1.AABB(minX, minY, maxX, maxY);
+        return aabb;
+    }
+    hitTest(x, y) {
+        const p = this.getPositions();
+        if (!p || p.length < 6)
+            return false;
+        const ax = p[0], ay = p[1];
+        const bx = p[2], by = p[3];
+        const cx = p[4], cy = p[5];
+        // Fast reject via AABB (optional)
+        const minX = Math.min(ax, bx, cx);
+        const maxX = Math.max(ax, bx, cx);
+        const minY = Math.min(ay, by, cy);
+        const maxY = Math.max(ay, by, cy);
+        if (x < minX || x > maxX || y < minY || y > maxY)
+            return false;
+        const eps = 1e-8;
+        const e1 = this.edge(x, y, ax, ay, bx, by);
+        const e2 = this.edge(x, y, bx, by, cx, cy);
+        const e3 = this.edge(x, y, cx, cy, ax, ay);
+        // Allow points on edges (>= -eps) and require consistent winding
+        const hasNeg = e1 < -eps || e2 < -eps || e3 < -eps;
+        const hasPos = e1 > eps || e2 > eps || e3 > eps;
+        // If both signs present, point is outside
+        if (hasNeg && hasPos)
+            return false;
+        // Degenerate triangle guard (area ~ 0)
+        const area2 = Math.abs(this.edge(ax, ay, bx, by, cx, cy));
+        if (area2 <= eps)
+            return false;
+        return true;
+    }
+}
+exports.Triangle = Triangle;
+//# sourceMappingURL=Triangle.js.map

package/lib/shapes/Triangle.js.map

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

package/lib/shapes/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Rect";
+export * from "./Shape";
+export * from "./Img";
+export * from "./Renderable";
+export * from "./Grid";
+//# sourceMappingURL=index.d.ts.map

package/lib/shapes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["shapes/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

package/lib/shapes/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Rect"), exports);
+__exportStar(require("./Shape"), exports);
+// export * from './Triangle';
+__exportStar(require("./Img"), exports);
+__exportStar(require("./Renderable"), exports);
+__exportStar(require("./Grid"), exports);
+//# sourceMappingURL=index.js.map

package/lib/shapes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["shapes/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB;AACxB,8BAA8B;AAC9B,wCAAsB;AACtB,+CAA6B;AAC7B,yCAAuB"}

package/lib/state/camera.d.ts

@@ -0,0 +1,36 @@
+interface CameraStateOption {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation: number;
+    zoom: number;
+}
+export declare class CameraState {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation: number;
+    zoom: number;
+    constructor(option?: Partial<CameraStateOption>);
+    setX(x: number): void;
+    setY(y: number): void;
+    setPosition(x: number, y: number): void;
+    incrementPosition(dx: number, dy: number): void;
+    setWidth(width: number): void;
+    setHeight(height: number): void;
+    setSize(width: number, height: number): void;
+    setZoom(zoom: number): void;
+    setRotation(rotation: number): void;
+    get dimension(): number[];
+    get position(): number[];
+    get stateVector(): number[];
+    get translationMatrix(): number[];
+    get rotationMatrix(): number[];
+    get scaleMatrix(): number[];
+    get cameraMatrix(): number[];
+    get canvasMatrix(): number[];
+}
+export {};
+//# sourceMappingURL=camera.d.ts.map

package/lib/state/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"src/","sources":["state/camera.ts"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,WAAW;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;gBAED,MAAM,GAAE,OAAO,CAAC,iBAAiB,CAAM;IAsCnD,IAAI,CAAC,CAAC,EAAE,MAAM;IAId,IAAI,CAAC,CAAC,EAAE,MAAM;IAId,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAKhC,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAKxC,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,SAAS,CAAC,MAAM,EAAE,MAAM;IAIxB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKrC,OAAO,CAAC,IAAI,EAAE,MAAM;IAIpB,WAAW,CAAC,QAAQ,EAAE,MAAM;IAI5B,IAAI,SAAS,aAEZ;IAED,IAAI,QAAQ,aAEX;IAED,IAAI,WAAW,aAEd;IAED,IAAI,iBAAiB,aAEpB;IAED,IAAI,cAAc,aAEjB;IAED,IAAI,WAAW,aAEd;IAED,IAAI,YAAY,aAGf;IAED,IAAI,YAAY,aAEf;CACF"}

package/lib/state/camera.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CameraState = void 0;
+const mobx_1 = require("mobx");
+const util_1 = require("../util");
+class CameraState {
+    constructor(option = {}) {
+        const { x = 0, y = 0, width = 0, height = 0, rotation = 0, zoom = 1, } = option;
+        this.x = x;
+        this.y = y;
+        this.width = width;
+        this.height = height;
+        this.rotation = rotation;
+        this.zoom = zoom;
+        (0, mobx_1.makeObservable)(this, {
+            x: mobx_1.observable,
+            y: mobx_1.observable,
+            width: mobx_1.observable,
+            height: mobx_1.observable,
+            rotation: mobx_1.observable,
+            zoom: mobx_1.observable,
+            setX: mobx_1.action,
+            setY: mobx_1.action,
+            setPosition: mobx_1.action,
+            incrementPosition: mobx_1.action,
+            setWidth: mobx_1.action,
+            setHeight: mobx_1.action,
+            setSize: mobx_1.action,
+            setZoom: mobx_1.action,
+            setRotation: mobx_1.action,
+            stateVector: mobx_1.computed,
+        });
+    }
+    // Actions
+    setX(x) {
+        this.x = x;
+    }
+    setY(y) {
+        this.y = y;
+    }
+    setPosition(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    incrementPosition(dx, dy) {
+        this.x += dx;
+        this.y += dy;
+    }
+    setWidth(width) {
+        this.width = width;
+    }
+    setHeight(height) {
+        this.height = height;
+    }
+    setSize(width, height) {
+        this.width = width;
+        this.height = height;
+    }
+    setZoom(zoom) {
+        this.zoom = zoom;
+    }
+    setRotation(rotation) {
+        this.rotation = rotation;
+    }
+    get dimension() {
+        return [this.width, this.height];
+    }
+    get position() {
+        return [this.x, this.y];
+    }
+    get stateVector() {
+        return [this.x, this.y, this.width, this.height, this.rotation, this.zoom];
+    }
+    get translationMatrix() {
+        return util_1.m3.translation(this.x, this.y);
+    }
+    get rotationMatrix() {
+        return util_1.m3.rotation(this.rotation);
+    }
+    get scaleMatrix() {
+        return util_1.m3.scaling(this.zoom, this.zoom);
+    }
+    get cameraMatrix() {
+        const matrix = util_1.m3.multiply(this.translationMatrix, this.rotationMatrix);
+        return util_1.m3.multiply(matrix, this.scaleMatrix);
+    }
+    get canvasMatrix() {
+        return util_1.m3.inverse(this.cameraMatrix);
+    }
+}
+exports.CameraState = CameraState;
+//# sourceMappingURL=camera.js.map

package/lib/state/camera.js.map

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

package/lib/state/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./camera";
+export * from "./pointerEvent";
+export * from "./renderable";
+//# sourceMappingURL=index.d.ts.map

package/lib/state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["state/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/lib/state/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./camera"), exports);
+__exportStar(require("./pointerEvent"), exports);
+__exportStar(require("./renderable"), exports);
+//# sourceMappingURL=index.js.map

package/lib/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["state/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,iDAA+B;AAC/B,+CAA6B"}

package/lib/state/pointerEvent.d.ts

@@ -0,0 +1,23 @@
+import { BoundingBoxCollisionType } from "../util";
+import { PointerMode } from "../manager";
+import { Point } from "../bounding";
+export declare class PointerEventState {
+    lastPointerPos: Point;
+    startWorldX: number;
+    startWorldY: number;
+    lastWorldX: number;
+    lastWorldY: number;
+    mode: PointerMode;
+    resizingDirection: BoundingBoxCollisionType | null;
+    constructor(mode?: PointerMode);
+    get isResizing(): boolean;
+    get dragDXFromStart(): number;
+    get dragDYFromStart(): number;
+    setMode(mode: PointerMode): void;
+    toggleMode(): void;
+    setResizingDirection(dir: BoundingBoxCollisionType | null): void;
+    clearResizingDirection(): void;
+    initialize(worldX: number, worldY: number): void;
+    updateLastWorldCoord(x: number, y: number): void;
+}
+//# sourceMappingURL=pointerEvent.d.ts.map

package/lib/state/pointerEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerEvent.d.ts","sourceRoot":"src/","sources":["state/pointerEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,qBAAa,iBAAiB;IAC5B,cAAc,EAAE,KAAK,CAAkB;IACvC,WAAW,EAAE,MAAM,CAAK;IACxB,WAAW,EAAE,MAAM,CAAK;IACxB,UAAU,EAAE,MAAM,CAAK;IACvB,UAAU,EAAE,MAAM,CAAK;IAEvB,IAAI,EAAE,WAAW,CAAC;IAElB,iBAAiB,EAAE,wBAAwB,GAAG,IAAI,CAAQ;gBAE9C,IAAI,GAAE,WAAgC;IAKlD,IAAI,UAAU,YAEb;IAED,IAAI,eAAe,WAElB;IAED,IAAI,eAAe,WAElB;IAGD,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,UAAU;IAKV,oBAAoB,CAAC,GAAG,EAAE,wBAAwB,GAAG,IAAI;IAIzD,sBAAsB;IAKtB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAQzC,oBAAoB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAI1C"}