v good

src/pipelines/brush/brush-pipeline.ts

@@ -21,6 +21,7 @@ export class BrushPipeline {
   private static readonly MAX_LINE_COUNT = appConfig.pipelines.brush.maxLineCount;
   private static readonly VERTICES_PER_LINE_SEGMENT = 6;
   private static readonly ATTRIBUTES_PER_LINE_SEGMENT = 6;
+  private static readonly FEATHER_RADIUS_RATIO = 0.22;
 
   private readonly bindGroupLayout: GPUBindGroupLayout;
   private readonly bindGroup: GPUBindGroup;
@@ -92,6 +93,18 @@ export class BrushPipeline {
         targets: [
           {
             format: 'rgba16float',
+            blend: {
+              color: {
+                operation: 'max',
+                srcFactor: 'one',
+                dstFactor: 'one',
+              },
+              alpha: {
+                operation: 'max',
+                srcFactor: 'one',
+                dstFactor: 'one',
+              },
+            },
           },
         ],
       },
@@ -143,8 +156,14 @@ export class BrushPipeline {
     selectedColorIndex,
     isErasing,
   }: BrushSettings & { selectedColorIndex: number; isErasing: boolean }) {
-    this.uniformValues[0] = brushSize / 2;
-    this.uniformValues[1] = Math.floor((brushSize / 2) * brushSizeVariation);
+    const brushRadius = brushSize / 2;
+    const brushRadiusVariation = Math.floor(brushRadius * brushSizeVariation);
+    const brushFeather = Math.max(1, brushRadius * BrushPipeline.FEATHER_RADIUS_RATIO);
+    const brushGeometryRadius =
+      brushRadius + Math.max(0, brushRadiusVariation) + brushFeather;
+
+    this.uniformValues[0] = brushRadius;
+    this.uniformValues[1] = brushRadiusVariation;
     this.uniformValues[2] = 0;
     this.uniformValues[3] = 0;
     this.uniformValues[4] = !isErasing && selectedColorIndex === 0 ? 1 : 0;
@@ -178,7 +197,7 @@ export class BrushPipeline {
         floatOffset,
         segment.from,
         segment.to,
-        brushSize / 2
+        brushGeometryRadius
       );
     }