@vib3code/sdk 2.0.3-canary.6f35b4c → 2.0.3-canary.74aebb4

package/src/export/index.js

@@ -8,7 +8,17 @@ export { exportSVG, downloadSVG } from './SVGExporter.js';
 export { exportCSS, downloadCSS, toStyleObject } from './CSSExporter.js';
 export { exportLottie, downloadLottie } from './LottieExporter.js';
 
-// Re-export existing managers
+// Core managers
 export { ExportManager } from './ExportManager.js';
 export { CardGeneratorBase } from './CardGeneratorBase.js';
 export { TradingCardManager } from './TradingCardManager.js';
+
+// Shader & package exporters
+export { ShaderExporter } from './ShaderExporter.js';
+export { VIB3PackageExporter, VIB3_PACKAGE_VERSION, createVIB3Package } from './VIB3PackageExporter.js';
+export { TradingCardGenerator } from './TradingCardGenerator.js';
+
+// Per-system card generators
+export { TradingCardSystemFaceted } from './systems/TradingCardSystemFaceted.js';
+export { TradingCardSystemHolographic } from './systems/TradingCardSystemHolographic.js';
+export { TradingCardSystemQuantum } from './systems/TradingCardSystemQuantum.js';

package/src/faceted/FacetedSystem.js

@@ -160,10 +160,16 @@ const FRAGMENT_SHADER_GLSL = `
         int geomType = int(clamp(floor(baseGeomFloat + 0.5), 0.0, totalBase - 1.0));
 
         if (geomType == 0) {
-            // Tetrahedron lattice
-            vec4 pos = fract(p * u_gridDensity * 0.08);
-            vec4 dist = min(pos, 1.0 - pos);
-            return min(min(dist.x, dist.y), min(dist.z, dist.w)) * u_morphFactor;
+            // Tetrahedron lattice — tetrahedral symmetry planes
+            float d = u_gridDensity * 0.08;
+            vec3 c1 = normalize(vec3(1.0, 1.0, 1.0));
+            vec3 c2 = normalize(vec3(-1.0, -1.0, 1.0));
+            vec3 c3 = normalize(vec3(-1.0, 1.0, -1.0));
+            vec3 c4 = normalize(vec3(1.0, -1.0, -1.0));
+            vec3 q = fract(p.xyz * d + 0.5) - 0.5;
+            float minPlane = min(min(abs(dot(q, c1)), abs(dot(q, c2))),
+                                 min(abs(dot(q, c3)), abs(dot(q, c4))));
+            return (1.0 - smoothstep(0.0, 0.05, minPlane)) * u_morphFactor;
         }
         else if (geomType == 1) {
             // Hypercube lattice
@@ -429,8 +435,15 @@ fn geometryFunction_w(p: vec4<f32>) -> f32 {
     let gt = i32(clamp(floor(baseFloat + 0.5), 0.0, 7.0));
     let d = u.gridDensity * 0.08;
     if (gt == 0) {
-        let pos = fract(p * d); let dist = min(pos, 1.0 - pos);
-        return min(min(dist.x, dist.y), min(dist.z, dist.w)) * u.morphFactor;
+        // Tetrahedron — tetrahedral symmetry planes
+        let c1 = normalize(vec3<f32>(1.0, 1.0, 1.0));
+        let c2 = normalize(vec3<f32>(-1.0, -1.0, 1.0));
+        let c3 = normalize(vec3<f32>(-1.0, 1.0, -1.0));
+        let c4 = normalize(vec3<f32>(1.0, -1.0, -1.0));
+        let q = fract(p.xyz * d + 0.5) - 0.5;
+        let minPlane = min(min(abs(dot(q, c1)), abs(dot(q, c2))),
+                           min(abs(dot(q, c3)), abs(dot(q, c4))));
+        return (1.0 - smoothstep(0.0, 0.05, minPlane)) * u.morphFactor;
     } else if (gt == 1) {
         let pos = fract(p * d); let dist = min(pos, 1.0 - pos);
         return min(min(dist.x, dist.y), min(dist.z, dist.w)) * u.morphFactor;
@@ -634,15 +647,19 @@ export class FacetedSystem {
         return false;
     }
 
-    async initialize() {
+    async initialize(options = {}) {
         if (this.initialized) return true;
-        const canvas = document.getElementById('faceted-content-canvas') ||
+        const canvas = options.canvas ||
+                      document.getElementById('faceted-content-canvas') ||
                       document.getElementById('content-canvas');
         if (!canvas) {
             console.warn("FacetedSystem: No canvas found for initialize()");
             return false;
         }
-        return this.initWithBridge(canvas, { preferWebGPU: false });
+        return this.initWithBridge(canvas, {
+            preferWebGPU: options.preferWebGPU !== undefined ? options.preferWebGPU : true,
+            debug: options.debug || false
+        });
     }
 
     // ─── Parameters ───
@@ -775,7 +792,7 @@ export class FacetedSystem {
         if (layer) layer.style.display = active ? 'block' : 'none';
     }
 
-    init(context) { return this.initialize(); }
+    init(context = {}) { return this.initialize(context); }
 
     resize(width, height, pixelRatio = 1) {
         const w = Math.floor(width * pixelRatio);