Fix: graphics tint using mix instead of multiply (#10481)

* fixes bug where graphics blend mode was not being set correctly for large graphics

* fix tint graphics tint

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

* remove function

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

* fix test

---------

Co-authored-by: Matt Karl <matt@mattkarl.com>
Co-authored-by: Zyie <24736175+Zyie@users.noreply.github.com>

src/scene/container/utils/mixColors.ts

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

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-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);
+    },
+};