1 files changed, 30 insertions, 1 deletions
diff --git a/tools/cnn_v2_test/index.html b/tools/cnn_v2_test/index.html
index 9636ecf..ca89fb4 100644
--- a/tools/cnn_v2_test/index.html
+++ b/tools/cnn_v2_test/index.html
@@ -1211,12 +1211,41 @@ class CNNTester {
       });
     }
 
+    // Extract depth from alpha channel (or 1.0 if no alpha)
+    const depthTex = this.device.createTexture({
+      size: [width, height, 1],
+      format: 'r32float',
+      usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST
+    });
+
+    // Read image data to extract alpha channel
+    const tempCanvas = document.createElement('canvas');
+    tempCanvas.width = width;
+    tempCanvas.height = height;
+    const tempCtx = tempCanvas.getContext('2d');
+    tempCtx.drawImage(source, 0, 0, width, height);
+    const imageData = tempCtx.getImageData(0, 0, width, height);
+    const pixels = imageData.data;
+
+    // Extract alpha channel (RGBA format: every 4th byte)
+    const depthData = new Float32Array(width * height);
+    for (let i = 0; i < width * height; i++) {
+      depthData[i] = pixels[i * 4 + 3] / 255.0;  // Alpha channel [0, 255] → [0, 1]
+    }
+
+    this.device.queue.writeTexture(
+      { texture: depthTex },
+      depthData,
+      { bytesPerRow: width * 4 },
+      [width, height, 1]
+    );
+
     const staticBG = this.device.createBindGroup({
       layout: staticPipeline.getBindGroupLayout(0),
       entries: [
         { binding: 0, resource: this.inputTexture.createView() },
         { binding: 1, resource: this.pointSampler },
-        { binding: 2, resource: this.inputTexture.createView() },  // Use input as depth (matches C++)
+        { binding: 2, resource: depthTex.createView() },  // Depth from alpha (matches training)
         { binding: 3, resource: staticTex.createView() },
         { binding: 4, resource: { buffer: mipLevelBuffer } }
       ]