@chromatic-coherence/generative-charts-3d 0.13.0 → 0.13.1

package/dist/index.d.ts

@@ -166,6 +166,9 @@ export declare class World {
     private resize;
     private col;
     private parseCol;
+    private inkCss;
+    /** Remap a recipe-supplied css colour for the ink edition's overlay labels (identity when dark). */
+    private themedCss;
     private pushFace;
     /** v0.2 — pass per-vertex normals (na, nb, nc) and shading interpolates SMOOTHLY across
      *  the face: the facets vanish. Omit them for flat shading, exactly as before. */

package/dist/index.js

@@ -300,6 +300,7 @@ export class World {
         this.fw = v3();
         this.focal = 0;
         this.vp = new Float32Array(16);
+        this.inkCss = new Map();
         this.canvas = o.canvas;
         const gl = o.canvas.getContext("webgl", { alpha: true, antialias: true, premultipliedAlpha: true });
         if (!gl)
@@ -430,6 +431,18 @@ export class World {
         const m = /hsl\(\s*([\d.]+)[deg\s]*[, ]\s*([\d.]+)%[, ]\s*([\d.]+)%/.exec(c);
         return m ? this.col(+m[1], +m[2], +m[3]) : (this.ink ? [0.18, 0.18, 0.28] : [0.9, 0.9, 1]);
     }
+    /** Remap a recipe-supplied css colour for the ink edition's overlay labels (identity when dark). */
+    themedCss(color) {
+        if (!this.ink)
+            return color;
+        let c = this.inkCss.get(color);
+        if (!c) {
+            const m = /hsl\(\s*([\d.]+)(?:deg)?[\s,]+([\d.]+)%[\s,]+([\d.]+)%\s*\)/.exec(color);
+            c = m ? `hsl(${m[1]} ${m[2]}% ${clamp(100 - +m[3], 0, 100)}%)` : color;
+            this.inkCss.set(color, c);
+        }
+        return c;
+    }
     // ── building the static world (same verbs as 2d) ──
     pushFace(store, a, b, c, o, na, nb, nc) {
         const n = na ? undefined : norm(cross(sub(b, a), sub(c, a)));
@@ -643,7 +656,7 @@ export class World {
             if (!q)
                 continue;
             this.og.globalAlpha = clamp(l.alpha, 0, 1);
-            this.og.fillStyle = l.color;
+            this.og.fillStyle = this.themedCss(l.color);
             this.og.fillText(l.text, q.x, q.y + l.dy);
         }
         this.og.globalAlpha = 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-coherence/generative-charts-3d",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "The second generative-charts engine — the same API as generative-charts-2d, rendered on WebGL: a real depth buffer (occlusion exact, always on, for solids and light) and per-pixel Lambert + point lights. Zero dependencies.",
   "type": "module",
   "main": "./dist/index.js",