@reffy/infinite-canvas 0.0.1

package/esm/shapes/Img.d.ts

@@ -0,0 +1,47 @@
+import { AABB } from "../bounding";
+import { Rect } from "./Rect";
+export declare class Img extends Rect {
+    private texcoordBuffer?;
+    private texcoordLocation?;
+    private samplerLocation?;
+    private texture?;
+    private lowResTexture?;
+    private gl?;
+    private program?;
+    private texCoordArray;
+    private _fileId;
+    private _src;
+    private _image;
+    private useLowRes;
+    private lowResNeedsRefresh;
+    private bitmap;
+    private lowResBitmap;
+    constructor(config: Partial<{
+        x: number;
+        y: number;
+        src: string;
+        sx?: number;
+        sy?: number;
+        width?: number;
+        height?: number;
+    }>);
+    get src(): string;
+    set src(val: string);
+    get fileId(): string | number;
+    set fileId(val: string | number);
+    determineIfLowRes(cameraBoundingBox: AABB, zoomFactor: number, threshold?: number): boolean;
+    setUseLowRes(useLowRes: boolean, gl?: WebGLRenderingContext): Promise<void>;
+    private loadImage;
+    private updateImageTexture;
+    private ensureLowResUploaded;
+    private setLowResTextureFromBitmap;
+    private initialiseTexture;
+    private setUpTexData;
+    private setTexture;
+    updateVertexData(gl: WebGLRenderingContext): void;
+    getVertexCount(): number;
+    render(gl: WebGLRenderingContext, program: WebGLProgram): void;
+    protected draw(gl: WebGLRenderingContext): void;
+    destroy(): void;
+}
+//# sourceMappingURL=Img.d.ts.map

package/esm/shapes/Img.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.d.ts","sourceRoot":"src/","sources":["shapes/Img.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBAAa,GAAI,SAAQ,IAAI;IAC3B,OAAO,CAAC,cAAc,CAAC,CAAc;IACrC,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAClC,OAAO,CAAC,eAAe,CAAC,CAAuB;IAC/C,OAAO,CAAC,OAAO,CAAC,CAAe;IAC/B,OAAO,CAAC,aAAa,CAAC,CAAe;IACrC,OAAO,CAAC,EAAE,CAAC,CAAwB;IACnC,OAAO,CAAC,OAAO,CAAC,CAAe;IAE/B,OAAO,CAAC,aAAa,CAalB;IAGH,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,kBAAkB,CAAiB;IAC3C,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,YAAY,CAAc;gBAGhC,MAAM,EAAE,OAAO,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,GAAG,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAOJ,IAAI,GAAG,IAGM,MAAM,CADlB;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAMlB;IAED,IAAI,MAAM,IAGM,MAAM,GAAG,MAAM,CAD9B;IACD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAE9B;IAED,iBAAiB,CACf,iBAAiB,EAAE,IAAI,EACvB,UAAU,EAAE,MAAM,EAClB,SAAS,SAAM;IAaX,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,qBAAqB;IAWjE,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,kBAAkB;YAgDZ,oBAAoB;IA4ClC,OAAO,CAAC,0BAA0B;IA0BlC,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,UAAU;IAoClB,gBAAgB,CAAC,EAAE,EAAE,qBAAqB;IAQ1C,cAAc,IAAI,MAAM;IAIxB,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAyB9D,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,qBAAqB;IA4CxC,OAAO;CAuCR"}

package/esm/shapes/Img.js

