Graphics Emtpy Texture generation

Author: bitnenfer

v3/src/gameobjects/graphics/Graphics.js

@@ -49,11 +49,6 @@ var Graphics = new Class({
 
         if (resourceManager !== undefined)
         {
-            //var gl = state.game.renderer.gl;
-            //this.passShader = resourceManager.createShader(shaderName, {vert: TexturedAndNormalizedTintedShader.vert, frag: fragmentShader});
-            //this.renderTexture = resourceManager.createTexture(0, gl.LINEAR, gl.LINEAR, gl.CLAMP_TO_EDGE, gl.CLAMP_TO_EDGE, gl.RGBA, null, width, height);
-            //this.passRenderTarget = resourceManager.createRenderTarget(width, height, this.renderTexture, null);
-            //state.game.renderer.currentTexture = null; // force rebinding of prev texture
             this.resourceManager = resourceManager;
             this.gl = state.game.renderer.gl;   
         }
@@ -407,9 +402,19 @@ var Graphics = new Class({
         }
     },
 
-    bakeToRenderTarget: function () 
+    generateTexture: function (key, width, height) 
     {
+        width = (typeof width === 'number') ? width : this.state.game.config.width;
+        height = (typeof height === 'number') ? height : this.state.game.config.height;
 
+        if (this.gl) 
+        {
+            this.state.game.textures.create(key, null, width, height);
+        }
+        else
+        {
+            this.state.game.textures.createCanvas(key, width, height);
+        }
     }
 
 });

v3/src/textures/Texture.js

@@ -23,7 +23,7 @@ var TextureSource = require('./TextureSource');
 * @param {object} source
 * @param {number} scaleMode
 */
-var Texture = function (manager, key, source)
+var Texture = function (manager, key, source, width, height)
 {
     this.manager = manager;
 
@@ -55,7 +55,7 @@ var Texture = function (manager, key, source)
     //  Load the Sources
     for (var i = 0; i < source.length; i++)
     {
-        this.source.push(new TextureSource(this, source[i]));
+        this.source.push(new TextureSource(this, source[i], width, height));
     }
 };
 

v3/src/textures/TextureManager.js

@@ -235,9 +235,9 @@ TextureManager.prototype = {
         return texture;
     },
 
-    create: function (key, source)
+    create: function (key, source, width, height)
     {
-        var texture = new Texture(this, key, source);
+        var texture = new Texture(this, key, source, width, height);
 
         this.list[key] = texture;
 

v3/src/textures/TextureSource.js

@@ -15,7 +15,7 @@ var IsSizePowerOfTwo = require('../math/pow2/IsSizePowerOfTwo');
 * @param {object} source
 * @param {number} scaleMode
 */
-var TextureSource = function (texture, source)
+var TextureSource = function (texture, source, width, height)
 {
     this.texture = texture;
 
@@ -38,7 +38,7 @@ var TextureSource = function (texture, source)
     * @type Number
     * @readOnly
     */
-    this.width = source.naturalWidth || source.width || 0;
+    this.width = width || source.naturalWidth || source.width || 0;
 
     /**
     * The height of the Texture.
@@ -47,7 +47,7 @@ var TextureSource = function (texture, source)
     * @type Number
     * @readOnly
     */
-    this.height = source.naturalHeight || source.height || 0;
+    this.height = height || source.naturalHeight || source.height || 0;
 
     /**
     * The scale mode to apply when scaling this texture.