Fix: graphics tint using mix instead of multiply

src/scene/container/utils/mixColors.ts

@@ -36,4 +36,3 @@ export function mixStandardAnd32BitColors(localColorRGB: number, localAlpha: num
 
     return sharedBGRColor + (globalAlpha << 24);
 }
-

src/scene/graphics/gl/GlGraphicsAdaptor.ts

@@ -73,6 +73,8 @@ export class GlGraphicsAdaptor implements GraphicsAdaptor
         // WebGL specific..
         shader.groups[0] = renderer.globalUniforms.bindGroup;
 
+        renderer.state.set(graphicsPipe.state);
+
         renderer.shader.bind(shader);
 
         renderer.geometry.bind(geometry, shader.glProgram);

src/scene/graphics/shared/BatchableGraphics.ts

@@ -1,4 +1,4 @@
-import { mixColors } from '../../container/utils/mixColors';
+import { multiplyHexColors } from '../../container/utils/multiplyHexColors';
 
 import type { Batch, BatchableObject, Batcher } from '../../../rendering/batcher/shared/Batcher';
 import type { IndexBufferArray } from '../../../rendering/renderers/shared/geometry/Geometry';
@@ -70,7 +70,7 @@ export class BatchableGraphics implements BatchableObject
 
         if (this.applyTransform)
         {
-            const argb = mixColors(bgr, graphics.groupColor)
+            const argb = multiplyHexColors(bgr, graphics.groupColor)
             + ((this.alpha * graphics.groupAlpha * 255) << 24);
 
             const wt = graphics.groupTransform;

tests/visual/scenes/graphics/graphics-blend.scene.ts

@@ -0,0 +1,18 @@
+import { Graphics } from '../../../../src/scene/graphics/shared/Graphics';
+
+import type { Container } from '../../../../src/scene/container/Container';
+import type { TestScene } from '../../types';
+
+export const scene: TestScene = {
+    it: 'should set blend of graphics correctly',
+    create: async (scene: Container) =>
+    {
+        const rect = new Graphics().rect(0, 0, 100, 100).fill('red');
+
+        rect.context.batchMode = 'no-batch';
+
+        rect.blendMode = 'erase';
+
+        scene.addChild(rect);
+    },
+};

tests/visual/scenes/graphics/graphics-tint.scene.ts

@@ -0,0 +1,17 @@
+import { Graphics } from '../../../../src/scene/graphics/shared/Graphics';
+
+import type { Container } from '../../../../src/scene/container/Container';
+import type { TestScene } from '../../types';
+
+export const scene: TestScene = {
+    it: 'should set tint of graphics correctly',
+    create: async (scene: Container) =>
+    {
+        const rect = new Graphics().rect(0, 0, 100, 100).fill('black');
+
+        // should remain black!
+        rect.tint = 0xff0000;
+
+        scene.addChild(rect);
+    },
+};