@@ -0,0 +1,310 @@
+import { Rect } from "./Rect";
+export class Img extends Rect {
+    constructor(config) {
+        super(config);
+        this.texCoordArray = new Float32Array([
+            0,
+            0, // top-left
+            0,
+            1, // bottom-left
+            1,
+            0, // top-right
+            1,
+            0, // top-right
+            0,
+            1, // bottom-left
+            1,
+            1, // bottom-right
+        ]);
+        this.useLowRes = false;
+        this.lowResNeedsRefresh = true;
+        this._src = config.src;
+        this.loadImage(config.src, config.width, config.height);
+    }
+    get src() {
+        return this._src;
+    }
+    set src(val) {
+        if (this._src !== val) {
+            this._src = val;
+            this.updateImageTexture(val);
+            this.markDirty();
+        }
+    }
+    get fileId() {
+        return this._fileId;
+    }
+    set fileId(val) {
+        this._fileId = val;
+    }
+    determineIfLowRes(cameraBoundingBox, zoomFactor, threshold = 0.1) {
+        // get both starting point and end point of each axis
+        // compare that with the bounding box of the container (0 -> edge)
+        // see how much space the visible parts of the image takes up
+        const cameraArea = cameraBoundingBox.getArea();
+        const area = this.getBoundingBox().getArea();
+        // Low-res if area ratio is below threshold
+        return area / cameraArea < threshold / zoomFactor;
+    }
+    async setUseLowRes(useLowRes, gl) {
+        // checks for current state to see if we are already using low res so we can avoid doing the extra work
+        if (this.useLowRes === useLowRes && !this.lowResNeedsRefresh)
+            return;
+        this.useLowRes = useLowRes;
+        if ((useLowRes && gl) || this.lowResNeedsRefresh) {
+            await this.ensureLowResUploaded(gl);
+        }
+        this.markDirty();
+        this.lowResNeedsRefresh = false;
+    }
+    loadImage(src, width, height) {
+        if (this.culled)
+            return;
+        this.updateImageTexture(src, width, height);
+    }
+    updateImageTexture(src, width, height) {
+        this._image = new Image();
+        this._image.crossOrigin = "anonymous";
+        this._image.onload = async () => {
+            this.width = width ?? this._image.naturalWidth;
+            this.height = height ?? this._image.naturalHeight;
+            try {
+                if (this.bitmap) {
+                    try {
+                        this.bitmap.close();
+                    }
+                    catch (e) { }
+                    this.bitmap = undefined;
+                }
+                if (typeof createImageBitmap === "function") {
+                    this.bitmap = await createImageBitmap(this._image);
+                }
+            }
+            catch (err) {
+                console.warn("createImageBitmap failed, falling back to HTMLImageElement", err);
+                this.bitmap = undefined;
+            }
+            if (this.gl && this.program) {
+                try {
+                    if (this.texture && this.gl) {
+                        this.gl.deleteTexture(this.texture);
+                        this.texture = undefined;
+                    }
+                    this.initialiseTexture();
+                    this.initialized = true;
+                    this.markDirty();
+                }
+                catch (err) {
+                    console.error("Failed to initialise texture on image load", err);
+                }
+            }
+            // only trigger regeneration of the low res once the image has been updated
+            this.lowResNeedsRefresh = true;
+        };
+        this._image.onerror = (error) => {
+            console.error("Failed to load image:", src, error);
+        };
+        this._image.src = src;
+    }
+    async ensureLowResUploaded(gl) {
+        if (this.lowResTexture && !this.lowResNeedsRefresh)
+            return;
+        if (!this._image || !this._image.complete)
+            return;
+        try {
+            const targetMaxSide = 256;
+            const naturalW = this._image.naturalWidth;
+            const naturalH = this._image.naturalHeight;
+            const scale = Math.min(1, targetMaxSide / Math.max(1, Math.max(naturalW, naturalH)));
+            const w = Math.max(1, Math.round(naturalW * scale));
+            const h = Math.max(1, Math.round(naturalH * scale));
+            let canvas;
+            if (typeof OffscreenCanvas !== "undefined") {
+                canvas = new OffscreenCanvas(w, h);
+            }
+            else {
+                canvas = document.createElement("canvas");
+                canvas.width = w;
+                canvas.height = h;
+            }
+            const ctx = canvas.getContext("2d");
+            ctx.clearRect(0, 0, w, h);
+            const ratio = Math.min(w / naturalW, h / naturalH);
+            const dw = Math.round(naturalW * ratio);
+            const dh = Math.round(naturalH * ratio);
+            const dx = Math.round((w - dw) / 2);
+            const dy = Math.round((h - dh) / 2);
+            ctx.drawImage(this._image, 0, 0, naturalW, naturalH, dx, dy, dw, dh);
+            this.lowResBitmap = await createImageBitmap(canvas);
+            this.setLowResTextureFromBitmap(gl, this.lowResBitmap);
+        }
+        catch (err) {
+            console.error("Failed to create/upload low-res image", err);
+        }
+    }
+    setLowResTextureFromBitmap(gl, bitmap) {
+        if (this.lowResTexture) {
+            try {
+                gl.deleteTexture(this.lowResTexture);
+            }
+            catch (e) { }
+            this.lowResTexture = undefined;
+        }
+        this.lowResTexture = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, this.lowResTexture);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, bitmap);
+        gl.bindTexture(gl.TEXTURE_2D, null);
+        this.markDirty();
+    }
+    // data upload
+    initialiseTexture() {
+        if (!this.gl || !this.program)
+            return;
+        if (!this._image || !this._image.complete || this._image.naturalWidth === 0)
+            return;
+        this.setUpVertexData(this.gl, this.program);
+        this.setUpTexData(this.gl, this.program);
+        this.setTexture(this.gl);
+        super.setUpUniforms(this.gl, this.program);
+        this.samplerLocation = this.gl.getUniformLocation(this.program, "u_image");
+        if (this.samplerLocation)
+            this.gl.uniform1i(this.samplerLocation, 0);
+    }
+    setUpTexData(gl, program) {
+        if (!this.texcoordBuffer) {
+            this.texcoordBuffer = gl.createBuffer();
+        }
+        this.texcoordLocation = gl.getAttribLocation(program, "a_texCoord");
+    }
+    setTexture(gl) {
+        if (this.texture) {
+            try {
+                try {
+                    gl.deleteTexture(this.texture);
+                }
+                catch (e) { }
+            }
+            catch (e) { }
+            this.texture = undefined;
+        }
+        this.texture = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, this.texture);
+        // Set the parameters so we can render any size image.
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        // Upload the image into the texture.
+        const srcForTex = this.bitmap ?? this._image;
+        if (srcForTex) {
+            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, srcForTex);
+        }
+        gl.bindTexture(gl.TEXTURE_2D, null);
+    }
+    updateVertexData(gl) {
+        super.updateVertexData(gl);
+        // Upload texture coordinates
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.texcoordBuffer);
+        gl.bufferData(gl.ARRAY_BUFFER, this.texCoordArray, gl.STATIC_DRAW);
+    }
+    getVertexCount() {
+        return 6;
+    }
+    render(gl, program) {
+        if (this.dirty && !this.culled) {
+            this.updateWorldMatrix(this.parent ? this.parent.worldMatrix : undefined);
+            if (!this.initialized) {
+                this.gl = gl;
+                this.program = program;
+                this.initialiseTexture();
+                // Only create texture if image is loaded
+                if (this._image.complete && this._image.naturalWidth > 0) {
+                    this.initialized = true;
+                }
+                else {
+                    // Image not ready yet, skip initialization
+                    return;
+                }
+            }
+            this.updateVertexData(gl);
+            this.clearDirty();
+        }
+        super.updateUniforms(gl);
+        if (!this.culled)
+            this.draw(gl);
+    }
+    draw(gl) {
+        gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer);
+        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.bindBuffer(gl.ARRAY_BUFFER, this.texcoordBuffer);
+        gl.vertexAttribPointer(this.texcoordLocation, size, type, normalize, stride, offset);
+        gl.enableVertexAttribArray(this.texcoordLocation);
+        gl.activeTexture(gl.TEXTURE0);
+        try {
+            const tex = this.useLowRes && this.lowResTexture
+                ? this.lowResTexture
+                : this.texture;
+            gl.bindTexture(gl.TEXTURE_2D, tex);
+            gl.drawArrays(gl.TRIANGLES, 0, this.getVertexCount());
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    destroy() {
+        if (this.texcoordBuffer) {
+            try {
+                this.gl.deleteBuffer(this.texcoordBuffer);
+            }
+            catch (e) { }
+            this.texcoordBuffer = undefined;
+        }
+        if (this.texture) {
+            try {
+                this.gl.deleteTexture(this.texture);
+            }
+            catch (e) { }
+            this.texture = undefined;
+        }
+        if (this.lowResTexture) {
+            try {
+                this.gl.deleteTexture(this.lowResTexture);
+            }
+            catch (e) { }
+            this.lowResTexture = undefined;
+        }
+        if (this.bitmap) {
+            try {
+                this.bitmap.close();
+            }
+            catch (e) { }
+            this.bitmap = undefined;
+        }
+        if (this.lowResBitmap) {
+            try {
+                this.lowResBitmap.close();
+            }
+            catch (e) { }
+            this.lowResBitmap = undefined;
+        }
+        this.texcoordLocation = undefined;
+        this.samplerLocation = undefined;
+        try {
+            super.destroy();
+        }
+        catch (e) { }
+    }
+}
+//# sourceMappingURL=Img.js.map

