RenderTextureWebGL.js

var Utils = require('../../renderer/webgl/Utils');

var RenderTextureWebGL = {

    /**
     * Fills the Render Texture with the given color.
     *
     * @method Phaser.GameObjects.RenderTexture#fill
     * @since 3.2.0
     *
     * @param {number} rgb - The color to fill the Render Texture with.
     *
     * @return {Phaser.GameObjects.RenderTexture} This Game Object.
     */
    fill: function (rgb, alpha)
    {
        if (alpha === undefined) { alpha = 1; }

        var ur = ((rgb >> 16)|0) & 0xff;
        var ug = ((rgb >> 8)|0) & 0xff;
        var ub = (rgb|0) & 0xff;

        this.renderer.setFramebuffer(this.framebuffer);

        var gl = this.gl;

        gl.clearColor(ur / 255.0, ug / 255.0, ub / 255.0, alpha);

        gl.clear(gl.COLOR_BUFFER_BIT);

        this.renderer.setFramebuffer(null);

        return this;
    },

    /**
     * Clears the Render Texture.
     *
     * @method Phaser.GameObjects.RenderTexture#clear
     * @since 3.2.0
     *
     * @return {Phaser.GameObjects.RenderTexture} This Game Object.
     */
    clear: function ()
    {
        this.renderer.setFramebuffer(this.framebuffer);

        var gl = this.gl;

        gl.clearColor(0, 0, 0, 0);

        gl.clear(gl.COLOR_BUFFER_BIT);

        this.renderer.setFramebuffer(null);

        return this;
    },

    /**
     * Draws the Texture Frame to the Render Texture at the given position.
     * 
     * You can either pass in a Game Object frame property:
     * 
     * ```javascript
     * var rt = this.add.renderTexture(100, 100, 400, 300);
     * var bunny = this.make.sprite({ key: 'bunny' }, false);
     * rt.draw(bunny.frame, 0, 0);
     * ```
     * 
     * Or get a frame reference from the Texture Manager:
     * 
     * ```javascript
     * var rt = this.add.renderTexture(100, 100, 400, 300);
     * var bunny = this.textures.getFrame('bunny');
     * rt.draw(bunny, 0, 0);
     * ```
     *
     * @method Phaser.GameObjects.RenderTexture#draw
     * @since 3.2.0
     *
     * @param {Phaser.Textures.Frame} frame - The Texture Frame that will be drawn to the Render Texture.
     * @param {number} x - The x position to draw the frame at.
     * @param {number} y - The y position to draw the frame at.
     * @param {number} [tint] - A tint color to be applied to the frame drawn to the Render Texture.
     *
     * @return {this} This Game Object.
     */
    draw: function (stamp, x, y, tint)
    {
        if (x === undefined) { x = 0; }
        if (y === undefined) { y = 0; }

        if (!Array.isArray(stamp))
        {
            stamp = [ stamp ];
        }

        this.renderer.setFramebuffer(this.framebuffer);

        var pipeline = this.pipeline;

        pipeline.projOrtho(0, this.width, 0, this.height, -1000.0, 1000.0);

        for (var i = 0; i < stamp.length; i++)
        {
            if (stamp[i].frame)
            {
                this.drawGameObject(stamp[i], x, y);
            }
            {
                this.drawFrame(stamp[i], x, y, tint);
            }
        }

        pipeline.flush();

        this.renderer.setFramebuffer(null);

        pipeline.projOrtho(0, pipeline.width, pipeline.height, 0, -1000.0, 1000.0);

        return this;
    },

    drawGameObject: function (gameObject, x, y)
    {
        var getTint = Utils.getTintAppendFloatAlpha;

        this.pipeline.batchTextureFrame(
            gameObject,
            gameObject.frame,
            x, y,
            gameObject.width, gameObject.height,
            gameObject.scaleX, gameObject.scaleY,
            gameObject.rotation,
            gameObject.flipX, gameObject.flipY,
            gameObject.displayOriginX, gameObject.displayOriginY,
            getTint(gameObject._tintTL, this.alpha * gameObject._alphaTL),
            getTint(gameObject._tintTR, this.alpha * gameObject._alphaTR),
            getTint(gameObject._tintBL, this.alpha * gameObject._alphaBL),
            getTint(gameObject._tintBR, this.alpha * gameObject._alphaBR),
            (gameObject._isTinted && gameObject.tintFill),
            null
        );
    },

    drawFrame: function (frame, x, y, tint)
    {
        if (tint === undefined)
        {
            tint = (this.globalTint >> 16) + (this.globalTint & 0xff00) + ((this.globalTint & 0xff) << 16);
        }
        else
        {
            tint = (tint >> 16) + (tint & 0xff00) + ((tint & 0xff) << 16);
        }

        this.pipeline.drawTextureFrame(frame, x, y, tint, this.globalAlpha, this.currentMatrix, null);

        // pipeline.drawTextureFrame(frame, x, y, tint, this.globalAlpha, [1,0,0,1,0,0,0,0,1], null);
    }

};

module.exports = RenderTextureWebGL;