TileSprite base and renderer

Author: bitnenfer

v3/src/gameobjects/index.js

@@ -13,6 +13,7 @@ require('./layer/LayerFactory');
 require('./zone/ZoneFactory');
 require('./effectlayer/EffectLayerFactory');
 require('./renderpass/RenderPassFactory');
+require('./tilesprite/TileSpriteFactory');
 
 //  Phaser.GameObjects
 
@@ -26,6 +27,7 @@ module.exports = {
     DynamicBitmapText: require('./bitmaptext/dynamic/DynamicBitmapText'),
     Graphics: require('./graphics/Graphics.js'),
     Image: require('./image/Image'),
+    TileSprite: require('./tilesprite/TileSprite'),
     Layer: require('./layer/Layer'),
     RenderPass: require('./renderpass/RenderPass.js'),
     Sprite: require('./sprite/Sprite'),

v3/src/gameobjects/tilesprite/TileSprite.js

@@ -0,0 +1,43 @@
+
+var Class = require('../../utils/Class');
+var GameObject = require('../GameObject');
+var Components = require('../../components');
+var TileSpriteRender = require('./TileSpriteRender');
+
+var TileSprite = new Class({
+
+    Extends: GameObject,
+
+    Mixins: [
+        Components.Alpha,
+        Components.BlendMode,
+        Components.Flip,
+        Components.GetBounds,
+        Components.Origin,
+        Components.RenderTarget,
+        Components.ScaleMode,
+        Components.Size,
+        Components.Texture,
+        Components.Transform,
+        Components.Visible,
+        TileSpriteRender
+    ],
+
+    initialize:
+
+    function TileSprite (state, x, y, texture, frame)
+    {
+        GameObject.call(this, state, 'TileSprite');
+
+        this.tilePositionX = 0;
+        this.tilePositionY = 0;
+
+        this.setTexture(texture, frame);
+        this.setPosition(x, y);
+        this.setSizeToFrame();
+        this.setOrigin();
+    }
+
+});
+
+module.exports = TileSprite;

v3/src/gameobjects/tilesprite/TileSpriteCanvasRenderer.js

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

v3/src/gameobjects/tilesprite/TileSpriteFactory.js

@@ -0,0 +1,21 @@
+
+var TileSprite = require('./TileSprite');
+var FactoryContainer = require('../../gameobjects/FactoryContainer');
+
+var TileSpriteFactory = {
+
+    KEY: 'tileSprite',
+
+    add: function (x, y, key, frame)
+    {
+        return this.children.add(new TileSprite(this.state, x, y, key, frame));
+    },
+
+    make: function (x, y, key, frame)
+    {
+        return new TileSprite(this.state, x, y, key, frame);
+    }
+
+};
+
+module.exports = FactoryContainer.register(TileSpriteFactory);

v3/src/gameobjects/tilesprite/TileSpriteRender.js

@@ -0,0 +1,6 @@
+module.exports = {
+
+    renderCanvas: require('./TileSpriteCanvasRenderer'),
+    renderWebGL: require('./TileSpriteWebGLRenderer')
+
+};

v3/src/gameobjects/tilesprite/TileSpriteWebGLRenderer.js

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

v3/src/renderer/webgl/WebGLRenderer.js

@@ -9,6 +9,7 @@ var CONST = require('../../const');
 var BlitterBatch = require('./renderers/blitterbatch/BlitterBatch');
 var QuadBatch = require('./renderers/quadbatch/QuadBatch');
 var SpriteBatch = require('./renderers/spritebatch/SpriteBatch');
+var TileBatch = require('./renderers/tilebatch/TileBatch');
 var ShapeBatch = require('./renderers/shapebatch/ShapeBatch');
 var EffectRenderer = require('./renderers/effectrenderer/EffectRenderer');
 var BlendModes = require('../BlendModes');
@@ -112,6 +113,7 @@ WebGLRenderer.prototype = {
         this.spriteBatch = this.addRenderer(new SpriteBatch(this.game, gl, this));
         this.shapeBatch = this.addRenderer(new ShapeBatch(this.game, gl, this));
         this.effectRenderer = this.addRenderer(new EffectRenderer(this.game, gl, this));
+        this.tileBatch = this.addRenderer(new TileBatch(this.game, gl, this));
         this.setBlendMode(0);
     },