package/esm/shapes/Img.js.map

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

package/esm/shapes/Rect.d.ts

@@ -0,0 +1,34 @@
+import { AABB } from "../bounding";
+import { Shape } from "./Shape";
+export declare class Rect extends Shape {
+    private _width;
+    private _height;
+    AABB: AABB;
+    constructor(config: Partial<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        sx?: number;
+        sy?: number;
+    }>);
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    getVertexCount(): number;
+    getPositions(): number[];
+    /**
+     *
+     * @returns A bounding box that is not adjusted for world space.
+     */
+    getBoundingBox(): AABB;
+    getEdge(): {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    hitTest(x: number, y: number): boolean;
+}
+//# sourceMappingURL=Rect.d.ts.map

package/esm/shapes/Rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.d.ts","sourceRoot":"src/","sources":["shapes/Rect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAMnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,qBAAa,IAAK,SAAQ,KAAK;IAE7B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,IAAI,EAAE,IAAI,CAAC;gBAGT,MAAM,EAAE,OAAO,CAAC;QACd,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IAOJ,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAED,IAAI,MAAM,IAGQ,MAAM,CADvB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAKvB;IAED,cAAc,IAAI,MAAM;IAIxB,YAAY,IAAI,MAAM,EAAE;IAsBxB;;;OAGG;IACH,cAAc;IAgBd,OAAO;;;;;;IAWP,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO;CAkBvC"}

