webgl2-sdf 0.0.4 → 0.0.6

package/src/utils/seg-box-x.ts

@@ -23,8 +23,12 @@ function segBoxX(
     
     // Parametric line equation: P(t) = P1 + t*(P2-P1), where 0 <= t <= 1
     
-    const ts: number[] = [];
-    const ps: number[][] = [];
+    // const ts: number[] = [];
+    // const ps: number[][] = [];
+    const xs: {
+        t: number,
+        p: number[]
+    }[] = [];
 
     if (dx !== 0) {
         // Check intersection with left edge (x = minX)
@@ -32,8 +36,9 @@ function segBoxX(
         if (tL >= 0 && tL <= 1) {
             const y = y0 + tL*dy;
             if (y >= minY && y <= maxY) {
-                ts.push(tL);
-                ps.push([minX, y]);
+                // ts.push(tL);
+                // ps.push([minX, y]);
+                xs.push({ t: tL, p: [minX, y] });
             }
         }
         
@@ -42,8 +47,9 @@ function segBoxX(
         if (tR >= 0 && tR <= 1) {
             const y = y0 + tR*dy;
             if (y >= minY && y <= maxY) {
-                ts.push(tR);
-                ps.push([maxX, y]);
+                // ts.push(tR);
+                // ps.push([maxX, y]);
+                xs.push({ t: tR, p: [maxX, y] });
             }
         }
     }
@@ -54,8 +60,9 @@ function segBoxX(
         if (tT >= 0 && tT <= 1) {
             const x = x0 + tT*dx;
             if (x >= minX && x <= maxX) {
-                ts.push(tT);
-                ps.push([x, minY]);
+                // ts.push(tT);
+                // ps.push([x, minY]);
+                xs.push({ t: tT, p: [x, minY] });
             }
         }
 
@@ -64,20 +71,26 @@ function segBoxX(
         if (tB >= 0 && tB <= 1) {
             const x = x0 + tB*dx;
             if (x >= minX && x <= maxX) {
-                ts.push(tB);
-                ps.push([x, maxY]);
+                // ts.push(tB);
+                // ps.push([x, maxY]);
+                xs.push({ t: tB, p: [x, maxY] });
             }
         }
     }
     
-    // TODO might be more than 2!!
-    if (ts.length === 2) {
-        return ts[0] < ts[1]
-            ? ps
-            : [ps[1],ps[0]];
-    }
 
-    return ps;
+    const seen = new Set<number>();  // Store unique t values
+    const xs_ = xs.filter(x => {
+        const { t } = x;
+        if (seen.has(t)) {
+            return false;
+        } else {
+            seen.add(t);
+            return true;
+        }
+    });
+
+    return xs_.sort((a,b) => a.t - b.t).map(x => x.p);
 }
 
 

package/src/webgl-utils/{get-gl-context.ts → get-web-gl-context.ts}

@@ -24,29 +24,19 @@ function getWebGlContext(
     const programs: { [index:string]: Program } = {};
     const textures: { [index:string]: Texture } = {};
 
-    gl.canvas.addEventListener('webglcontextlost', e => {
-        onContextLoss();
-        e.preventDefault();
-    }, false);
+    const glContext: GlContext = { gl, textures, programs };
+
+    gl.canvas.addEventListener('webglcontextlost', event => {
+        deleteAllProps(programs);
+        deleteAllProps(textures);
+        cache.delete(gl);
 
-    const glContext: GlContext = {
-        gl,
-        onContextLoss,
-        textures,
-        programs
-    };
+        glContext.onContextLoss?.(event);
+    }, false);
 
     cache.set(gl, glContext);
 
     return glContext;
-
-
-    ////////////////////////
-
-    function onContextLoss() {
-        deleteAllProps(programs);
-        deleteAllProps(textures);
-    }
 }
 
 

package/node/shaders/main.fragment.d.ts

@@ -1,2 +0,0 @@
-declare function getMainFragment(colCount: number, padCount: number): string;
-export { getMainFragment };

package/node/shaders/main.fragment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.fragment.js","sourceRoot":"","sources":["../../src/shaders/main.fragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,MAAM,KAAK,GAAkD,EAAE,CAAC;AAGhE,SAAS,eAAe,CAChB,QAAgB,EAChB,QAAgB;IAEpB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,GAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC;IACjD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAAC,OAAO,QAAQ,CAAC;IAAC,CAAC;IAEpD,MAAM,aAAa;IACnB,QAAQ,CAAA;;;;;;;;;;;;gCAYwB,CAAC,SAAS,GAAG,CAAC,GAAC,QAAQ,CAAC,GAAC,CAAC,QAAQ,GAAG,CAAC,GAAC,QAAQ,CAAC,GAAG,CAAC;;;iCAGnD,SAAS,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAuDR,SAAS;;kEAEmB,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAsD7B,SAAS;;;;;;;;;CAStD,CAAA;IAEG,KAAK,CAAC,IAAI,GAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,aAAa,CAAC;IAChD,OAAO,aAAa,CAAC;AACzB,CAAC;AAGD,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/node/shaders/main.vertex.d.ts

@@ -1,2 +0,0 @@
-declare const main_Vertex = "#version 300 es\n\nprecision highp float;\n\nuniform vec2 uWidthHeight;\nin vec2 aUV;\nin ivec2 aCloseCellIdxRangePerCell;\nin ivec2 aCrossIdxRangePerCell;\nout vec2 vXY;\nflat out int instanceId;\nflat out ivec2 closeCellIdxRange;\nflat out ivec2 crossCellIdxRange;\n\n\nvoid main() {\n    instanceId = gl_InstanceID;\n    closeCellIdxRange = aCloseCellIdxRangePerCell;\n    crossCellIdxRange = aCrossIdxRangePerCell;\n\n    // drawn column-by-column\n    float i = float(instanceId / 32);  // column index\n    float j = float(instanceId % 32);  // row index\n\n    vec2 trans = vec2(\n        i / float(32),\n        j / float(32)\n    );\n\n    vec2 uv = aUV + trans;\n\n    float width = uWidthHeight.x;\n    float height = uWidthHeight.y;\n\n    vXY = vec2(\n        height * uv.x,\n        height * uv.y\n    );\n\n    float aspectRatio = width / height;\n\n    gl_Position = vec4(\n        vec2(\n            (2.0*(uv.x / aspectRatio) - 1.0),\n            2.0*uv.y - 1.0\n        ),\n        0.0, 1.0\n    );\n}\n";
-export { main_Vertex };

package/node/shaders/main.vertex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.vertex.js","sourceRoot":"","sources":["../../src/shaders/main.vertex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,GAAG,QAAQ,CAAA;;;;;;;;;;;;;;;;;;;;mCAoBO,SAAS;mCACT,SAAS;;;oBAGxB,SAAS;oBACT,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuB5B,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/node/webgl-utils/get-gl-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-gl-context.js","sourceRoot":"","sources":["../../src/webgl-utils/get-gl-context.ts"],"names":[],"mappings":"AAKA,MAAM,KAAK,GAAG,IAAI,OAAO,EAAqC,CAAC;AAG/D;;;;;;GAMG;AACH,SAAS,eAAe,CAChB,EAA0B;IAE9B,CAAC;QACG,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,SAAS,EAAE,CAAC;YAAC,OAAO,SAAS,CAAC;QAAC,CAAC;IACxC,CAAC;IAED,MAAM,QAAQ,GAAgC,EAAE,CAAC;IACjD,MAAM,QAAQ,GAAgC,EAAE,CAAC;IAEjD,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,CAAC,EAAE;QAC/C,aAAa,EAAE,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACvB,CAAC,EAAE,KAAK,CAAC,CAAC;IAEV,MAAM,SAAS,GAAc;QACzB,EAAE;QACF,aAAa;QACb,QAAQ;QACR,QAAQ;KACX,CAAC;IAEF,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IAEzB,OAAO,SAAS,CAAC;IAGjB,wBAAwB;IAExB,SAAS,aAAa;QAClB,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzB,cAAc,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC;AACL,CAAC;AAGD,SAAS,cAAc,CAAC,CAA6B;IACjD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAGD,OAAO,EAAE,eAAe,EAAE,CAAA"}