mirror of
https://github.com/photonstorm/phaser
synced 2024-12-23 19:43:28 +00:00
73 lines
2.8 KiB
TypeScript
73 lines
2.8 KiB
TypeScript
|
/**
|
||
|
|
* Phaser - Components - Debug
|
||
|
|
*
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
module Phaser.Components {
|
||
|
|
|
||
|
|
export class Debug {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Render bound of this sprite for debugging? (default to false)
|
||
|
|
* @type {boolean}
|
||
|
|
*/
|
||
|
|
public renderDebug: bool = false;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Color of the Sprite when no image is present. Format is a css color string.
|
||
|
|
* @type {string}
|
||
|
|
*/
|
||
|
|
public fillColor: string = 'rgb(255,255,255)';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Color of bound when render debug. (see renderDebug) Format is a css color string.
|
||
|
|
* @type {string}
|
||
|
|
*/
|
||
|
|
public renderDebugColor: string = 'rgba(0,255,0,0.5)';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Color of points when render debug. (see renderDebug) Format is a css color string.
|
||
|
|
* @type {string}
|
||
|
|
*/
|
||
|
|
public renderDebugPointColor: string = 'rgba(255,255,255,1)';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Renders the bounding box around this Sprite and the contact points. Useful for visually debugging.
|
||
|
|
* @param camera {Camera} Camera the bound will be rendered to.
|
||
|
|
* @param cameraOffsetX {number} X offset of bound to the camera.
|
||
|
|
* @param cameraOffsetY {number} Y offset of bound to the camera.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
private renderBounds(camera: Camera, cameraOffsetX: number, cameraOffsetY: number) {
|
||
|
|
|
||
|
|
this._dx = cameraOffsetX + (this.frameBounds.topLeft.x - camera.worldView.x);
|
||
|
|
this._dy = cameraOffsetY + (this.frameBounds.topLeft.y - camera.worldView.y);
|
||
|
|
|
||
|
|
this.context.fillStyle = this.renderDebugColor;
|
||
|
|
this.context.fillRect(this._dx, this._dy, this.frameBounds.width, this.frameBounds.height);
|
||
|
|
|
||
|
|
//this.context.fillStyle = this.renderDebugPointColor;
|
||
|
|
|
||
|
|
//var hw = this.frameBounds.halfWidth * this.scale.x;
|
||
|
|
//var hh = this.frameBounds.halfHeight * this.scale.y;
|
||
|
|
//var sw = (this.frameBounds.width * this.scale.x) - 1;
|
||
|
|
//var sh = (this.frameBounds.height * this.scale.y) - 1;
|
||
|
|
|
||
|
|
//this.context.fillRect(this._dx, this._dy, 1, 1); // top left
|
||
|
|
//this.context.fillRect(this._dx + hw, this._dy, 1, 1); // top center
|
||
|
|
//this.context.fillRect(this._dx + sw, this._dy, 1, 1); // top right
|
||
|
|
//this.context.fillRect(this._dx, this._dy + hh, 1, 1); // left center
|
||
|
|
//this.context.fillRect(this._dx + hw, this._dy + hh, 1, 1); // center
|
||
|
|
//this.context.fillRect(this._dx + sw, this._dy + hh, 1, 1); // right center
|
||
|
|
//this.context.fillRect(this._dx, this._dy + sh, 1, 1); // bottom left
|
||
|
|
//this.context.fillRect(this._dx + hw, this._dy + sh, 1, 1); // bottom center
|
||
|
|
//this.context.fillRect(this._dx + sw, this._dy + sh, 1, 1); // bottom right
|
||
|
|
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|