package/esm/shapes/Rect.js

@@ -0,0 +1,92 @@
+import { AABB } from "../bounding";
+import { getScalesFromMatrix, applyMatrixToPoint, isScalePositive, } from "../util";
+import { Shape } from "./Shape";
+export class Rect extends Shape {
+    constructor(config) {
+        super(config.x, config.y, config.sx, config.sy);
+        this._width = config.width ?? 100;
+        this._height = config.height ?? 100;
+    }
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        if (this._width !== value) {
+            this._width = value;
+            this.markDirty();
+        }
+    }
+    get height() {
+        return this._height;
+    }
+    set height(value) {
+        if (this._height !== value) {
+            this._height = value;
+            this.markDirty();
+        }
+    }
+    getVertexCount() {
+        return 6;
+    }
+    getPositions() {
+        const left = 0;
+        const top = 0;
+        const right = this.width;
+        const bottom = this.height;
+        return [
+            left,
+            top, // top-left
+            left,
+            bottom, // bottom-left
+            right,
+            top, // top-right
+            right,
+            top, // top-right
+            left,
+            bottom, // bottom-left
+            right,
+            bottom, // bottom-right
+        ];
+    }
+    /**
+     *
+     * @returns A bounding box that is not adjusted for world space.
+     */
+    getBoundingBox() {
+        // due to possible flips, the original width could be flipped by the scale value and become lesser the its translation[0]
+        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);
+        this.AABB = new AABB(minX, minY, maxX, maxY);
+        return this.AABB;
+    }
+    getEdge() {
+        const x = this.x, y = this.y;
+        return {
+            minX: Math.min(x, x + this.width),
+            maxX: Math.max(x, x + this.width),
+            minY: Math.min(y, y + this.height),
+            maxY: Math.max(y, y + this.height),
+        };
+    }
+    hitTest(x, y) {
+        const [scaleX, scaleY] = getScalesFromMatrix(this.worldMatrix);
+        const [signX, signY] = isScalePositive(this.worldMatrix);
+        // Transform the input point to the rectangle's local space
+        const [hx, hy] = applyMatrixToPoint(this.parent.worldMatrix, x, y);
+        const [cx, cy] = applyMatrixToPoint(this.worldMatrix);
+        const w = this.width * scaleX * signX;
+        const h = this.height * scaleY * signY;
+        const minX = Math.min(cx, cx + w);
+        const maxX = Math.max(cx, cx + w);
+        const minY = Math.min(cy, cy + h);
+        const maxY = Math.max(cy, cy + h);
+        return hx >= minX && hx <= maxX && hy >= minY && hy <= maxY;
+    }
+}
+//# sourceMappingURL=Rect.js.map

package/esm/shapes/Rect.js.map

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

package/esm/shapes/Renderable.d.ts

