@tolokoban/tgd 2.0.100 → 2.0.102

package/lib/dist/painter/overlay/overlay.js

@@ -0,0 +1,196 @@
+import { TgdPainter } from "../painter.js";
+import { TgdDataset } from "./../../dataset/index.js";
+import { TgdProgram } from "./../../program/index.js";
+import { TgdShaderFragment, TgdShaderVertex } from "./../../shader/index.js";
+import { TgdVertexArray } from "./../../vao/index.js";
+import { TgdEvent } from "./../../event/index.js";
+export class TgdPainterOverlay extends TgdPainter {
+    constructor(context, { alignX = +1, alignY = +1, scaleX = 1, scaleY = 1, width, height, margin = 0, z = 0, texture, } = {}) {
+        super();
+        this.context = context;
+        this.eventResize = new TgdEvent();
+        this.eventPointerTap = new TgdEvent();
+        this.eventPointerHover = new TgdEvent();
+        this.lastWidth = 0;
+        this.lastHeight = 0;
+        this.handleTap = (evtScreen) => {
+            const x = this.xScreenToLayout(evtScreen.x);
+            const y = this.yScreenToLayout(evtScreen.y);
+            if (Math.abs(x) > 1 || Math.abs(y) > 1)
+                return;
+            const evtOverlay = structuredClone(evtScreen);
+            evtOverlay.x = x;
+            evtOverlay.y = y;
+            this.eventPointerTap.dispatch(evtOverlay);
+        };
+        this.handleHover = (evtScreen) => {
+            const x = this.xScreenToLayout(evtScreen.current.x);
+            const y = this.yScreenToLayout(evtScreen.current.y);
+            if (Math.abs(x) > 1 || Math.abs(y) > 1)
+                return;
+            const evtOverlay = structuredClone(evtScreen);
+            evtOverlay.current.x = x;
+            evtOverlay.current.y = y;
+            this.eventPointerHover.dispatch(evtOverlay);
+        };
+        this.xScreenToLayout = (xScreen) => {
+            var _a;
+            const { context, alignX, marginLeft, marginRight } = this;
+            const marginPx = marginLeft + marginRight;
+            const widthPx = (_a = this.width) !== null && _a !== void 0 ? _a : context.width - marginPx;
+            const frameWidthPx = context.width - widthPx - marginPx;
+            const screenPerPixel = 2 / context.width;
+            const center = marginLeft + (widthPx + (1 + alignX) * frameWidthPx - context.width) / 2;
+            const factor = context.width / widthPx;
+            return (xScreen - center * screenPerPixel) * factor;
+        };
+        this.xLayoutToScreen = (xLayout) => {
+            var _a;
+            const { context, alignX, marginLeft, marginRight } = this;
+            const marginPx = marginLeft + marginRight;
+            const widthPx = (_a = this.width) !== null && _a !== void 0 ? _a : context.width - marginPx;
+            const frameWidthPx = context.width - widthPx - marginPx;
+            const screenPerPixel = 2 / context.width;
+            const center = marginLeft + (widthPx + (1 + alignX) * frameWidthPx - context.width) / 2;
+            const factor = widthPx / context.width;
+            return xLayout * factor + center * screenPerPixel;
+        };
+        this.yScreenToLayout = (yScreen) => {
+            var _a;
+            const { context, alignY, marginTop, marginBottom } = this;
+            const marginPx = marginTop + marginBottom;
+            const heightPx = (_a = this.height) !== null && _a !== void 0 ? _a : context.height - marginPx;
+            const frameHeightPx = context.height - heightPx - marginPx;
+            const screenPerPixel = 2 / context.height;
+            const center = marginBottom + (heightPx + (1 + alignY) * frameHeightPx - context.height) / 2;
+            const factor = context.height / heightPx;
+            return (yScreen - center * screenPerPixel) * factor;
+        };
+        this.yLayoutToScreen = (yLayout) => {
+            var _a;
+            const { context, alignY, marginTop, marginBottom } = this;
+            const marginPx = marginTop + marginBottom;
+            const heightPx = (_a = this.height) !== null && _a !== void 0 ? _a : context.height - marginPx;
+            const frameHeightPx = context.height - heightPx - marginPx;
+            const screenPerPixel = 2 / context.height;
+            const center = marginBottom + (heightPx + (1 + alignY) * frameHeightPx - context.height) / 2;
+            const factor = heightPx / context.height;
+            return yLayout * factor + center * screenPerPixel;
+        };
+        this.name = `Overlay/${this.name}`;
+        this.alignX = alignX;
+        this.alignY = alignY;
+        this.scaleX = scaleX;
+        this.scaleY = scaleY;
+        this.width = width;
+        this.height = height;
+        if (typeof margin === "number") {
+            this.marginTop = margin;
+            this.marginRight = margin;
+            this.marginBottom = margin;
+            this.marginLeft = margin;
+        }
+        else if (margin.length === 2) {
+            const [vertical, horizontal] = margin;
+            this.marginTop = vertical;
+            this.marginRight = horizontal;
+            this.marginBottom = vertical;
+            this.marginLeft = horizontal;
+        }
+        else {
+            const [top, right, bottom, left] = margin;
+            this.marginTop = top;
+            this.marginRight = right;
+            this.marginBottom = bottom;
+            this.marginLeft = left;
+        }
+        this.z = z;
+        this.texture = texture;
+        const dataset = new TgdDataset({
+            attPos: "vec2",
+            attUV: "vec2",
+        });
+        dataset.set("attPos", new Float32Array([+1, -1, +1, +1, -1, -1, -1, +1]));
+        dataset.set("attUV", new Float32Array([1, 1, 1, 0, 0, 1, 0, 0]));
+        const prg = new TgdProgram(context.gl, {
+            vert: new TgdShaderVertex({
+                uniforms: {
+                    uniCenter: "vec2",
+                    uniScale: "vec2",
+                    uniScaleUV: "vec2",
+                    uniZ: "float",
+                },
+                varying: {
+                    varUV: "vec2",
+                },
+                attributes: {
+                    attPos: "vec2",
+                    attUV: "vec2",
+                },
+                mainCode: [
+                    "varUV = (attUV - vec2(.5)) * uniScaleUV + vec2(.5);",
+                    "gl_Position = vec4(attPos * uniScale + uniCenter, uniZ, 1);",
+                ],
+            }).code,
+            frag: new TgdShaderFragment({
+                uniforms: {
+                    uniTexture: "sampler2D",
+                },
+                varying: {
+                    varUV: "vec2",
+                },
+                mainCode: ["FragColor = texture(uniTexture, varUV);"],
+            }).code,
+        });
+        const vao = new TgdVertexArray(context.gl, prg, [dataset]);
+        this.prg = prg;
+        this.vao = vao;
+        const { pointer } = context.inputs;
+        pointer.eventTap.addListener(this.handleTap);
+        pointer.eventHover.addListener(this.handleHover);
+    }
+    delete() {
+        const { context } = this;
+        if (context) {
+            this.eventPointerTap.removeListener(this.handleTap);
+        }
+        this.prg.delete();
+        this.vao.delete();
+    }
+    paint(time, delta) {
+        this.checkForResizeEvent();
+        const { context, prg, vao, z, scaleX, scaleY, xLayoutToScreen, yLayoutToScreen, texture } = this;
+        const { gl } = context;
+        prg.use();
+        prg.uniform1f("uniZ", z);
+        const x0 = xLayoutToScreen(0);
+        const y0 = yLayoutToScreen(0);
+        prg.uniform2f("uniCenter", x0, y0);
+        const x1 = xLayoutToScreen(1);
+        const y1 = yLayoutToScreen(1);
+        prg.uniform2f("uniScale", x1 - x0, y1 - y0);
+        prg.uniform2f("uniScaleUV", scaleX, scaleY);
+        if (!texture) {
+            throw new Error("[TgdPainterOverlay] texture has not been set!");
+        }
+        texture.activate(0, prg, "uniTexture");
+        vao.bind();
+        const cull = context.webglParams.cullFace;
+        context.webglParams.cullFace = false;
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+        context.webglParams.cullFace = cull;
+        vao.unbind();
+    }
+    checkForResizeEvent() {
+        var _a, _b;
+        const { context, lastWidth, lastHeight, marginLeft, marginRight, marginTop, marginBottom } = this;
+        const width = Math.max(0, (_a = this.width) !== null && _a !== void 0 ? _a : context.width - marginLeft - marginRight);
+        const height = Math.max(0, (_b = this.height) !== null && _b !== void 0 ? _b : context.height - marginTop - marginBottom);
+        if (width !== lastWidth || height !== lastHeight) {
+            this.lastWidth = width;
+            this.lastHeight = height;
+            this.eventResize.dispatch({ width, height });
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWludGVyL292ZXJsYXkvb3ZlcmxheS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFDekMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQXdDckMsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFVBQVU7SUFzQjdDLFlBQ3FCLE9BQW1CLEVBQ3BDLEVBQ0ksTUFBTSxHQUFHLENBQUMsQ0FBQyxFQUNYLE1BQU0sR0FBRyxDQUFDLENBQUMsRUFDWCxNQUFNLEdBQUcsQ0FBQyxFQUNWLE1BQU0sR0FBRyxDQUFDLEVBQ1YsS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEdBQUcsQ0FBQyxFQUNWLENBQUMsR0FBRyxDQUFDLEVBQ0wsT0FBTyxNQUM0QixFQUFFO1FBRXpDLEtBQUssRUFBRSxDQUFBO1FBYlUsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQXRCeEIsZ0JBQVcsR0FBRyxJQUFJLFFBQVEsRUFBcUMsQ0FBQTtRQUMvRCxvQkFBZSxHQUFHLElBQUksUUFBUSxFQUEyQixDQUFBO1FBQ3pELHNCQUFpQixHQUFHLElBQUksUUFBUSxFQUE0QixDQUFBO1FBY3BFLGNBQVMsR0FBRyxDQUFDLENBQUE7UUFDYixlQUFVLEdBQUcsQ0FBQyxDQUFBO1FBMEZkLGNBQVMsR0FBRyxDQUFDLFNBQWtDLEVBQUUsRUFBRTtZQUN2RCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsZUFBZSxD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

package/lib/dist/painter/painter.d.ts

@@ -11,7 +11,7 @@ export declare abstract class TgdPainter {
     name: string;
     active: boolean;
     abstract delete(): void;
-    abstract paint(time: number, delay: number): void;
+    abstract paint(time: number, delta: number): void;
     get hierarchy(): TgdDebugPainterHierarchy;
     debug(caption?: string): void;
 }

package/lib/dist/painter/program.d.ts

@@ -0,0 +1,70 @@
+import type { TgdContext } from "../context";
+import { TgdDataset, type TgdDatasetOptions, type TgdDatasetType } from "../dataset";
+import { type TgdCodeBloc, type TgdCodeFunctions, type TgdCodeVariables } from "../shader";
+import type { TgdTypeArrayForElements, WebglAttributeType } from "../types";
+import type { TgdPainterFunction } from "../types/painter";
+import { TgdTexture2D, TgdTextureCube } from "@tolokoban/tgd";
+import { TgdUniformBufferObject, type TgdUniformBufferObjectOptions } from "./../uniform/uniform-buffer-object";
+import { TgdPainter } from "./painter";
+import { type TgdPainterStateOptions } from "./state";
+interface DatasetOptions extends Partial<Omit<TgdDatasetOptions, "data" | "buffer">> {
+    attribs: Record<string, {
+        type: TgdDatasetType;
+        data: ArrayBuffer | Int8Array | Uint8Array | Int16Array | Uint16Array | Uint32Array | Float32Array | {
+            buffer: ArrayBuffer;
+        };
+    }>;
+}
+export interface TgdPainterProgramOptions {
+    drawMode: "POINTS" | "LINE_STRIP" | "LINE_LOOP" | "LINES" | "TRIANGLE_STRIP" | "TRIANGLE_FAN" | "TRIANGLES" | WebGL2RenderingContext["POINTS"] | WebGL2RenderingContext["LINE_STRIP"] | WebGL2RenderingContext["LINE_LOOP"] | WebGL2RenderingContext["LINES"] | WebGL2RenderingContext["TRIANGLE_STRIP"] | WebGL2RenderingContext["TRIANGLE_FAN"] | WebGL2RenderingContext["TRIANGLES"];
+    uniforms?: Record<string, TgdUniformBufferObject | Omit<TgdUniformBufferObjectOptions, "bindingPoint">>;
+    textures?: Record<string, TgdTexture2D | TgdTextureCube>;
+    dataset: TgdDataset | DatasetOptions | (TgdDataset | DatasetOptions)[];
+    varying?: TgdCodeVariables<WebglAttributeType>;
+    vert: Partial<{
+        precision: "lowp" | "mediump" | "highp";
+        functions: TgdCodeFunctions;
+        mainCode: TgdCodeBloc;
+        header: TgdCodeBloc;
+    }>;
+    frag: Partial<{
+        precision: "lowp" | "mediump" | "highp";
+        outputs: TgdCodeVariables<WebglAttributeType>;
+        functions: TgdCodeFunctions | TgdCodeBloc;
+        mainCode: TgdCodeBloc;
+        header: TgdCodeBloc;
+    }>;
+    elements?: TgdTypeArrayForElements;
+    state?: Partial<Omit<TgdPainterStateOptions, "children">>;
+    elementsCount?: number;
+    elementsOffset?: number;
+    instancesCount?: number;
+    onEnter?: TgdPainterFunction;
+    onDelete?: () => void;
+}
+export declare class TgdPainterProgram extends TgdPainter {
+    private readonly context;
+    elementsCount: number;
+    elementsOffset: number;
+    instancesCount: number;
+    readonly textures: Record<string, TgdTexture2D | TgdTextureCube>;
+    private readonly uniformBlocks;
+    private readonly uniformBlocksToDelete;
+    private readonly prg;
+    private readonly vao;
+    private readonly drawMode;
+    private readonly painterState;
+    private readonly hasElements;
+    private readonly elementsType;
+    private readonly onEnter?;
+    private readonly onDelete?;
+    constructor(context: TgdContext, { onEnter, onDelete, uniforms, textures, varying, vert, frag, dataset, elements, drawMode, state, elementsCount, elementsOffset, instancesCount, }: TgdPainterProgramOptions);
+    delete(): void;
+    paint(time: number, delta: number): void;
+    debug(caption?: string): void;
+    private readonly internalPaint;
+    private uniformsToCode;
+    private resolveUniformBlock;
+}
+export {};
+//# sourceMappingURL=program.d.ts.map

package/lib/dist/painter/program.d.ts.map

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

package/lib/dist/painter/program.js

@@ -0,0 +1,250 @@
+import { TgdDataset } from "./../dataset/index.js";
+import { TgdConsole } from "./../debug/index.js";
+import { TgdProgram } from "./../program/index.js";
+import { TgdShaderFragment, TgdShaderVertex, tgdCodeStringify, } from "./../shader/index.js";
+import { ensureArray, webglElementTypeFromTypedArray, webglLookup } from "./../utils/index.js";
+import { TgdPainterLogic, TgdTexture2D, TgdTextureCube, TgdVertexArray } from "./../index.js";
+import { TgdUniformBufferObject } from "./../uniform/uniform-buffer-object.js";
+import { TgdPainter } from "./painter.js";
+import { TgdPainterState } from "./state/index.js";
+export class TgdPainterProgram extends TgdPainter {
+    constructor(context, { onEnter, onDelete, uniforms = {}, textures = {}, varying, vert, frag, dataset, elements, drawMode, state, elementsCount, elementsOffset, instancesCount, }) {
+        super();
+        this.context = context;
+        this.elementsCount = 0;
+        this.elementsOffset = 0;
+        this.instancesCount = 0;
+        this.uniformBlocks = [];
+        this.uniformBlocksToDelete = [];
+        this.internalPaint = (time, delta) => {
+            const { context, onEnter, textures, uniformBlocks, prg, vao, elementsType, elementsCount, elementsOffset, instancesCount, drawMode: mode, } = this;
+            const { gl } = context;
+            prg.use();
+            let unit = 0;
+            for (const name of Object.keys(textures)) {
+                const texture = textures[name];
+                texture.activate(unit++, prg, name);
+            }
+            onEnter === null || onEnter === void 0 ? void 0 : onEnter(time, delta);
+            for (const block of uniformBlocks) {
+                block.updateData();
+            }
+            vao.bind();
+            if (this.hasElements) {
+                if (instancesCount > 0) {
+                    gl.drawElementsInstanced(mode, elementsCount, elementsType, elementsOffset, instancesCount);
+                }
+                else {
+                    gl.drawElements(mode, elementsCount, elementsType, elementsOffset);
+                }
+            }
+            else {
+                if (instancesCount > 0) {
+                    gl.drawArraysInstanced(mode, elementsOffset, elementsCount, instancesCount);
+                }
+                else {
+                    gl.drawArrays(mode, elementsOffset, elementsCount);
+                }
+            }
+            vao.unbind();
+        };
+        this.textures = textures;
+        this.onEnter = onEnter;
+        this.onDelete = onDelete;
+        const datasets = ensureArray(dataset).map((item) => {
+            if (item instanceof TgdDataset)
+                return item;
+            const attributesDefinition = {};
+            for (const attribName of Object.keys(item.attribs)) {
+                attributesDefinition[attribName] = item.attribs[attribName].type;
+            }
+            const ds = new TgdDataset(attributesDefinition, item);
+            for (const attribName of Object.keys(item.attribs)) {
+                ds.set(attribName, item.attribs[attribName].data);
+            }
+            return ds;
+        });
+        this.drawMode = typeof drawMode === "number" ? drawMode : context.gl[drawMode];
+        const uniformsHeader = ensureArray(this.uniformsToCode(uniforms));
+        const uniformsForTextures = texturesToUniforms(textures);
+        const vertexShader = new TgdShaderVertex(Object.assign(Object.assign({}, vert), { uniforms: uniformsForTextures, attributes: resolveAttributesFromDataset(datasets), header: [...uniformsHeader, ...ensureArray(vert.header)], varying }));
+        const fragmentShader = new TgdShaderFragment(Object.assign(Object.assign({}, frag), { uniforms: uniformsForTextures, header: [...uniformsHeader, ...ensureArray(vert.header)], varying }));
+        const program = new TgdProgram(context.gl, {
+            vert: vertexShader,
+            frag: fragmentShader,
+        });
+        this.prg = program;
+        const vao = new TgdVertexArray(context.gl, program, datasets, elements);
+        this.vao = vao;
+        this.painterState = new TgdPainterState(context, Object.assign(Object.assign({}, state), { children: [new TgdPainterLogic(this.internalPaint)] }));
+        this.elementsCount = elementsCount !== null && elementsCount !== void 0 ? elementsCount : resolveElementsCount(datasets, elements);
+        this.elementsOffset = elementsOffset !== null && elementsOffset !== void 0 ? elementsOffset : 0;
+        this.instancesCount = instancesCount !== null && instancesCount !== void 0 ? instancesCount : resolveInstancesCount(datasets);
+        this.hasElements = !!elements;
+        this.elementsType = elements ? webglElementTypeFromTypedArray(elements) : 0;
+        const setBindingPoints = new Set();
+        Object.keys(uniforms).forEach((blockName, index) => {
+            const block = this.uniformBlocks[index];
+            if (setBindingPoints.has(block.bindingPoint)) {
+                const code = Object.keys(uniforms).map((blockName, index) => this.uniformBlocks[index].toShaderCode(blockName));
+                throw new Error(`[TgdPainterProgram] Uniform blocks must have distincts binding points!\n${tgdCodeStringify(code)}`);
+            }
+            setBindingPoints.add(block.bindingPoint);
+            block.bindToProgram(program, blockName);
+        });
+    }
+    delete() {
+        var _a;
+        (_a = this.onDelete) === null || _a === void 0 ? void 0 : _a.call(this);
+        for (const block of this.uniformBlocksToDelete) {
+            block.delete();
+        }
+        this.prg.delete();
+        this.vao.delete();
+    }
+    paint(time, delta) {
+        this.painterState.paint(time, delta);
+    }
+    debug(caption) {
+        console.log(caption !== null && caption !== void 0 ? caption : this.name);
+        console.log({
+            drawMode: webglLookup(this.drawMode),
+            elementsCount: this.elementsCount,
+            elementsOffset: this.elementsOffset,
+            instancesCount: this.instancesCount,
+        });
+        this.vao.debug();
+    }
+    uniformsToCode(uniforms) {
+        const code = [];
+        const setNames = new Set();
+        const setDuplicated = new Set();
+        const names = {};
+        for (const blockName of Object.keys(uniforms)) {
+            const block = this.resolveUniformBlock(uniforms[blockName]);
+            this.uniformBlocks.push(block);
+            names[blockName] = block.names;
+            code.push(...ensureArray(block.toShaderCode(blockName)));
+            for (const name of block.names) {
+                if (setNames.has(name))
+                    setDuplicated.add(name);
+                else
+                    setNames.add(name);
+            }
+        }
+        if (setDuplicated.size > 0) {
+            // There is a duplicate!
+            const out = new TgdConsole({
+                text: "[TgdPainterProgram] You have duplicated names in your uniform blocks:\n",
+                color: "#f33",
+            });
+            for (const blockName of Object.keys(names)) {
+                out.add(`  ${blockName}`, { bold: true }).add(": ");
+                names[blockName].forEach((name, index) => {
+                    if (index > 0)
+                        out.add(", ");
+                    out.add(name, setDuplicated.has(name)
+                        ? {
+                            bold: true,
+                            color: "#f33",
+                        }
+                        : undefined);
+                });
+                out.nl();
+            }
+            out.error();
+        }
+        return code;
+    }
+    resolveUniformBlock(obj) {
+        if (obj instanceof TgdUniformBufferObject)
+            return obj;
+        return new TgdUniformBufferObject(this.context, obj);
+    }
+}
+function resolveAttributesFromDataset(datasets) {
+    const attributes = {};
+    const setNames = new Set();
+    const setDuplicated = new Set();
+    for (const dataset of datasets) {
+        for (const name of dataset.attributesNames) {
+            if (setNames.has(name))
+                setDuplicated.add(name);
+            else
+                setNames.add(name);
+            attributes[name] = dataset.getType(name);
+        }
+    }
+    if (setDuplicated.size > 0) {
+        // There is a duplicate!
+        const out = new TgdConsole({
+            text: "[TgdPainterProgram] You have duplicated names in your datasets:\n",
+            color: "#f33",
+        });
+        for (const dataset of datasets) {
+            out.add(`  ${dataset.name}`, { bold: true }).add(": ");
+            dataset.attributesNames.forEach((name, index) => {
+                if (index > 0)
+                    out.add(", ");
+                out.add(name, setDuplicated.has(name)
+                    ? {
+                        bold: true,
+                        color: "#f33",
+                    }
+                    : undefined);
+            });
+            out.nl();
+        }
+        out.error();
+    }
+    return attributes;
+}
+function resolveElementsCount(datasets, elements) {
+    if (elements)
+        return elements.length;
+    const counts = datasets.filter((ds) => ds.divisor === 0).map((ds) => ds.count);
+    if (counts.length === 0) {
+        throw new Error("[TgdPainterProgram] You must give at least one Dataset with divisor 0 in the constructor!\nOr you can specify elementsCount.");
+    }
+    if (counts.length === 1)
+        return counts[0];
+    counts.sort();
+    const [first] = counts;
+    const last = counts[counts.length - 1];
+    if (first === last)
+        return first;
+    throw new Error(`[TgdPainterPogram] I cannot resolve elementsCount because your datasets have different counts!\n${datasets
+        .filter((ds) => ds.divisor === 0)
+        .map((ds) => `  ${ds.name}: count == ${ds.count}`)}`);
+}
+function resolveInstancesCount(datasets) {
+    const counts = datasets.filter((ds) => ds.divisor > 0).map((ds) => ds.count / ds.divisor);
+    if (counts.length === 0)
+        return 0;
+    if (counts.length === 1)
+        return counts[0];
+    counts.sort();
+    const [first] = counts;
+    const last = counts[counts.length - 1];
+    if (first === last)
+        return first;
+    throw new Error(`[TgdPainterPogram] I cannot resolve elementsCount because your instance datasets have different counts!\n${datasets
+        .filter((ds) => ds.divisor > 0)
+        .map((ds) => `  ${ds.name}: count == ${ds.count} / ${ds.divisor} == ${ds.count / ds.divisor}`)}`);
+}
+function texturesToUniforms(textures) {
+    const uniforms = {};
+    for (const name of Object.keys(textures)) {
+        uniforms[name] = resolveTextureType(textures[name]);
+    }
+    return uniforms;
+}
+function resolveTextureType(texture) {
+    if (texture instanceof TgdTexture2D)
+        return "sampler2D";
+    if (texture instanceof TgdTextureCube)
+        return "samplerCube";
+    console.error("[resolveTextureType] Don't know the type of this texture:", texture);
+    throw new Error("[resolveTextureType] Don't know the type of this texture!");
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3JhbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWludGVyL3Byb2dyYW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBMEUsTUFBTSxjQUFjLENBQUE7QUFDakgsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pDLE9BQU8sRUFJSCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLGdCQUFnQixHQUNuQixNQUFNLGFBQWEsQ0FBQTtBQUdwQixPQUFPLEVBQUUsV0FBVyxFQUFFLDhCQUE4QixFQUFFLFdBQVcsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNyRixPQUFPLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDOUYsT0FBTyxFQUFFLHNCQUFzQixFQUFzQyxNQUFNLG9DQUFvQyxDQUFBO0FBQy9HLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEMsT0FBTyxFQUFFLGVBQWUsRUFBK0IsTUFBTSxTQUFTLENBQUE7QUE4RHRFLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxVQUFVO0lBaUI3QyxZQUNxQixPQUFtQixFQUNwQyxFQUNJLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxHQUFHLEVBQUUsRUFDYixRQUFRLEdBQUcsRUFBRSxFQUNiLE9BQU8sRUFDUCxJQUFJLEVBQ0osSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLEtBQUssRUFDTCxhQUFhLEVBQ2IsY0FBYyxFQUNkLGNBQWMsR0FDUztRQUUzQixLQUFLLEVBQUUsQ0FBQTtRQWxCVSxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBakJqQyxrQkFBYSxHQUFHLENBQUMsQ0FBQTtRQUNqQixtQkFBYyxHQUFHLENBQUMsQ0FBQTtRQUNs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

package/lib/dist/painter/scissor.d.ts

@@ -41,6 +41,6 @@ export declare class TgdPainterScissor extends TgdPainterGroup {
     constructor(context: {
         gl: WebGL2RenderingContext;
     }, options: TgdPainterScissorOptions);
-    paint(time: number, delay: number): void;
+    paint(time: number, delta: number): void;
 }
 //# sourceMappingURL=scissor.d.ts.map

package/lib/dist/painter/scissor.js

@@ -27,7 +27,7 @@ export class TgdPainterScissor extends TgdPainterGroup {
         this.width = options.width;
         this.height = options.height;
     }
-    paint(time, delay) {
+    paint(time, delta) {
         const { gl } = this.context;
         const enabled = gl.getParameter(gl.SCISSOR_TEST);
         const [curX, curY, curW, curH] = gl.getParameter(gl.SCISSOR_BOX);
@@ -37,7 +37,7 @@ export class TgdPainterScissor extends TgdPainterGroup {
         const h = Math.round(this.height * gl.drawingBufferHeight);
         gl.enable(gl.SCISSOR_TEST);
         gl.scissor(x, y, w, h);
-        super.paint(time, delay);
+        super.paint(time, delta);
         if (enabled) {
             gl.enable(gl.SCISSOR_TEST);
         }

package/lib/dist/painter/segments/segments-morphing.d.ts

@@ -1,10 +1,9 @@
-import type { TgdCamera } from "../../camera";
-import type { WebglParams } from "../../context/webgl-params";
 import type { TgdDataset } from "../../dataset";
 import { type TgdMaterial } from "../../material";
 import { TgdTransfo } from "../../math";
 import { TgdPainter } from "../painter";
 import { TgdTexture2D } from "../../texture";
+import { TgdContext } from "../../context";
 type DatasetOption = TgdDataset | (() => TgdDataset);
 export type TgdPainterSegmentsMorphingOptions = {
     /**
@@ -55,11 +54,7 @@ export type TgdPainterSegmentsMorphingOptions = {
  * ```
  */
 export declare class TgdPainterSegmentsMorphing extends TgdPainter {
-    protected readonly context: {
-        gl: WebGL2RenderingContext;
-        webglParams: WebglParams;
-        camera: TgdCamera;
-    };
+    protected readonly context: TgdContext;
     readonly transfo: TgdTransfo;
     colorTexture: TgdTexture2D;
     minRadius: number;
@@ -76,13 +71,9 @@ export declare class TgdPainterSegmentsMorphing extends TgdPainter {
     private readonly prg;
     private readonly vertexCount;
     private readonly material;
-    constructor(context: {
-        gl: WebGL2RenderingContext;
-        webglParams: WebglParams;
-        camera: TgdCamera;
-    }, options: TgdPainterSegmentsMorphingOptions);
+    constructor(context: TgdContext, options: TgdPainterSegmentsMorphingOptions);
     delete(): void;
-    paint(time: number, delay: number): void;
+    paint(time: number, delta: number): void;
     private get vao();
 }
 export {};