Updated DynamicTexture.setPixel, added GameMath.shuffleArray, fixed Animation.frame and created a few new tests

Author: photonstorm

Phaser/AnimationManager.ts

@@ -86,8 +86,9 @@ module Phaser {
          * @param frameRate {number} The speed in frames per second that the animation should play at (e.g. 60 fps).
          * @param loop {boolean} Whether or not the animation is looped or just plays once.
          * @param useNumericIndex {boolean} Use number indexes instead of string indexes?
+         * @return {Animation} The Animation that was created
          */
-        public add(name: string, frames: any[] = null, frameRate: number = 60, loop: bool = false, useNumericIndex: bool = true) {
+        public add(name: string, frames: any[] = null, frameRate: number = 60, loop: bool = false, useNumericIndex: bool = true): Animation {
 
             if (this._frameData == null)
             {
@@ -117,6 +118,8 @@ module Phaser {
             this.currentAnim = this._anims[name];
             this.currentFrame = this.currentAnim.currentFrame;
 
+            return this._anims[name];
+
         }
 
         /**

Phaser/DynamicTexture.ts

@@ -117,7 +117,7 @@ module Phaser {
          * @param y {number} Y position of the target pixel.
          * @param color {number} Native integer with color value. (format: 0xRRGGBB)
          */
-        public setPixel(x: number, y: number, color: number) {
+        public setPixel(x: number, y: number, color: string) {
 
             this.context.fillStyle = color;
             this.context.fillRect(x, y, 1, 1);

Phaser/Game.ts

@@ -470,7 +470,7 @@ module Phaser {
                 this.onDestroyCallback.call(this.callbackContext);
             }
 
-            this.input.reset();
+            this.input.reset(true);
 
             //  Prototype?
             if (typeof state === 'function')

Phaser/GameMath.ts

@@ -1003,6 +1003,24 @@ module Phaser {
             return ax * bx + ay * by;
         }
 
+        /**
+        * Shuffles the data in the given array into a new order
+	    * @param array The array to shuffle
+        * @return The array
+        */
+        public shuffleArray(array) {
+
+            for (var i = array.length - 1; i > 0; i--)
+            {
+                var j = Math.floor(Math.random() * (i + 1));
+                var temp = array[i];
+                array[i] = array[j];
+                array[j] = temp;
+            }
+
+            return array;
+
+        }
 
     }
 

Phaser/Stage.ts

@@ -29,7 +29,6 @@ module Phaser {
             this._game = game;
 
             this.canvas = <HTMLCanvasElement> document.createElement('canvas');
-            this.canvas.id = 'bob';
             this.canvas.width = width;
             this.canvas.height = height;
 
@@ -212,6 +211,9 @@ module Phaser {
 
         }
 
+        /**
+         * Get the DOM offset values of the given element
+         */
         private getOffset(element): MicroPoint {
 
             var box = element.getBoundingClientRect();

Phaser/gameobjects/GeomSprite.ts

@@ -120,8 +120,8 @@ module Phaser {
         public lineColor: string = 'rgb(0,255,0)';
 
         /**
-         * Width of outline. (default is 1)
-         * @type {number}
+         * The color of the filled area in rgb or rgba string format
+         * @type {string} Defaults to rgb(0,100,0) - a green color
          */
         public fillColor: string = 'rgb(0,100,0)';
 
@@ -341,13 +341,6 @@ module Phaser {
             this._dw = this.bounds.width * this.scale.x;
             this._dh = this.bounds.height * this.scale.y;
 
-            //  Circles are drawn center based
-            if (this.type == GeomSprite.CIRCLE)
-            {
-                this._dx += this.circle.radius;
-                this._dy += this.circle.radius;
-            }
-
             //	Apply camera difference
             if (this.scrollFactor.x !== 1.0 || this.scrollFactor.y !== 1.0)
             {
@@ -391,7 +384,11 @@ module Phaser {
             {
                 this.context.beginPath();
                 this.context.arc(this._dx, this._dy, this.circle.radius, 0, Math.PI * 2);
-                this.context.stroke();
+
+                if (this.renderOutline)
+                {
+                    this.context.stroke();
+                }
 
                 if (this.renderFill)
                 {

Phaser/gameobjects/Sprite.ts

@@ -33,6 +33,7 @@ module Phaser {
 
             if (key !== null)
             {
+                this.cacheKey = key;
                 this.loadGraphic(key);
             }
             else
@@ -70,6 +71,11 @@ module Phaser {
          */
         public animations: AnimationManager;
 
+        /**
+         * The cache key that was used for this texture (if any)
+         */
+        public cacheKey: string;
+
         /**
          * Render bound of this sprite for debugging? (default to false)
          * @type {boolean}
@@ -95,7 +101,7 @@ module Phaser {
         public renderDebugPointColor: string = 'rgba(255,255,255,1)';
 
         /**
-         * Flip the graphic vertically? (default to false)
+         * Flip the graphic horizontally? (defaults to false)
          * @type {boolean}
          */
         public flipped: bool = false;

Phaser/system/Device.ts

@@ -470,6 +470,27 @@ module Phaser {
 
         }
 
+        public isConsoleOpen(): bool {
+
+            if (window.console && window.console['firebug'])
+            {
+                return true;
+            }
+
+            if (window.console)
+            {
+                console.profile(); 
+                console.profileEnd(); 
+            
+                if (console.clear) console.clear();
+            
+                return console['profiles'].length > 0;
+            }
+
+            return false;
+
+        }
+
         /**
          * Get all informations of host device.
          * @return {string} Informations in a string.

Phaser/system/Tween.ts

@@ -114,14 +114,15 @@ module Phaser {
 	    public onComplete: Phaser.Signal;
 
 	    /**
-	     * Config the tween result.
+	     * Configure the Tween
 	     * @param properties {object} Propertis you want to tween.
 	     * @param [duration] {number} duration of this tween.
-	     * @param ease {any} Easing function.
-	     * @param autoStart {boolean} Whether this tween will start automatically or not.
+	     * @param [ease] {any} Easing function.
+	     * @param [autoStart] {boolean} Whether this tween will start automatically or not.
+	     * @param [delay] {number} delay before this tween will start, defaults to 0 (no delay)
 	     * @return {Tween} Itself.
 	     */
-	    public to(properties, duration?: number = 1000, ease?: any = null, autoStart?: bool = false) {
+	    public to(properties, duration?: number = 1000, ease?: any = null, autoStart?: bool = false, delay?:number = 0) {
 
 	        this._duration = duration;
 
@@ -133,6 +134,11 @@ module Phaser {
 	            this._easingFunction = ease;
 	        }
 
+	        if (delay > 0)
+	        {
+	            this._delayTime = delay;
+	        }
+
 	        if (autoStart === true)
 	        {
 	            return this.start();

Phaser/system/animation/Animation.ts

@@ -44,21 +44,25 @@ module Phaser {
          * Local private reference to game.
          */
         private _game: Game;
+
         /**
          * Local private reference to its owner sprite.
          * @type {Sprite}
          */
         private _parent: Sprite;
+
         /**
          * Animation frame container.
          * @type {number[]}
          */
         private _frames: number[];
+
         /**
          * Frame data of this animation.(parsed from sprite sheet)
          * @type {FrameData}
          */
         private _frameData: FrameData;
+
         /**
          * Index of current frame.
          * @type {number}
@@ -70,6 +74,7 @@ module Phaser {
          * @type number
          */
         private _timeLastFrame: number;
+
         /**
          * Time when this will switch to next frame (in ms).
          * @type number
@@ -81,6 +86,7 @@ module Phaser {
          * @type {string}
          */
         public name: string;
+
         /**
          * Currently played frame instance.
          * @type {Frame}
@@ -92,16 +98,19 @@ module Phaser {
          * @type {boolean}
          */
         public isFinished: bool;
+
         /**
          * Whethor or not this animation is currently playing.
          * @type {boolean}
          */
         public isPlaying: bool;
+
         /**
          * Whether or not the animation is looped.
          * @type {boolean}
          */
         public looped: bool;
+
         /**
          * Time between frames in ms.
          * @type {number}
@@ -113,7 +122,16 @@ module Phaser {
         }
 
         public get frame(): number {
-            return this._frameIndex;
+
+            if (this.currentFrame !== null)
+            {
+                return this.currentFrame.index;
+            }
+            else
+            {
+                return this._frameIndex;
+            }
+
         }
 
         public set frame(value: number) {