@@ -0,0 +1,54 @@
+import EventEmitter from "eventemitter3";
+import { RenderableState } from "../state";
+export declare abstract class Renderable {
+    state: RenderableState;
+    get x(): number;
+    get y(): number;
+    get sx(): number;
+    get sy(): number;
+    get dirty(): boolean;
+    get localMatrix(): number[];
+    get worldMatrix(): number[];
+    get children(): Renderable[];
+    get parent(): Renderable;
+    get angleRadians(): number;
+    updateTranslation(x: number, y: number): void;
+    setTranslation(x: number, y: number): void;
+    updateScale(x: number, y: number): void;
+    setScale(x: number, y: number): void;
+    setAngle(rotationDegree: number): void;
+    flipVertical(height: number): void;
+    flipHorizontal(width: number): void;
+    markDirty(): void;
+    clearDirty(): void;
+    updateLocalMatrix(): void;
+    setWorldMatrix(matrix: number[]): void;
+    addChild(child: Renderable): void;
+    addParent(parent: Renderable | null): void;
+    clearChildren(): void;
+    _emitter: EventEmitter;
+    constructor();
+    appendChild<T extends Renderable>(child: T): T;
+    setParent(parent: Renderable | null): void;
+    updateWorldMatrix(parentWorldMatrix?: number[]): void;
+    abstract render(gl: WebGLRenderingContext, program: WebGLProgram): void;
+    abstract destroy(): void;
+    abstract hitTest(x: number, y: number): boolean;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener?: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(e: Event): boolean;
+}
+export declare abstract class WebGLRenderable extends Renderable {
+    protected positionBuffer?: WebGLBuffer;
+    protected attributeLocation?: number;
+    protected initialized: boolean;
+    protected vertexArray?: Float32Array;
+    protected resolutionLocation?: WebGLUniformLocation;
+    protected matrixLocation?: WebGLUniformLocation;
+    abstract getPositions(): number[] | Float32Array;
+    updateVertexData(gl: WebGLRenderingContext): void;
+    protected setUpVertexData(gl: WebGLRenderingContext, program: WebGLProgram): void;
+    protected setUpUniforms(gl: WebGLRenderingContext, program: WebGLProgram): void;
+    protected updateUniforms(gl: WebGLRenderingContext): void;
+}
+//# sourceMappingURL=Renderable.d.ts.map

package/esm/shapes/Renderable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Renderable.d.ts","sourceRoot":"src/","sources":["shapes/Renderable.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,8BAAsB,UAAU;IAC9B,KAAK,EAAE,eAAe,CAAC;IAEvB,IAAI,CAAC,WAEJ;IACD,IAAI,CAAC,WAEJ;IACD,IAAI,EAAE,WAEL;IACD,IAAI,EAAE,WAEL;IACD,IAAI,KAAK,YAER;IACD,IAAI,WAAW,aAEd;IACD,IAAI,WAAW,aAEd;IACD,IAAI,QAAQ,iBAEX;IACD,IAAI,MAAM,eAET;IACD,IAAI,YAAY,WAEf;IAED,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAGtC,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAGnC,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAGhC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAG7B,QAAQ,CAAC,cAAc,EAAE,MAAM;IAG/B,YAAY,CAAC,MAAM,EAAE,MAAM;IAG3B,cAAc,CAAC,KAAK,EAAE,MAAM;IAI5B,SAAS;IAGT,UAAU;IAIV,iBAAiB;IAGjB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE;IAI/B,QAAQ,CAAC,KAAK,EAAE,UAAU;IAG1B,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAGnC,aAAa;IAIb,QAAQ,EAAE,YAAY,CAAC;;IASvB,WAAW,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;IAM9C,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IASnC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE;IAK9C,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IACvE,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO;IAE/C,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB;IAS7C,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,CAAC,EAAE,kCAAkC,EAC7C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB;IAG1C,aAAa,CAAC,CAAC,EAAE,KAAK;CAIvB;AAED,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,SAAS,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IACvC,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACrC,SAAS,CAAC,WAAW,UAAS;IAC9B,SAAS,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC;IAErC,SAAS,CAAC,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IACpD,SAAS,CAAC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEhD,QAAQ,CAAC,YAAY,IAAI,MAAM,EAAE,GAAG,YAAY;IAEhD,gBAAgB,CAAC,EAAE,EAAE,qBAAqB;IAa1C,SAAS,CAAC,eAAe,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY;IAO1E,SAAS,CAAC,aAAa,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY;IAKxE,SAAS,CAAC,cAAc,CAAC,EAAE,EAAE,qBAAqB;CAInD"}