Add temp matrix to Graphics to avoid sharing issue during mask rendering

Author: photonstorm

src/gameobjects/graphics/Graphics.js

@@ -16,6 +16,8 @@ var ComponentsTransform = require('../components/Transform');
 var ComponentsVisible = require('../components/Visible');
 var ComponentsScrollFactor = require('../components/ScrollFactor');
 
+var TransformMatrix = require('../components/TransformMatrix');
+
 var Ellipse = require('../../geom/ellipse/Ellipse');
 var GameObject = require('../GameObject');
 var GetFastValue = require('../../utils/object/GetFastValue');
@@ -200,6 +202,36 @@ var Graphics = new Class({
          */
         this._lineWidth = 1.0;
 
+        /**
+         * A temporary Transform Matrix, re-used internally during batching.
+         *
+         * @name Phaser.GameObjects.Graphics#_tempMatrix1
+         * @private
+         * @type {Phaser.GameObjects.Components.TransformMatrix}
+         * @since 3.17.0
+         */
+        this._tempMatrix1 = new TransformMatrix();
+
+        /**
+         * A temporary Transform Matrix, re-used internally during batching.
+         *
+         * @name Phaser.GameObjects.Graphics#_tempMatrix2
+         * @private
+         * @type {Phaser.GameObjects.Components.TransformMatrix}
+         * @since 3.17.0
+         */
+        this._tempMatrix2 = new TransformMatrix();
+
+        /**
+         * A temporary Transform Matrix, re-used internally during batching.
+         *
+         * @name Phaser.GameObjects.Graphics#_tempMatrix3
+         * @private
+         * @type {Phaser.GameObjects.Components.TransformMatrix}
+         * @since 3.17.0
+         */
+        this._tempMatrix3 = new TransformMatrix();
+
         this.setDefaultStyles(options);
     },
 

src/gameobjects/graphics/GraphicsWebGLRenderer.js

@@ -49,9 +49,9 @@ var GraphicsWebGLRenderer = function (renderer, src, interpolationPercentage, ca
 
     var pipeline = renderer.currentPipeline;
 
-    var camMatrix = pipeline._tempMatrix1;
-    var graphicsMatrix = pipeline._tempMatrix2;
-    var currentMatrix = pipeline._tempMatrix4;
+    var camMatrix = src._tempMatrix1;
+    var graphicsMatrix = src._tempMatrix2;
+    var currentMatrix = src._tempMatrix3;
 
     renderer.setPipeline(pipeline);