@tolokoban/tgd 2.0.0 → 2.0.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../src/painter/node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,MAAM,IAAI,IAAI,CAAA;IACd,aAAa,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,KAAK,CAAC,cAAc,GAAG,mBAAmB,CAAC,CAAA;CACxD;AAED,qBAAa,cAAe,SAAQ,UAAU;IACnC,aAAa,EAAE,UAAU,CAAmB;IACnD,SAAgB,OAAO,aAAmB;IAE1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;IAC9C,OAAO,CAAC,iBAAiB,CAAI;IAC7B,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAuB;IACrD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA4B;gBAEzC,OAAO,GAAE,OAAO,CAAC,qBAAqB,CAAM;IAMxD,MAAM,IAAI,IAAI;IASd,GAAG,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,cAAc,GAAG,mBAAmB,CAAC;IAU5D,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,cAAc,GAAG,mBAAmB,CAAC;IAY/D,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CA2B3C"}

package/lib/dist/painter/node.js

@@ -0,0 +1,67 @@
+import { TgdMat4 } from "./../math/index.js";
+import { TgdPainter } from "./painter.js";
+import { TgdTransfo } from "../math/transfo.js";
+export class TgdPainterNode extends TgdPainter {
+    parentTransfo = new TgdTransfo();
+    transfo = new TgdTransfo();
+    matrixTransfo = new TgdMat4();
+    parentUpdateCount = 0;
+    updateCount = 0;
+    childrenNodes = [];
+    children = [];
+    constructor(options = {}) {
+        super();
+        const { children = [] } = options;
+        children.forEach(child => this.add(child));
+    }
+    delete() {
+        for (const child of this.children) {
+            child.delete();
+        }
+        for (const child of this.childrenNodes) {
+            child.delete();
+        }
+    }
+    add(...children) {
+        for (const child of children) {
+            if (child instanceof TgdPainterNode) {
+                this.childrenNodes.push(child);
+            }
+            else {
+                this.children.push(child);
+            }
+        }
+    }
+    remove(...children) {
+        for (const child of children) {
+            if (child instanceof TgdPainterNode) {
+                const idxNode = this.childrenNodes.indexOf(child);
+                if (idxNode > -1)
+                    this.childrenNodes.splice(idxNode, 1);
+            }
+            else {
+                const idx = this.children.indexOf(child);
+                if (idx > -1)
+                    this.children.splice(idx, 1);
+            }
+        }
+    }
+    paint(time, delay) {
+        const { transfo, parentTransfo, matrixTransfo, parentUpdateCount, updateCount, children, childrenNodes, } = this;
+        if (transfo.updateCount > updateCount ||
+            parentTransfo.updateCount > parentUpdateCount) {
+            this.updateCount = transfo.updateCount;
+            this.parentUpdateCount = parentTransfo.updateCount;
+            matrixTransfo.from(parentTransfo.matrix).multiply(transfo.matrix);
+        }
+        for (const child of children) {
+            child.matrixTransfo = matrixTransfo;
+            child.paint(time, delay);
+        }
+        for (const child of childrenNodes) {
+            child.parentTransfo.matrix = matrixTransfo;
+            child.paint(time, delay);
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWludGVyL25vZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQVk1QyxNQUFNLE9BQU8sY0FBZSxTQUFRLFVBQVU7SUFDbkMsYUFBYSxHQUFlLElBQUksVUFBVSxFQUFFLENBQUE7SUFDbkMsT0FBTyxHQUFHLElBQUksVUFBVSxFQUFFLENBQUE7SUFFekIsYUFBYSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUE7SUFDdEMsaUJBQWlCLEdBQUcsQ0FBQyxDQUFBO0lBQ3JCLFdBQVcsR0FBRyxDQUFDLENBQUE7SUFDTixhQUFhLEdBQXFCLEVBQUUsQ0FBQTtJQUNwQyxRQUFRLEdBQTBCLEVBQUUsQ0FBQTtJQUVyRCxZQUFZLFVBQTBDLEVBQUU7UUFDcEQsS0FBSyxFQUFFLENBQUE7UUFDUCxNQUFNLEVBQUUsUUFBUSxHQUFHLEVBQUUsRUFBRSxHQUFHLE9BQU8sQ0FBQTtRQUNqQyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQzlDLENBQUM7SUFFRCxNQUFNO1FBQ0YsS0FBSyxNQUFNLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFBO1FBQ2xCLENBQUM7UUFDRCxLQUFLLE1BQU0sS0FBSyxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUE7UUFDbEIsQ0FBQztJQUNMLENBQUM7SUFFRCxHQUFHLENBQUMsR0FBRyxRQUFxRDtRQUN4RCxLQUFLLE1BQU0sS0FBSyxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQzNCLElBQUksS0FBSyxZQUFZLGNBQWMsRUFBRSxDQUFDO2dCQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNsQyxDQUFDO2lCQUFNLENBQUM7Z0JBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDN0IsQ0FBQztRQUNMLENBQUM7SUFDTCxDQUFDO0lBRUQsTUFBTSxDQUFDLEdBQUcsUUFBcUQ7UUFDM0QsS0FBSyxNQUFNLEtBQUssSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUMzQixJQUFJLEtBQUssWUFBWSxjQUFjLEVBQUUsQ0FBQztnQkFDbEMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7Z0JBQ2pELElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztvQkFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUE7WUFDM0QsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO2dCQUN4QyxJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUM7b0JBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFBO1lBQzlDLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUssQ0FBQyxJQUFZLEVBQUUsS0FBYTtRQUM3QixNQUFNLEVBQ0YsT0FBTyxFQUNQLGFBQWEsRUFDYixhQUFhLEVBQ2IsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCxRQUFRLEVBQ1IsYUFBYSxHQUNoQixHQUFHLElBQUksQ0FBQTtRQUNSLElBQ0ksT0FBTyxDQUFDLFdBQVcsR0FBRyxXQUFXO1lBQ2pDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLEVBQy9DLENBQUM7WUFDQyxJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUE7WUFDdEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7WUFDbEQsYUFBYSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQTtRQUNyRSxDQUFDO1FBQ0QsS0FBSyxNQUFNLEtBQUssSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUMzQixLQUFLLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQTtZQUNuQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQTtRQUM1QixDQUFDO1FBQ0QsS0FBSyxNQUFNLEtBQUssSUFBSSxhQUFhLEVBQUUsQ0FBQztZQUNoQyxLQUFLLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxhQUFhLENBQUE7WUFDMUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUE7UUFDNUIsQ0FBQztJQUNMLENBQUM7Q0FDSiJ9

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

@@ -1,6 +1,6 @@
 export declare abstract class TgdPainter {
+    active: boolean;
     abstract delete(): void;
     abstract paint(time: number, delay: number): void;
-    abstract update(time: number, delay: number): void;
 }
 //# sourceMappingURL=painter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../src/painter/painter.ts"],"names":[],"mappings":"AAAA,8BAAsB,UAAU;IAC5B,QAAQ,CAAC,MAAM,IAAI,IAAI;IACvB,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IACjD,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CACrD"}
+{"version":3,"file":"painter.d.ts","sourceRoot":"","sources":["../../src/painter/painter.ts"],"names":[],"mappings":"AAAA,8BAAsB,UAAU;IACrB,MAAM,EAAE,OAAO,CAAO;IAE7B,QAAQ,CAAC,MAAM,IAAI,IAAI;IAEvB,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CACpD"}

package/lib/dist/painter/painter.js

@@ -0,0 +1,4 @@
+export class TgdPainter {
+    active = true;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFpbnRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWludGVyL3BhaW50ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFnQixVQUFVO0lBQ3JCLE1BQU0sR0FBWSxJQUFJLENBQUE7Q0FLaEMifQ==

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

@@ -0,0 +1,2 @@
+export * from "./segments";
+//# sourceMappingURL=index.d.ts.map

package/lib/dist/painter/segments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/painter/segments/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/lib/dist/painter/segments/index.js

@@ -0,0 +1,2 @@
+export * from "./segments.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFpbnRlci9zZWdtZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFlBQVksQ0FBQSJ9

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

@@ -0,0 +1,85 @@
+import { TgdDataset } from "../../dataset";
+import { TgdPainter } from "../painter";
+import { ArrayNumber2, ArrayNumber4, TgdContextInterface, TgdTexture2D } from "../../types";
+export type TgdPainterSegmentsOptions = {
+    /**
+     * How round the tip will be?
+     *  - **0** means that the tip is flat.
+     *  - **1** will gives you a triangled tip.
+     *  - **>1** starts to have a semi-circle shape.
+     *
+     * **0** is the fastest to render, but you will have
+     * a bad connection at joints between segments.
+     *
+     * Default to **3**.
+     */
+    roundness: number;
+    /**
+     * With orthographic camera, this is a value in pixels.
+     */
+    minRadius: number;
+};
+/**
+ * @example
+ * ```
+ * const factory = new TgdPainterSegmentsData()
+ * factory.add(
+ *   [0, 0, 0, .2],
+ *   [1, 0, 0, .1],
+ * )
+ * factory.add(
+ *   [0, 0, 0, .2],
+ *   [0, 1, 0, .1],
+ * )
+ * factory.add(
+ *   [0, 0, 0, .2],
+ *   [0, 0, 1, .1],
+ * )
+ * const segments = new TgdPainterSegments(
+ *   segment, factory
+ * )
+ * ```
+ */
+export declare class TgdPainterSegments extends TgdPainter {
+    protected readonly context: TgdContextInterface;
+    colorTexture: TgdTexture2D;
+    minRadius: number;
+    radiusMultiplier: number;
+    radiusConstant: number;
+    radiusSwitch: number;
+    light: number;
+    shiftZ: number;
+    private readonly vao;
+    private readonly prg;
+    private readonly vertexCount;
+    private readonly instanceCount;
+    constructor(context: TgdContextInterface, factory: {
+        makeDataset: () => InstanceDataset;
+        readonly count: number;
+    }, { roundness, minRadius, }?: Partial<TgdPainterSegmentsOptions>);
+    delete(): void;
+    paint(_time: number, _delay: number): void;
+}
+type InstanceDataset = TgdDataset;
+export declare class TgdPainterSegmentsData {
+    private _count;
+    private readonly attAxyzr;
+    private readonly attAuv;
+    private readonly attAinfluence;
+    private readonly attBxyzr;
+    private readonly attBuv;
+    private readonly attBinfluence;
+    get count(): number;
+    /**
+     * @param Axyzr (x,y,z) and radius of point A.
+     * @param Bxyzr (x,y,z) and radius of point B.
+     * @param Auv
+     * @param Buv
+     * @param radiusMultiplierInfluenceA
+     * @param radiusMultiplierInfluenceB
+     */
+    add(Axyzr: ArrayNumber4, Bxyzr: ArrayNumber4, Auv?: ArrayNumber2, Buv?: ArrayNumber2, radiusMultiplierInfluenceA?: number, radiusMultiplierInfluenceB?: number): void;
+    makeDataset(): InstanceDataset;
+}
+export {};
+//# sourceMappingURL=segments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segments.d.ts","sourceRoot":"","sources":["../../../src/painter/segments/segments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EACH,YAAY,EACZ,YAAY,EACZ,mBAAmB,EAEnB,YAAY,EACf,MAAM,YAAY,CAAA;AAMnB,MAAM,MAAM,yBAAyB,GAAG;IACpC;;;;;;;;;;OAUG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAe1C,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,mBAAmB;IAd5C,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAI;IACrB,gBAAgB,SAAI;IACpB,cAAc,SAAI;IAClB,YAAY,SAAI;IAChB,KAAK,SAAI;IACT,MAAM,SAAI;IAEjB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;IACpC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAY;IAChC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;gBAGf,OAAO,EAAE,mBAAmB,EAC/C,OAAO,EAAE;QAAE,WAAW,EAAE,MAAM,eAAe,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EACvE,EACI,SAAa,EACb,SAAa,GAChB,GAAE,OAAO,CAAC,yBAAyB,CAAM;IA+B9C,MAAM,IAAI,IAAI;IAId,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;CAqC7C;AAED,KAAK,eAAe,GAAG,UAAU,CAAA;AAEjC,qBAAa,sBAAsB;IAC/B,OAAO,CAAC,MAAM,CAAI;IAClB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAe;IACxC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAe;IACtC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAe;IAC7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAe;IACxC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAe;IACtC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAe;IAE7C,IAAI,KAAK,WAER;IAED;;;;;;;OAOG;IACH,GAAG,CACC,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,GAAG,GAAE,YAAqB,EAC1B,GAAG,GAAE,YAAqB,EAC1B,0BAA0B,SAAI,EAC9B,0BAA0B,SAAI;IAWlC,WAAW,IAAI,eAAe;CAsBjC"}

package/lib/dist/painter/segments/segments.frag

@@ -0,0 +1,12 @@
+#version 300 es
+
+precision mediump float;
+
+in vec4 varColor;
+out vec4 FragColor;
+
+
+void main() {
+    if (varColor.a < 1.0) discard;
+    else FragColor = varColor;
+}

package/lib/dist/painter/segments/segments.js

@@ -0,0 +1,196 @@
+import { TgdDataset } from "./../../dataset/index.js";
+import { TgdPainter } from "./../painter.js";
+import FRAG from "./segments.frag";
+import VERT from "./segments.vert";
+/**
+ * @example
+ * ```
+ * const factory = new TgdPainterSegmentsData()
+ * factory.add(
+ *   [0, 0, 0, .2],
+ *   [1, 0, 0, .1],
+ * )
+ * factory.add(
+ *   [0, 0, 0, .2],
+ *   [0, 1, 0, .1],
+ * )
+ * factory.add(
+ *   [0, 0, 0, .2],
+ *   [0, 0, 1, .1],
+ * )
+ * const segments = new TgdPainterSegments(
+ *   segment, factory
+ * )
+ * ```
+ */
+export class TgdPainterSegments extends TgdPainter {
+    context;
+    colorTexture;
+    minRadius = 0;
+    radiusMultiplier = 1;
+    radiusConstant = 1;
+    radiusSwitch = 0;
+    light = 1;
+    shiftZ = 0;
+    vao;
+    prg;
+    vertexCount;
+    instanceCount;
+    constructor(context, factory, { roundness = 3, minRadius = 0, } = {}) {
+        super();
+        this.context = context;
+        this.minRadius = minRadius;
+        if (roundness > 125) {
+            throw Error("[TgdPainterSegments] Max roundness is 125!");
+        }
+        if (roundness < 0) {
+            throw Error("[TgdPainterSegments] Min roundness is 0!");
+        }
+        const tex = context.textures2D.create({
+            magFilter: "NEAREST",
+            minFilter: "NEAREST",
+            wrapR: "CLAMP_TO_EDGE",
+            wrapS: "CLAMP_TO_EDGE",
+            wrapT: "CLAMP_TO_EDGE",
+        });
+        tex.makePalette(["#f00", "#0f0", "#00f"]);
+        this.colorTexture = tex;
+        const prg = context.programs.create({
+            vert: VERT,
+            frag: FRAG,
+        });
+        this.prg = prg;
+        const { capsule, elements } = makeCapsule(roundness);
+        const instance = factory.makeDataset();
+        this.vao = context.createVAO(prg, [capsule, instance], elements);
+        this.vertexCount = elements.length;
+        this.instanceCount = instance.count;
+    }
+    delete() {
+        this.vao.delete();
+    }
+    paint(_time, _delay) {
+        const { context, prg, vao, colorTexture, vertexCount, instanceCount, light, radiusMultiplier, radiusConstant, radiusSwitch, shiftZ, } = this;
+        const { gl, camera } = context;
+        prg.use();
+        const minRadius = (this.minRadius * camera.spaceHeightAtTarget) /
+            (camera.zoom * camera.screenHeight);
+        prg.uniform1f("uniMinRadius", minRadius);
+        prg.uniform1f("uniLight", light);
+        prg.uniform1f("uniShiftZ", shiftZ);
+        prg.uniform1f("uniRadiusMultiplier", radiusMultiplier);
+        prg.uniform1f("uniRadiusConstant", radiusConstant);
+        prg.uniform1f("uniRadiusSwitch", radiusSwitch);
+        colorTexture.activate(prg, "uniTexture");
+        prg.uniformMatrix4fv("uniModelViewMatrix", camera.matrixModelView);
+        prg.uniformMatrix4fv("uniProjectionMatrix", camera.matrixProjection);
+        vao.bind();
+        gl.drawElementsInstanced(gl.TRIANGLES, vertexCount, gl.UNSIGNED_BYTE, 0, instanceCount);
+    }
+}
+export class TgdPainterSegmentsData {
+    _count = 0;
+    attAxyzr = [];
+    attAuv = [];
+    attAinfluence = [];
+    attBxyzr = [];
+    attBuv = [];
+    attBinfluence = [];
+    get count() {
+        return this._count;
+    }
+    /**
+     * @param Axyzr (x,y,z) and radius of point A.
+     * @param Bxyzr (x,y,z) and radius of point B.
+     * @param Auv
+     * @param Buv
+     * @param radiusMultiplierInfluenceA
+     * @param radiusMultiplierInfluenceB
+     */
+    add(Axyzr, Bxyzr, Auv = [0, 0], Buv = [0, 0], radiusMultiplierInfluenceA = 1, radiusMultiplierInfluenceB = 1) {
+        this.attAxyzr.push(...Axyzr);
+        this.attAuv.push(...Auv);
+        this.attAinfluence.push(radiusMultiplierInfluenceA);
+        this.attBxyzr.push(...Bxyzr);
+        this.attBuv.push(...Buv);
+        this.attBinfluence.push(radiusMultiplierInfluenceB);
+        this._count++;
+    }
+    makeDataset() {
+        const dataset = new TgdDataset({
+            attAxyzr: "vec4",
+            attAuv: "vec2",
+            attAinfluence: "float",
+            attBxyzr: "vec4",
+            attBuv: "vec2",
+            attBinfluence: "float",
+        }, {
+            divisor: 1,
+        });
+        dataset.set("attAxyzr", new Float32Array(this.attAxyzr));
+        dataset.set("attAuv", new Float32Array(this.attAuv));
+        dataset.set("attAinfluence", new Float32Array(this.attAinfluence));
+        dataset.set("attBxyzr", new Float32Array(this.attBxyzr));
+        dataset.set("attBuv", new Float32Array(this.attBuv));
+        dataset.set("attBinfluence", new Float32Array(this.attBinfluence));
+        return dataset;
+    }
+}
+/**
+ * The capsule is a 2D shape (x,y) that will be uses
+ * as a pattern for the segment.
+ * The segment will expand this template along Y axis.
+ * The tip pointing toward +Y is called A.
+ * The tip pointing toward -Y is called B.
+ * The z coodinates indicates to which tip the point
+ * is attached: 0 for A and 1 for B.
+ */
+function makeCapsule(roundness) {
+    // prettier-ignore
+    const offset = [
+        0, 0, 0,
+        1, 0, 0,
+        -1, 0, 0,
+        0, 0, 1,
+        1, 0, 1,
+        -1, 0, 1,
+    ];
+    // prettier-ignore
+    const elements = [
+        0, 3, 1,
+        3, 4, 1,
+        0, 2, 5,
+        3, 0, 5,
+    ];
+    if (roundness > 0) {
+        let oldIndexA = 1;
+        let oldIndexB = 4;
+        let elemIndex = 6;
+        for (let i = 0; i < roundness; i++) {
+            const ang = (Math.PI * (i + 1)) / (roundness + 1);
+            const x = Math.cos(ang);
+            const y = Math.sin(ang);
+            // We set z to 0 because it's related to tip A.
+            offset.push(x, y, 0);
+            elements.push(0, oldIndexA, elemIndex);
+            oldIndexA = elemIndex;
+            elemIndex++;
+            // We set z to 1 because it's related to tip B.
+            offset.push(x, -y, 1);
+            elements.push(3, elemIndex, oldIndexB);
+            oldIndexB = elemIndex;
+            elemIndex++;
+        }
+        elements.push(0, oldIndexA, 2);
+        elements.push(3, 5, oldIndexB);
+    }
+    const capsule = new TgdDataset({
+        attOffset: "vec3",
+    });
+    capsule.set("attOffset", new Float32Array(offset));
+    return {
+        capsule,
+        elements: new Uint8Array(elements),
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFpbnRlci9zZWdtZW50cy9zZWdtZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQVVqRCxPQUFPLElBQUksTUFBTSxpQkFBaUIsQ0FBQTtBQUNsQyxPQUFPLElBQUksTUFBTSxpQkFBaUIsQ0FBQTtBQXFCbEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFVBQVU7SUFldkI7SUFkaEIsWUFBWSxDQUFjO0lBQzFCLFNBQVMsR0FBVyxDQUFDLENBQUE7SUFDckIsZ0JBQWdCLEdBQUcsQ0FBQyxDQUFBO0lBQ3BCLGNBQWMsR0FBRyxDQUFDLENBQUE7SUFDbEIsWUFBWSxHQUFHLENBQUMsQ0FBQTtJQUNoQixLQUFLLEdBQUcsQ0FBQyxDQUFBO0lBQ1QsTUFBTSxHQUFHLENBQUMsQ0FBQTtJQUVBLEdBQUcsQ0FBZ0I7SUFDbkIsR0FBRyxDQUFZO0lBQ2YsV0FBVyxDQUFRO0lBQ25CLGFBQWEsQ0FBUTtJQUV0QyxZQUN1QixPQUE0QixFQUMvQyxPQUF1RSxFQUN2RSxFQUNJLFNBQVMsR0FBRyxDQUFDLEVBQ2IsU0FBUyxHQUFHLENBQUMsTUFDdUIsRUFBRTtRQUUxQyxLQUFLLEVBQUUsQ0FBQTtRQVBZLFlBQU8sR0FBUCxPQUFPLENBQXFCO1FBUS9DLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFBO1FBQzFCLElBQUksU0FBUyxHQUFHLEdBQUcsRUFBRSxDQUFDO1lBQ2xCLE1BQU0sS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUE7UUFDN0QsQ0FBQztRQUNELElBQUksU0FBUyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ2hCLE1BQU0sS0FBSyxDQUFDLDBDQUEw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

package/lib/dist/painter/segments/segments.vert

@@ -0,0 +1,114 @@
+#version 300 es
+
+precision mediump float;
+
+uniform sampler2D uniTexture;
+uniform mat4 uniModelViewMatrix;
+uniform mat4 uniProjectionMatrix;
+// Minimal value for the radius.
+uniform float uniMinRadius;
+// Multiply all radii by this value.
+uniform float uniRadiusMultiplier;
+// When uniRadiusSwitch == 1.0,
+// we use uniRadiusConstant as radius. 
+uniform float uniRadiusConstant;
+// 0.0 means we will use the radius defined
+// in the attribute attAxyzr or attBaxyz.
+// 1.0 means we use uniRadiusConstant for
+// all vertices.
+uniform float uniRadiusSwitch;
+// Multiply the color by this value;
+uniform float uniLight;
+// Push the segments away from camera of `uniShiftZ`.
+// This can be used if you want contours on the segments:
+// just increase `uniRadiusMultiplier`, set a low `uniLight`,
+// and set a small positive `uniShiftZ`.
+uniform float uniShiftZ;
+
+//===================
+// Vertex attributes
+//-------------------
+
+// Position of the vertex, relative to
+// the current center and assuming a
+// radius of 1.
+// Z tells you what tip is your center: 0 for A and 1 for B.
+in vec3 attOffset;
+
+//=====================
+// Instance attributes
+//---------------------
+
+// Coords and radious of tip A.
+in vec4 attAxyzr;
+// Coords and radious of tip B.
+in vec4 attBxyzr;
+// The color is taken from a texture.
+in vec2 attAuv;
+in vec2 attBuv;
+// 0 means that nothing modifies the initial radius,
+// except the minRadius.
+in float attAinfluence;
+in float attBinfluence;
+
+
+out vec4 varColor;
+
+
+vec3 worldToCamera(vec3 v);
+float getRadius(float tip);
+mat3 getTransfoMatrix(float tip, vec3 camA, vec3 camB);
+
+void main() {
+    vec3 camA = worldToCamera(attAxyzr.xyz);
+    vec3 camB = worldToCamera(attBxyzr.xyz);
+    float tip = attOffset.z;
+    vec2 uv = mix(attAuv, attBuv, tip);
+    varColor = texture(uniTexture, uv)
+        *   vec4(uniLight, uniLight, uniLight, 1.0);
+    float radius = getRadius(tip);
+    mat3 transfo = getTransfoMatrix(tip, camA, camB);
+    vec3 point = transfo * vec3(attOffset.xy * radius, 1.0);
+    point.z -= uniShiftZ;
+    gl_Position = 
+        uniProjectionMatrix 
+        * vec4(point, 1);
+}
+
+float getRadius(float tip) {
+    float influence = mix(attAinfluence, attBinfluence, tip);
+    float originalRadius = mix(
+        attAxyzr.w,
+        attBxyzr.w,
+        tip
+    );
+    float modifiedRadius = mix(
+        originalRadius,
+        uniRadiusConstant,
+        uniRadiusSwitch
+    ) * uniRadiusMultiplier;
+    float radius = mix(
+        originalRadius,
+        modifiedRadius,
+        influence
+    );
+    return max(uniMinRadius, radius);
+}
+
+vec3 worldToCamera(vec3 v) {
+    vec4 result = uniModelViewMatrix * vec4(v, 1.0);
+    return result.xyz;
+}
+
+mat3 getTransfoMatrix(float tip, vec3 camA, vec3 camB) {
+    // What is the current tip?
+    vec3 camO = mix(camA, camB, tip);
+    vec2 A = camA.xy;
+    vec2 B = camB.xy;
+    vec3 Y = vec3(
+        A == B ? vec2(0, 1) : normalize(A - B),
+        0
+    );
+    vec3 X = vec3(Y.y, -Y.x, 0);
+    return mat3(X, Y, camO);
+}

package/lib/dist/painter/skybox/index.js

@@ -0,0 +1,2 @@
+export * from "./skybox.js";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFpbnRlci9za3lib3gvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxVQUFVLENBQUEifQ==

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

@@ -1,26 +1,20 @@
-import { TdgTextureCubeOptions } from "@/types";
-import { TgdContext } from "@/context";
-import { TgdPainter } from "@/painter";
-import { TgdCamera } from "@/camera";
-export interface TgdPainterSkyboxOptions {
-    zoom: number;
-    x: number;
-    y: number;
-    z: number;
-}
-export declare class TgdPainterSkybox implements TgdPainter {
+import { TgdTextureCubeOptions } from "../../types";
+import { TgdContext } from "../../context";
+import { TgdPainter } from "../painter";
+import { TgdCameraPerspective } from "../../camera";
+export type TgdPainterSkyboxOptions = TgdTextureCubeOptions & {
+    camera?: TgdCameraPerspective;
+};
+export declare class TgdPainterSkybox extends TgdPainter {
     private readonly context;
-    camera: TgdCamera;
+    camera: TgdCameraPerspective;
     private readonly texture;
     private readonly program;
     private readonly vao;
     private readonly matrix;
     private readonly tmpMat;
-    constructor(context: TgdContext, options: TdgTextureCubeOptions & {
-        camera: TgdCamera;
-    });
+    constructor(context: TgdContext, options: TgdPainterSkyboxOptions);
     delete(): void;
-    paint(time: number, delay: number): void;
-    update(time: number, delay: number): void;
+    paint(): void;
 }
 //# sourceMappingURL=skybox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"skybox.d.ts","sourceRoot":"","sources":["../../../src/painter/skybox/skybox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAMtC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGpC,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,qBAAa,gBAAiB,YAAW,UAAU;IAU3C,OAAO,CAAC,QAAQ,CAAC,OAAO;IATrB,MAAM,EAAE,SAAS,CAAA;IAExB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IACpC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;gBAGlB,OAAO,EAAE,UAAU,EACpC,OAAO,EAAE,qBAAqB,GAAG;QAAE,MAAM,EAAE,SAAS,CAAA;KAAE;IAkB1D,MAAM,IAAI,IAAI;IAKd,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAexC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAa5C"}
+{"version":3,"file":"skybox.d.ts","sourceRoot":"","sources":["../../../src/painter/skybox/skybox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAMlD,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,GAAG;IAC1D,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAChC,CAAA;AAED,qBAAa,gBAAiB,SAAQ,UAAU;IAUxC,OAAO,CAAC,QAAQ,CAAC,OAAO;IATrB,MAAM,EAAE,oBAAoB,CAAA;IAEnC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAgB;IACxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IACpC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAgB;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;gBAGlB,OAAO,EAAE,UAAU,EACpC,OAAO,EAAE,uBAAuB;IAmBpC,MAAM,IAAI,IAAI;IAKd,KAAK,IAAI,IAAI;CA0BhB"}

package/lib/dist/painter/skybox/skybox.frag

@@ -0,0 +1,15 @@
+#version 300 es
+
+precision highp float;
+
+uniform samplerCube uniTexture;
+uniform mat4 uniMatrix;
+
+in vec4 varPoint;
+
+out vec4 FragColor;
+
+void main() {
+    vec4 t = uniMatrix * varPoint;
+    FragColor = texture(uniTexture, normalize(t.xyz / t.w));
+}