Apply depthBias (similar to glPolygonOffset)

mhochsteger · Oct 16, 2024 · c056fd6 · c056fd6
1 parent 16c54b5
commit c056fd6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/shader.wgsl b/shader.wgsl
@@ -51,7 +51,6 @@ fn mainVertexTrig(@builtin(vertex_index) vertexId: u32, @builtin(instance_index)
     var vid: u32 = trig.v[vertexId];
     var p = vertices[vid];
     var position = calcPosition(p);
-    position.z = 0.01;
     var lam: vec3<f32> = vec3<f32>(0.);
     lam[vertexId] = 1.0;
     var value: f32 = p.x;

diff --git a/webgpu.py b/webgpu.py
@@ -87,7 +87,7 @@ def __init__(self, device, canvas):
         self.depth_stencil = {
             "format": self.depth_format,
             "depthWriteEnabled": True,
-            "depthCompare": "less-equal",
+            "depthCompare": "less",
         }
 
         self.depth_texture = device.createTexture(
@@ -302,7 +302,9 @@ def _create_pipelines(self, shader_code):
                         "targets": [{"format": self.gpu.format}],
                     },
                     "primitive": {"topology": "line-list"},
-                    "depthStencil": self.gpu.depth_stencil,
+                    "depthStencil": {
+                        **self.gpu.depth_stencil,
+                    },
                 }
             )
         )
@@ -321,7 +323,12 @@ def _create_pipelines(self, shader_code):
                         "targets": [{"format": self.gpu.format}],
                     },
                     "primitive": {"topology": "triangle-list"},
-                    "depthStencil": self.gpu.depth_stencil,
+                    "depthStencil": {
+                        **self.gpu.depth_stencil,
+                        # shift trigs behind to ensure that edges are rendered properly
+                        "depthBias": 1.0,
+                        "depthBiasSlopeScale": 1,
+                    },
                 }
             )
         )