@taole/giftstage 0.2.1 → 0.2.2

package/dist/gift-stage.es.js

@@ -2506,11 +2506,11 @@ const rg = class CA {
     }), bindGroupLayout: B, textureCount: 1 }, this.pipelines.set(g, I), I;
   }
   ensureParticlePipeline(A) {
-    const g = `particle-instanced:${A}`;
-    let I = this.pipelines.get(g);
-    if (I) return I;
+    const g = this.frameUsesStencil ? "pass" : "none", I = `particle-instanced:${A}:${g}`;
+    let B = this.pipelines.get(I);
+    if (B) return B;
     this.ensureInstancedProjectionBuffer();
-    const B = this.device.createBindGroupLayout({
+    const Q = this.device.createBindGroupLayout({
       entries: [
         {
           binding: 0,
@@ -2523,11 +2523,12 @@ const rg = class CA {
           buffer: { type: "read-only-storage", minBindingSize: 80 }
         }
       ]
-    }), Q = this.device.createShaderModule({ code: SA.particleInstanced }), E = A === "additive";
-    return I = { pipeline: this.device.createRenderPipeline({
-      layout: this.device.createPipelineLayout({ bindGroupLayouts: [B] }),
+    }), E = this.device.createShaderModule({ code: SA.particleInstanced }), i = A === "additive";
+    return B = { pipeline: this.device.createRenderPipeline({
+      label: `particle-instanced:${A}:${g}`,
+      layout: this.device.createPipelineLayout({ bindGroupLayouts: [Q] }),
       vertex: {
-        module: Q,
+        module: E,
         entryPoint: "vs",
         buffers: [{
           arrayStride: 8,
@@ -2535,11 +2536,11 @@ const rg = class CA {
         }]
       },
       fragment: {
-        module: Q,
+        module: E,
         entryPoint: "fs",
         targets: [{
           format: this.format,
-          blend: E ? {
+          blend: i ? {
             color: { srcFactor: "one", dstFactor: "one" },
             alpha: { srcFactor: "one", dstFactor: "one" }
           } : {
@@ -2549,8 +2550,16 @@ const rg = class CA {
         }]
       },
       primitive: { topology: "triangle-list" },
+      depthStencil: g === "pass" ? {
+        format: "depth24plus-stencil8",
+        depthWriteEnabled: !1,
+        depthCompare: "always",
+        stencilFront: { compare: "always", passOp: "keep", failOp: "keep", depthFailOp: "keep" },
+        stencilBack: { compare: "always", passOp: "keep", failOp: "keep", depthFailOp: "keep" },
+        stencilWriteMask: 0
+      } : void 0,
       multisample: { count: this.msaaSampleCount }
-    }), bindGroupLayout: B, textureCount: 0 }, this.pipelines.set(g, I), I;
+    }), bindGroupLayout: Q, textureCount: 0 }, this.pipelines.set(I, B), B;
   }
   createInstancedSvgaPipeline(A, g, I) {
     this.ensureInstancedProjectionBuffer(), this.ensureInstancedStorageBuffer();
@@ -3868,7 +3877,7 @@ const rg = class CA {
     const s = A.uniforms.u_projection;
     if (!(s instanceof Float32Array) || s.length < 16) return;
     this.ensureInstancedProjection(s);
-    const n = `${a}:${E.id}`;
+    const n = `${this.frameUsesStencil ? "pass" : "none"}:${a}:${E.id}`;
     let r = this.particleDataBindGroupCache.get(n);
     r || (r = this.device.createBindGroup({
       layout: o.bindGroupLayout,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taole/giftstage",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "High-performance WebGPU/WebGL gift animation player unifying SVGA, VAP, AlphaVideo, and images",
   "type": "module",
   "main": "dist/gift-stage.cjs",