Started work on merging Blittle object back in.

Author: photonstorm

v3/src/gameobjects/blitter/Blitter.js

@@ -0,0 +1,75 @@
+/**
+* @author       Richard Davey <rich@photonstorm.com>
+* @copyright    2016 Photon Storm Ltd.
+* @license      {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+var CONST = require('../../const');
+var GameObject = require('../GameObject');
+
+/**
+* An Image is a light-weight object you can use to display anything that doesn't need physics or animation.
+* It can still rotate, scale, crop and receive input events. This makes it perfect for logos, backgrounds, simple buttons and other non-Sprite graphics.
+*
+* @class Phaser.GameObject.Blitter
+* @extends Phaser.GameObject
+* @constructor
+* @param {Phaser.Game} game - A reference to the currently running game.
+* @param {number} [x=0] - The x coordinate of the Image. The coordinate is relative to any parent container this Image may be in.
+* @param {number} [y=0] - The y coordinate of the Image. The coordinate is relative to any parent container this Image may be in.
+* @param {string} [key] - The texture used by the Image during rendering. It can be a string which is a reference to the Cache entry, or an instance of a RenderTexture, BitmapData or PIXI.Texture.
+* @param {string|number} [frame] - If this Image is using part of a sprite sheet or texture atlas you can specify the exact frame to use by giving a string or numeric index.
+*/
+var Blitter = function (state, x, y, key, frame)
+{
+    var _texture = state.game.textures.get(key);
+    var _frame = _texture.get(frame);
+
+    GameObject.call(this, state, x, y, _texture, _frame);
+
+    this.type = CONST.BLITTER;
+};
+
+Blitter.prototype = Object.create(GameObject.prototype);
+Blitter.prototype.constructor = Blitter;
+
+Blitter.prototype.renderCanvas = require('./BlitterCanvasRenderer');
+Blitter.prototype.renderWebGL = require('./BlitterWebGLRenderer');
+
+Object.defineProperties(Blitter.prototype, {
+
+    width: {
+
+        enumerable: true,
+
+        get: function ()
+        {
+            return this.transform._scaleX * this.frame.realWidth;
+        },
+
+        set: function (value)
+        {
+            this.scaleX = value / this.frame.realWidth;
+        }
+
+    },
+
+    height: {
+
+        enumerable: true,
+
+        get: function ()
+        {
+            return this.transform._scaleY * this.frame.realHeight;
+        },
+
+        set: function (value)
+        {
+            this.scaleY = value / this.frame.realHeight;
+        }
+
+    }
+
+});
+
+module.exports = Blitter;

v3/src/gameobjects/blitter/BlitterFactory.js

@@ -0,0 +1,49 @@
+/**
+* @author       Richard Davey <rich@photonstorm.com>
+* @copyright    2016 Photon Storm Ltd.
+* @license      {@link https://github.com/photonstorm/phaser/blob/master/license.txt|MIT License}
+*/
+
+var Blitter = require('./Blitter');
+var FactoryContainer = require('../../gameobjects/FactoryContainer');
+
+var BlitterFactory = {
+
+    KEY: 'blitter',
+
+    /**
+    * Create a new `Blitter` object.
+    *
+    * An Image is a light-weight object you can use to display anything that doesn't need physics or animation.
+    *
+    * It can still rotate, scale, crop and receive input events.
+    * This makes it perfect for logos, backgrounds, simple buttons and other non-Sprite graphics.
+    *
+    * @method Phaser.GameObject.Factory#image
+    * @param {number} [x=0] - The x coordinate of the Image. The coordinate is relative to any parent container this Image may be in.
+    * @param {number} [y=0] - The y coordinate of the Image. The coordinate is relative to any parent container this Image may be in.
+    * @param {string|Phaser.RenderTexture|Phaser.BitmapData|Phaser.Video|PIXI.Texture} [key] - The image used as a texture by this display object during rendering. If a string Phaser will get for an entry in the Image Cache. Or it can be an instance of a RenderTexture, BitmapData, Video or PIXI.Texture.
+    * @param {string|number} [frame] - If a Texture Atlas or Sprite Sheet is used this allows you to specify the frame to be used. Use either an integer for a Frame ID or a string for a frame name.
+    * @param {Phaser.Group} [group] - Optional Group to add the object to. If not specified it will be added to the World group.
+    * @return {Phaser.Image} The newly created Image object.
+    */
+    add: function (x, y, key, frame, group)
+    {
+        if (group === undefined) { group = this.state; }
+
+        // console.log('ImageFactory.add', key, x, y, frame, group);
+        // console.log('into State', this.state);
+
+        return group.children.add(new Blitter(this.state, x, y, key, frame));
+    },
+
+    make: function (x, y, key, frame)
+    {
+        // console.log('ImageFactory.make', key, x, y, frame);
+
+        return new Blitter(this.state, x, y, key, frame);
+    }
+
+};
+
+module.exports = FactoryContainer.register(BlitterFactory);

v3/src/gameobjects/blitter/BlitterWebGLRenderer.js

@@ -0,0 +1,49 @@
+
+var BlitterWebGLRenderer = function (renderer, src, interpolationPercentage)
+{
+    // var frame = src.frame;
+    var worldAlpha = src.color.worldAlpha * 255 << 24;
+
+    //  Skip rendering?
+
+    if (src.skipRender || !src.visible || worldAlpha === 0)
+    {
+        return;
+    }
+
+    // var verts = src.transform.getVertexData(interpolationPercentage, renderer);
+    // var index = src.frame.source.glTextureIndex;
+    // var tint = src.color._glTint;
+    // var bg = src.color._glBg;
+    // renderer.batch.add(frame.source, src.blendMode, verts, frame.uvs, index, alpha, tint, bg);
+    // var transform = src.transform;
+
+    //  Render children
+    for (var i = 0; i < src.children.list.length; i++)
+    {
+        var bob = src.children.list[i];
+        var frame = bob.frame;
+        var alpha = (worldAlpha * bob.alpha) * 255 << 24;
+
+        if (!bob.visible || alpha === 0 || !frame.cutWidth || !frame.cutHeight)
+        {
+            continue;
+        }
+
+        var index = frame.source.glTextureIndex;
+        var verts = bob.transform.getVertexData(interpolationPercentage);
+
+        //  tint and bg values come from the parent Blitter object, not the Bob
+        renderer.batch.add(frame.source, src.blendMode, verts, frame.uvs, index, alpha, tint, bg);
+    }
+
+    // renderer.spriteBatch.add(
+    //     frame,
+    //     transform._pivotX, transform._pivotY,
+    //     transform.world.tx, transform.world.ty,
+    //     transform._worldScaleX, transform._worldScaleY,
+    //     transform._worldRotation
+    // );
+};
+
+module.exports = BlitterWebGLRenderer;