wassname/phaser
1
0
Fork 0
mirror of https://github.com/wassname/phaser.git synced 2026-07-19 11:26:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Testing webgl debug overlay.

Browse Source
This commit is contained in:
photonstorm
2014-03-02 20:51:44 +00:00
parent 442e6bb776
commit 418a161b46
4 changed files with 91 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/utils/Debug.js
+52 -2
View File
@@ -20,9 +20,34 @@ Phaser.Utils.Debug = function (game) {
this.game = game;
/**
* @property {Context} context - The canvas context on which to render the debug information.
* @property {PIXI.Sprite} sprite - If debugging in WebGL mode we need this.
*/
this.context = game.context;
this.sprite = null;
/**
* @property {HTMLCanvasElement} canvas - The canvas to which this BitmapData draws.
*/
this.canvas = null;
/**
* @property {PIXI.BaseTexture} baseTexture - Required Pixi var.
*/
this.baseTexture = null;
/**
* @property {PIXI.Texture} texture - Required Pixi var.
*/
this.texture = null;
/**
* @property {Phaser.Frame} textureFrame - Dimensions of the renderable area.
*/
this.textureFrame = null;
/**
* @property {CanvasRenderingContext2D} context - The 2d context of the canvas.
*/
this.context = null;
/**
* @property {string} font - The font that the debug information is rendered in.
@@ -63,6 +88,24 @@ Phaser.Utils.Debug = function (game) {
*/
this.currentAlpha = 1;
if (this.game.renderType === Phaser.CANVAS)
{
this.context = this.game.context;
}
else
{
this.canvas = Phaser.Canvas.create(this.game.width, this.game.height, '', true);
this.context = this.canvas.getContext('2d');
this.context.fillStyle = '#ff0000';
this.context.fillRect(0,0,400,400);
this.baseTexture = new PIXI.BaseTexture(this.canvas);
this.texture = new PIXI.Texture(this.baseTexture);
this.textureFrame = new Phaser.Frame(0, 0, 0, this.game.width, this.game.height, 'debug', game.rnd.uuid());
this.sprite = this.game.make.image(0, 0, this.texture, this.textureFrame);
this.game.stage.addChild(this.sprite);
}
};
Phaser.Utils.Debug.prototype = {
@@ -111,6 +154,13 @@ Phaser.Utils.Debug.prototype = {
this.context.restore();
this.context.globalAlpha = this.currentAlpha;
if (this.sprite)
{
this.context.fillStyle = '#ff0000';
this.context.fillRect(0,0,400,400);
PIXI.updateWebGLTexture(this.baseTexture, this.game.renderer.gl);
}
},
/**