Start of Quad class.

Author: photonstorm

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '79ec29b0-3b8c-11e7-abc1-aba9f8e0478d'
+build: '5246eae0-3cc6-11e7-a401-c3d2fac692e5'
 };
 module.exports = CHECKSUM;

v3/src/gameobjects/index.js

@@ -15,6 +15,7 @@ require('./effectlayer/EffectLayerFactory');
 require('./renderpass/RenderPassFactory');
 require('./tilesprite/TileSpriteFactory');
 require('./mesh/MeshFactory');
+require('./quad/QuadFactory');
 
 //  Phaser.GameObjects
 
@@ -35,6 +36,7 @@ module.exports = {
     Text: require('./text/static/Text'),
     Zone: require('./zone/Zone'),
     EffectLayer: require('./effectlayer/EffectLayer'),
-    Mesh: require('./mesh/Mesh')
+    Mesh: require('./mesh/Mesh'),
+    Quad: require('./quad/Quad')
 
 };

v3/src/gameobjects/mesh/MeshCanvasRenderer.js

@@ -1,9 +1,5 @@
 var MeshCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
 {
-    if (this.renderMask !== this.renderFlags)
-    {
-        return;
-    }
 };
 
-module.exports = MeshCanvasRenderer
+module.exports = MeshCanvasRenderer;

v3/src/gameobjects/quad/BuildFromConfig.js

@@ -0,0 +1,21 @@
+var Quad = require('./Quad');
+var GetAdvancedValue = require('../../utils/object/GetAdvancedValue');
+var GetValue = require('../../utils/object/GetValue');
+var BuildGameObject = require('../BuildGameObject');
+
+var BuildFromConfig = function (state, config)
+{
+    var key = GetAdvancedValue(config, 'key', null);
+    var frame = GetAdvancedValue(config, 'frame', null);
+    var vertices = GetValue(config, 'vertices', []);
+    var indices = GetValue(config, 'indices', []);
+    var uv = GetValue(config, 'uv', []);
+
+    var quad = new Quad(state, 0, 0, vertices, uv, indices, key, frame);
+
+    BuildGameObject(state, quad, config);
+
+    return quad;
+};
+
+module.exports = BuildFromConfig;

v3/src/gameobjects/quad/Quad.js

@@ -0,0 +1,94 @@
+
+var Class = require('../../utils/Class');
+var Mesh = require('../mesh/Mesh');
+
+var Quad = new Class({
+
+    Extends: Mesh,
+
+    initialize:
+
+    function Quad (state, x, y, texture, frame)
+    {
+        //  0----3
+        //  |\  B|
+        //  | \  |
+        //  |  \ |
+        //  | A \|
+        //  |    \
+        //  1----2
+
+        // var topLeft = { x: -250, y: -250 };
+        var topRight = { x: 250, y: -250 };
+        var bottomLeft = { x: -250, y: 250 };
+        var bottomRight = { x: 250, y: 250 };
+
+        //  tl, bl, br, tr
+        var vertices = [
+            0, 0,
+            bottomLeft.x, bottomLeft.y,
+            bottomRight.x, bottomRight.y,
+            topRight.x, topRight.y
+        ];
+
+        var uv = [ 0, 0, 0, 1, 1, 1, 1, 0 ];
+        var indices = [ 0, 1, 2, 0, 2, 3 ];
+
+        Mesh.call(this, state, x, y, vertices, uv, indices, texture, frame);
+
+        this.halfWidth = Math.floor(this.width / 2);
+        this.halfHeight = Math.floor(this.height / 2);
+
+        this._topLeft = { x: 0, y: 0 };
+        this._topRight = { x: 250, y: -250 };
+        this._bottomLeft = { x: -250, y: 250 };
+        this._bottomRight = { x: 250, y: 250 };
+
+        this.setTopLeft(this.halfWidth, this.halfHeight);
+
+        // var v = this.vertices;
+
+        // v[0] = -w;
+        // v[1] = -h;
+        // v[1] = -h;
+    },
+
+    topLeftX: {
+
+        get: function ()
+        {
+            return this._topLeft.x;
+        },
+
+        set: function (value)
+        {
+            this._topLeft.x = value;
+            this.vertices[0] = value - this.x;
+        }
+
+    },
+
+    topLeftY: {
+
+        get: function ()
+        {
+            return this._topLeft.y;
+        },
+
+        set: function (value)
+        {
+            this._topLeft.y = value;
+            this.vertices[1] = value - this.y;
+        }
+
+    },
+
+    setTopLeft: function (x, y)
+    {
+        this.topLeftX = x;
+        this.topLeftY = y;
+    }
+
+});
+
+module.exports = Quad;

v3/src/gameobjects/quad/QuadFactory.js

@@ -0,0 +1,22 @@
+
+var Quad = require('./Quad');
+var BuildFromConfig = require('./BuildFromConfig');
+var FactoryContainer = require('../../gameobjects/FactoryContainer');
+
+var QuadFactory = {
+
+    KEY: 'quad',
+
+    add: function (x, y, key, frame)
+    {
+        return this.children.add(new Quad(this.state, x, y, key, frame));
+    },
+
+    make: function (config)
+    {
+        return BuildFromConfig(this.state, config);
+    }
+
+};
+
+module.exports = FactoryContainer.register(QuadFactory);