diff --git a/Docs/logo/PHASER logotype vector 02.fla b/Docs/logo/PHASER logotype vector 02.fla new file mode 100644 index 00000000..19b1e7a3 Binary files /dev/null and b/Docs/logo/PHASER logotype vector 02.fla differ diff --git a/Docs/phaser checkboxes.gif b/Docs/phaser checkboxes.gif new file mode 100644 index 00000000..4151460f Binary files /dev/null and b/Docs/phaser checkboxes.gif differ diff --git a/Docs/phaser power tools.gif b/Docs/phaser power tools.gif new file mode 100644 index 00000000..318b5fb0 Binary files /dev/null and b/Docs/phaser power tools.gif differ diff --git a/Phaser/.gitignore b/Phaser/.gitignore deleted file mode 100644 index 7c7d8204..00000000 --- a/Phaser/.gitignore +++ /dev/null @@ -1,38 +0,0 @@ - -#ignore thumbnails created by windows -Thumbs.db -#Ignore files build by Visual Studio -*.obj -*.exe -*.pdb -*.user -*.aps -*.pch -*.vspscc -*_i.c -*_p.c -*.ncb -*.suo -*.sln -*.tlb -*.tlh -*.bak -*.cache -*.ilk -*.log -*.map -*.orig -*.js -!phaser.js -*.map -*.config -.DS_Store -[Bb]in -[Dd]ebug*/ -*.lib -*.sbr -obj/ -[Rr]elease*/ -_ReSharper*/ -[Tt]est[Rr]esult* - diff --git a/Phaser/Game.ts b/Phaser/Game.ts index 0bd9a613..7ee097da 100644 --- a/Phaser/Game.ts +++ b/Phaser/Game.ts @@ -1,33 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - Game @@ -242,7 +213,7 @@ module Phaser { * @type {Time} */ public time: Phaser.TimeManager; - + /** * Reference to the tween manager. * @type {TweenManager} @@ -259,7 +230,7 @@ module Phaser { * Reference to the physics manager. * @type {Physics.Manager} */ - public physics: Phaser.Physics.Manager; + //public physics: Phaser.Physics.Manager; /** * Instance of repeatable random data generator helper. @@ -272,7 +243,7 @@ module Phaser { * @type {Device} */ public device: Phaser.Device; - + /** * Reference to the render manager * @type {RenderManager} @@ -329,7 +300,7 @@ module Phaser { this.input = new Phaser.InputManager(this); this.sound = new Phaser.SoundManager(this); this.rnd = new Phaser.RandomDataGenerator([(Date.now() * Math.random()).toString()]); - this.physics = new Phaser.Physics.Manager(this); + //this.physics = new Phaser.Physics.Manager(this); this.plugins = new Phaser.PluginManager(this, this); this.load.onLoadComplete.addOnce(this.loadComplete, this); @@ -461,7 +432,6 @@ module Phaser { } this.plugins.postRender(); - } /** @@ -707,7 +677,7 @@ module Phaser { } - public get camera(): Camera { + public get camera(): Phaser.Camera { return this.world.cameras.current; } diff --git a/Phaser/Phaser.csproj b/Phaser/Phaser.csproj index a53dffe3..cc501879 100644 --- a/Phaser/Phaser.csproj +++ b/Phaser/Phaser.csproj @@ -1,8 +1,8 @@ - + Debug - {A90BE60F-CAEA-4747-904A-CDB097BA2459} + {BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA} {349c5851-65df-11da-9384-00065b846f21};{fae04ec0-301f-11d3-bf4b-00c04f79efbc} Library bin @@ -15,6 +15,392 @@ + + + + + + + + + + + + Animation.ts + + + + AnimationManager.ts + + + + Frame.ts + + + + FrameData.ts + + + Camera.ts + + + CameraManager.ts + + + Group.ts + + + Plugin.ts + + + + PluginManager.ts + + + Signal.ts + + + + SignalBinding.ts + + + + CSS3Filters.ts + + + + DynamicTexture.ts + + + + Texture.ts + + + Game.ts + + + + + + + Events.ts + + + + + GameObjectFactory.ts + + + IGameObject.ts + + + + + + + ScrollRegion.ts + + + ScrollZone.ts + + + Sprite.ts + + + TransformManager.ts + + + Circle.ts + + + + Line.ts + + + Point.ts + + + Rectangle.ts + + + + + + InputHandler.ts + + + + InputManager.ts + + + + Keyboard.ts + + + + Mouse.ts + + + + MSPointer.ts + + + + Pointer.ts + + + + Touch.ts + + + AnimationLoader.ts + + + Cache.ts + + + + Loader.ts + + + GameMath.ts + + + + LinkedList.ts + + + Mat3.ts + + + + Mat3Utils.ts + + + + QuadTree.ts + + + + + RandomDataGenerator.ts + + + Net.ts + + + + + + + + + + Body.ts + + + + CameraRenderer.ts + + + + + CanvasRenderer.ts + + + GeometryRenderer.ts + + + + GroupRenderer.ts + + + + ScrollZoneRenderer.ts + + + + SpriteRenderer.ts + + + + TilemapRenderer.ts + + + HeadlessRenderer.ts + + + IRenderer.ts + + + Sound.ts + + + SoundManager.ts + + + + Stage.ts + + + + State.ts + + + Device.ts + + + + RequestAnimationFrame.ts + + + + + BootScreen.ts + + + + OrientationScreen.ts + + + + PauseScreen.ts + + + StageScaleMode.ts + + + + Tile.ts + + + + Tilemap.ts + + + + TilemapLayer.ts + + + TimeManager.ts + + + + + + Back.ts + + + + Bounce.ts + + + + Circular.ts + + + + Cubic.ts + + + + Elastic.ts + + + + Exponential.ts + + + + Linear.ts + + + + Quadratic.ts + + + + Quartic.ts + + + + Quintic.ts + + + + Sinusoidal.ts + + + Tween.ts + + + TweenManager.ts + + + + + Button.ts + + + CircleUtils.ts + + + + ColorUtils.ts + + + + + DebugUtils.ts + + + PointUtils.ts + + + + RectangleUtils.ts + + + + SpriteUtils.ts + + + + World.ts + + + _definitions.ts + + + + + + Vec2.ts + + + + Vec2Utils.ts + + + Phaser.ts + + + + Statics.ts + + + + + + web.config + + + web.config + + + + + 10.0 $(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion) @@ -44,418 +430,19 @@ ES5 - true + false false - ../build/phaser.js - false + ../build/phaser-debug.js ES5 - false + true false - ../build/phaser.js - false + ../build/phaser-release.js - - - - - Animation.ts - - - - - AnimationManager.ts - - - Frame.ts - - - - FrameData.ts - - - - - - Plugin.ts - - - PluginManager.ts - - - - - - CSS3Filters.ts - - - DynamicTexture.ts - - - Texture.ts - - - Game.ts - - - - - - Events.ts - - - IGameObject.ts - - - - - - ScrollRegion.ts - - - - TransformManager.ts - - - Circle.ts - - - - Line.ts - - - - Point.ts - - - - Rectangle.ts - - - - - InputHandler.ts - - - InputManager.ts - - - GameMath.ts - - - - GameObjectFactory.ts - - - Sprite.ts - - - - - - - - - Mat3.ts - - - - Mat3Utils.ts - - - QuadTree.ts - - - - LinkedList.ts - - - - Vec2.ts - - - - Net.ts - - - - - ArcadeEmitter.ts - - - - ArcadeParticle.ts - - - - ArcadePhysics.ts - - - - - Body.ts - - - - Motion.ts - - - Manager.ts - - - - - - CameraRenderer.ts - - - CanvasRenderer.ts - - - - - GeometryRenderer.ts - - - GroupRenderer.ts - - - - ScrollZoneRenderer.ts - - - SpriteRenderer.ts - - - - TilemapRenderer.ts - - - HeadlessRenderer.ts - - - - IRenderer.ts - - - Statics.ts - - - - OrientationScreen.ts - - - - Tile.ts - - - - - Tilemap.ts - - - TilemapLayer.ts - - - - - TimeManager.ts - - - Button.ts - - - CircleUtils.ts - - - - ColorUtils.ts - - - - DebugUtils.ts - - - PointUtils.ts - - - - RectangleUtils.ts - - - - Vec2Utils.ts - - - SoundManager.ts - - - - - - - Gestures.ts - - - MSPointer.ts - - - - Pointer.ts - - - BootScreen.ts - - - PauseScreen.ts - - - Sound.ts - - - - - AnimationLoader.ts - - - Camera.ts - - - Device.ts - - - RandomDataGenerator.ts - - - RequestAnimationFrame.ts - - - StageScaleMode.ts - - - Tween.ts - - - - - - - - - Back.ts - - - Bounce.ts - - - Circular.ts - - - Cubic.ts - - - Elastic.ts - - - Exponential.ts - - - Linear.ts - - - Quadratic.ts - - - Quartic.ts - - - Quintic.ts - - - Sinusoidal.ts - - - Input.ts - - - Keyboard.ts - - - Mouse.ts - - - Touch.ts - - - - - - - - - - - - - - - - - - - Group.ts - - - Loader.ts - - - Phaser.ts - - - Signal.ts - - - SignalBinding.ts - - - Stage.ts - - - State.ts - - - TweenManager.ts - - - - SpriteUtils.ts - - - World.ts - - - - - - - - - - - - - Cache.ts - - - CameraManager.ts - - - - cd $(ProjectDir)..\build -copy phaser.js ..\Tests\ +copy phaser-debug.js ..\Tests\ \ No newline at end of file diff --git a/Phaser/Phaser.sln b/Phaser/Phaser.sln new file mode 100644 index 00000000..768fa788 --- /dev/null +++ b/Phaser/Phaser.sln @@ -0,0 +1,20 @@ + +Microsoft Visual Studio Solution File, Format Version 12.00 +# Visual Studio 2012 +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Phaser", "Phaser.csproj", "{BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}" +EndProject +Global + GlobalSection(SolutionConfigurationPlatforms) = preSolution + Debug|Any CPU = Debug|Any CPU + Release|Any CPU = Release|Any CPU + EndGlobalSection + GlobalSection(ProjectConfigurationPlatforms) = postSolution + {BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Debug|Any CPU.Build.0 = Debug|Any CPU + {BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Release|Any CPU.ActiveCfg = Release|Any CPU + {BB30C59B-5B34-4F7C-B5CC-8D49EA280EDA}.Release|Any CPU.Build.0 = Release|Any CPU + EndGlobalSection + GlobalSection(SolutionProperties) = preSolution + HideSolutionNode = FALSE + EndGlobalSection +EndGlobal diff --git a/Phaser/Phaser.ts b/Phaser/Phaser.ts index 2173d6f8..a8c59013 100644 --- a/Phaser/Phaser.ts +++ b/Phaser/Phaser.ts @@ -1,3 +1,5 @@ +/// + /** * Phaser * www.phaser.io diff --git a/Phaser/Stage.ts b/Phaser/Stage.ts index 7eb01886..60e3edd6 100644 --- a/Phaser/Stage.ts +++ b/Phaser/Stage.ts @@ -1,10 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - Stage @@ -74,7 +68,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Background color of the stage (defaults to black). Set via the public backgroundColor property. diff --git a/Phaser/State.ts b/Phaser/State.ts index ccd90f7e..5597bc2a 100644 --- a/Phaser/State.ts +++ b/Phaser/State.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - State @@ -14,7 +14,7 @@ module Phaser { * State constructor * Create a new State. */ - constructor(game: Game) { + constructor(game: Phaser.Game) { this.game = game; @@ -35,73 +35,73 @@ module Phaser { /** * Reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Currently used camera. * @type {Camera} */ - public camera: Camera; + public camera: Phaser.Camera; /** * Reference to the assets cache. * @type {Cache} */ - public cache: Cache; + public cache: Phaser.Cache; /** * Reference to the GameObject Factory. * @type {GameObjectFactory} */ - public add: GameObjectFactory; + public add: Phaser.GameObjectFactory; /** * Reference to the input manager * @type {Input} */ - public input: InputManager; + public input: Phaser.InputManager; /** * Reference to the assets loader. * @type {Loader} */ - public load: Loader; + public load: Phaser.Loader; /** * Reference to the math helper. * @type {GameMath} */ - public math: GameMath; + public math: Phaser.GameMath; /** * Reference to the sound manager. * @type {SoundManager} */ - public sound: SoundManager; + public sound: Phaser.SoundManager; /** * Reference to the stage. * @type {Stage} */ - public stage: Stage; + public stage: Phaser.Stage; /** * Reference to game clock. * @type {Time} */ - public time: TimeManager; + public time: Phaser.TimeManager; /** * Reference to the tween manager. * @type {TweenManager} */ - public tweens: TweenManager; + public tweens: Phaser.TweenManager; /** * Reference to the world. * @type {World} */ - public world: World; + public world: Phaser.World; // Override these in your own States diff --git a/Phaser/Statics.ts b/Phaser/Statics.ts index 6c71b73e..ff51ba34 100644 --- a/Phaser/Statics.ts +++ b/Phaser/Statics.ts @@ -1,3 +1,5 @@ +/// + module Phaser { /** @@ -45,6 +47,7 @@ module Phaser { static TILEMAP: number = 5; static SCROLLZONE: number = 6; static BUTTON: number = 7; + static DYNAMICTEXTURE: number = 8; static GEOM_POINT: number = 0; static GEOM_CIRCLE: number = 1; @@ -61,6 +64,16 @@ module Phaser { static OUT_OF_BOUNDS_DESTROY: number = 1; static OUT_OF_BOUNDS_PERSIST: number = 2; + /** + * Use with sort() to sort in ascending order. + */ + static SORT_ASCENDING: number = -1; + + /** + * Use with sort() to sort in descending order. + */ + static SORT_DESCENDING: number = 1; + /** * Flag used to allow GameObjects to collide on their left side * @type {number} diff --git a/Phaser/World.ts b/Phaser/World.ts index 40b53089..6ed1565f 100644 --- a/Phaser/World.ts +++ b/Phaser/World.ts @@ -1,8 +1,4 @@ -/// -/// -/// -/// -/// +/// /** * Phaser - World @@ -25,38 +21,38 @@ module Phaser { * @param width {number} Width of the world bound. * @param height {number} Height of the world bound. */ - constructor(game: Game, width: number, height: number) { + constructor(game: Phaser.Game, width: number, height: number) { this.game = game; - this.cameras = new CameraManager(this.game, 0, 0, width, height); + this.cameras = new Phaser.CameraManager(this.game, 0, 0, width, height); - this.bounds = new Rectangle(0, 0, width, height); + this.bounds = new Phaser.Rectangle(0, 0, width, height); } /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Camera manager of this world. * @type {CameraManager} */ - public cameras: CameraManager; + public cameras: Phaser.CameraManager; /** * Object container stores every object created with `create*` methods. * @type {Group} */ - public group: Group; + public group: Phaser.Group; /** * Bound of this world that objects can not escape from. * @type {Rectangle} */ - public bounds: Rectangle; + public bounds: Phaser.Rectangle; /** * The Gravity of the World (defaults to 0,0, or no gravity at all) @@ -79,7 +75,7 @@ module Phaser { */ public boot() { - this.group = new Group(this.game, 0); + this.group = new Phaser.Group(this.game, 0); } @@ -171,7 +167,7 @@ module Phaser { * * @returns {array} An array contains all the cameras. */ - public getAllCameras(): Camera[] { + public getAllCameras(): Phaser.Camera[] { return this.cameras.getAll(); } diff --git a/Phaser/_definitions.ts b/Phaser/_definitions.ts new file mode 100644 index 00000000..0d353afe --- /dev/null +++ b/Phaser/_definitions.ts @@ -0,0 +1,113 @@ +/// +/// + +/// +/// +/// +/// + +/// +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// +/// +/// + +/// +/// + +/// +/// +/// + +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// + +/// + +/// + +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// + +/// +/// +/// + +/// +/// + +/// +/// +/// +/// + +/// +/// +/// + +/// +/// +/// + +/// + +/// + +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// +/// +/// +/// + +/// +/// +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// +/// diff --git a/Phaser/animation/Animation.ts b/Phaser/animation/Animation.ts index 92e094c9..4b10af45 100644 --- a/Phaser/animation/Animation.ts +++ b/Phaser/animation/Animation.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Animation @@ -43,7 +43,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Local private reference to its owner sprite. diff --git a/Phaser/animation/AnimationManager.ts b/Phaser/animation/AnimationManager.ts index 5ef428d4..209c1d92 100644 --- a/Phaser/animation/AnimationManager.ts +++ b/Phaser/animation/AnimationManager.ts @@ -1,9 +1,4 @@ -/// -/// -/// -/// -/// -/// +/// /** * Phaser - AnimationManager @@ -33,7 +28,7 @@ module Phaser.Components { /** * Reference to Phaser.Game */ - public game: Game; + public game: Phaser.Game; /** * Local private reference to its parent game object. diff --git a/Phaser/animation/Frame.ts b/Phaser/animation/Frame.ts index bf210f74..8eb417b0 100644 --- a/Phaser/animation/Frame.ts +++ b/Phaser/animation/Frame.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Frame diff --git a/Phaser/animation/FrameData.ts b/Phaser/animation/FrameData.ts index 1023b838..04e16cb7 100644 --- a/Phaser/animation/FrameData.ts +++ b/Phaser/animation/FrameData.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - FrameData @@ -23,7 +23,7 @@ module Phaser { /** * Local frame container. */ - private _frames: Frame[]; + private _frames: Phaser.Frame[]; /** * Local frameName<->index container. @@ -39,7 +39,7 @@ module Phaser { * @param frame {Frame} The frame you want to add. * @return {Frame} The frame you just added. */ - public addFrame(frame: Frame): Frame { + public addFrame(frame: Phaser.Frame): Phaser.Frame { frame.index = this._frames.length; @@ -75,7 +75,7 @@ module Phaser { * @param name {string} Name of the frame you want to get. * @return {Frame} The frame you want. */ - public getFrameByName(name: string): Frame { + public getFrameByName(name: string): Phaser.Frame { if (this._frameNames[name] !== '') { @@ -93,7 +93,6 @@ module Phaser { */ public checkFrameName(name: string): boolean { - if (this._frameNames[name] == null) { return false; @@ -110,7 +109,7 @@ module Phaser { * @param [output] {Frame[]} result will be added into this array. * @return {Frame[]} Ranges of specific frames in an array. */ - public getFrameRange(start: number, end: number, output: Frame[] = []): Frame[] { + public getFrameRange(start: number, end: number, output: Phaser.Frame[]= []): Phaser.Frame[] { for (var i = start; i <= end; i++) { @@ -164,7 +163,7 @@ module Phaser { * Get all frames in this frame data. * @return {Frame[]} All the frames in an array. */ - public getAllFrames(): Frame[] { + public getAllFrames(): Phaser.Frame[] { return this._frames; } @@ -175,7 +174,7 @@ module Phaser { */ public getFrames(range: number[]) { - var output: Frame[] = []; + var output: Phaser.Frame[] = []; for (var i = 0; i < range.length; i++) { diff --git a/Phaser/cameras/Camera.ts b/Phaser/cameras/Camera.ts index 7a17f537..1c1cf325 100644 --- a/Phaser/cameras/Camera.ts +++ b/Phaser/cameras/Camera.ts @@ -1,11 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - Camera @@ -70,7 +63,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * The PluginManager for the Game diff --git a/Phaser/cameras/CameraManager.ts b/Phaser/cameras/CameraManager.ts index b6538031..e433b799 100644 --- a/Phaser/cameras/CameraManager.ts +++ b/Phaser/cameras/CameraManager.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - CameraManager @@ -21,7 +20,7 @@ module Phaser { * @param width {number} Width of the created camera. * @param height {number} Height of the created camera. */ - constructor(game: Game, x: number, y: number, width: number, height: number) { + constructor(game: Phaser.Game, x: number, y: number, width: number, height: number) { this.game = game; @@ -37,12 +36,12 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Local container for storing cameras. */ - private _cameras: Camera[]; + private _cameras: Phaser.Camera[]; /** * Local container for storing cameras array length. @@ -62,19 +61,19 @@ module Phaser { /** * Currently used camera. */ - public current: Camera; + public current: Phaser.Camera; /** * The default created camera. */ - public defaultCamera: Camera; + public defaultCamera: Phaser.Camera; /** * Get all the cameras. * * @returns {Camera[]} An array contains all the cameras. */ - public getAll(): Camera[] { + public getAll(): Phaser.Camera[] { return this._cameras; } @@ -111,9 +110,9 @@ module Phaser { * @param height {number} Height of the new camera. * @returns {Camera} The newly created camera object. */ - public addCamera(x: number, y: number, width: number, height: number): Camera { + public addCamera(x: number, y: number, width: number, height: number): Phaser.Camera { - var newCam: Camera = new Camera(this.game, this._cameraLength, x, y, width, height); + var newCam: Phaser.Camera = new Phaser.Camera(this.game, this._cameraLength, x, y, width, height); this._cameraLength = this._cameras.push(newCam); @@ -148,7 +147,7 @@ module Phaser { } - public swap(camera1: Camera, camera2: Camera, sort: boolean = true): boolean { + public swap(camera1: Phaser.Camera, camera2: Phaser.Camera, sort: boolean = true): boolean { if (camera1.ID == camera2.ID) { @@ -169,7 +168,7 @@ module Phaser { } - public getCameraUnderPoint(x: number, y: number): Camera { + public getCameraUnderPoint(x: number, y: number): Phaser.Camera { // Work through the cameras in reverse as they are rendered in array order // Return the first camera we find matching the criteria @@ -192,7 +191,7 @@ module Phaser { * @param {string} index The string name of the Camera variable you want to sort on. Default value is "z". * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. */ - public sort(index: string = 'z', order: number = Group.ASCENDING) { + public sort(index: string = 'z', order: number = Phaser.Types.SORT_ASCENDING) { this._sortIndex = index; this._sortOrder = order; diff --git a/Phaser/core/Group.ts b/Phaser/core/Group.ts index 3db11002..2ddc9d8d 100644 --- a/Phaser/core/Group.ts +++ b/Phaser/core/Group.ts @@ -1,7 +1,4 @@ -/// -/// -/// -/// +/// /** * Phaser - Group @@ -13,7 +10,7 @@ module Phaser { export class Group { - constructor(game: Game, maxSize: number = 0) { + constructor(game: Phaser.Game, maxSize: number = 0) { this.game = game; this.type = Phaser.Types.GROUP; @@ -73,7 +70,7 @@ module Phaser { /** * Reference to the main game object */ - public game: Game; + public game: Phaser.Game; /** * The type of game object. @@ -93,7 +90,7 @@ module Phaser { /** * The Group this Group is a child of (if any). */ - public group: Group = null; + public group: Phaser.Group = null; /** * Optional texture used in the background of the Camera. @@ -102,8 +99,10 @@ module Phaser { /** * The transform component. + * WTF TypeScript, thank you very much for wasting a day of my time debugging just to find out setting the type barfs */ - public transform: Phaser.Components.TransformManager; + //public transform: Phaser.Components.TransformManager; + public transform; /** * A boolean representing if the Group has been modified in any way via a scale, rotate, flip or skew. @@ -120,16 +119,6 @@ module Phaser { */ public visible: boolean; - /** - * Use with sort() to sort in ascending order. - */ - public static ASCENDING: number = -1; - - /** - * Use with sort() to sort in descending order. - */ - public static DESCENDING: number = 1; - /** * Array of all the objects that exist in this group. */ @@ -229,7 +218,7 @@ module Phaser { * Calls render on all members of this Group who have a status of visible=true and exists=true * You can also call Object.render directly, which will bypass the visible/exists check. */ - public render(camera: Camera) { + public render(camera: Phaser.Camera) { if (camera.isHidden(this) == true) { @@ -265,7 +254,7 @@ module Phaser { * Calls render on all members of this Group regardless of their visible status and also ignores the camera blacklist. * Use this when the Group objects render to hidden canvases for example. */ - public directRender(camera: Camera) { + public directRender(camera: Phaser.Camera) { this.game.renderer.groupRenderer.preRender(camera, this); @@ -302,9 +291,9 @@ module Phaser { /** * @private */ - public set maxSize(Size: number) { + public set maxSize(size: number) { - this._maxSize = Size; + this._maxSize = size; if (this._marker >= this._maxSize) { @@ -419,8 +408,8 @@ module Phaser { * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. * @returns {Sprite} The newly created sprite object. */ - public addNewSprite(x: number, y: number, key: string = '', frame = null): Sprite { - return this.add(new Sprite(this.game, x, y, key, frame)); + public addNewSprite(x: number, y: number, key: string = '', frame = null): Phaser.Sprite { + return this.add(new Phaser.Sprite(this.game, x, y, key, frame)); } /** @@ -473,7 +462,7 @@ module Phaser { * * @return {any} A reference to the object that was created. Don't forget to cast it back to the Class you want (e.g. myObject = myGroup.recycle(myObjectClass) as myObjectClass;). */ - public recycle(objectClass = null) { + public recycle(objectClass = null): any { if (this._maxSize > 0) { @@ -524,7 +513,7 @@ module Phaser { * * @return {Basic} The removed object. */ - public remove(object, splice: boolean = false) { + public remove(object, splice: boolean = false): any { //console.log('removing from group: ', object.name); @@ -566,7 +555,7 @@ module Phaser { * * @return {Basic} The new object. */ - public replace(oldObject, newObject) { + public replace(oldObject, newObject): any { this._i = this.members.indexOf(oldObject); @@ -709,7 +698,7 @@ module Phaser { * @param {string} index The string name of the member variable you want to sort on. Default value is "z". * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. */ - public sort(index: string = 'z', order: number = Group.ASCENDING) { + public sort(index: string = 'z', order: number = Phaser.Types.SORT_ASCENDING) { this._sortIndex = index; this._sortOrder = order; @@ -867,7 +856,7 @@ module Phaser { * * @return {any} A Basic currently flagged as not existing. */ - public getFirstAvailable(objectClass = null) { + public getFirstAvailable(objectClass = null): any { this._i = 0; @@ -917,7 +906,7 @@ module Phaser { * * @return {Basic} A Basic currently flagged as existing. */ - public getFirstExtant() { + public getFirstExtant(): any { this._i = 0; @@ -941,7 +930,7 @@ module Phaser { * * @return {Basic} A Basic currently flagged as not dead. */ - public getFirstAlive() { + public getFirstAlive(): any { this._i = 0; @@ -965,7 +954,7 @@ module Phaser { * * @return {Basic} A Basic currently flagged as dead. */ - public getFirstDead() { + public getFirstDead(): any { this._i = 0; @@ -1055,7 +1044,7 @@ module Phaser { * * @return {Basic} A Basic from the members list. */ - public getRandom(startIndex: number = 0, length: number = 0) { + public getRandom(startIndex: number = 0, length: number = 0): any { if (length == 0) { diff --git a/Phaser/core/Plugin.ts b/Phaser/core/Plugin.ts index f461678c..46e87a5b 100644 --- a/Phaser/core/Plugin.ts +++ b/Phaser/core/Plugin.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Plugin @@ -29,7 +29,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * The object that owns this Plugin (i.e. Camera, Game, Stage, etc). diff --git a/Phaser/core/PluginManager.ts b/Phaser/core/PluginManager.ts index ab8e4967..8d7c88d9 100644 --- a/Phaser/core/PluginManager.ts +++ b/Phaser/core/PluginManager.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - PluginManager @@ -22,7 +21,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * The object that owns this PluginManager. diff --git a/Phaser/core/Signal.ts b/Phaser/core/Signal.ts index cfb3be5c..d02c3a27 100644 --- a/Phaser/core/Signal.ts +++ b/Phaser/core/Signal.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Signal diff --git a/Phaser/core/SignalBinding.ts b/Phaser/core/SignalBinding.ts index e85175be..97fde6d8 100644 --- a/Phaser/core/SignalBinding.ts +++ b/Phaser/core/SignalBinding.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - SignalBinding diff --git a/Phaser/display/CSS3Filters.ts b/Phaser/display/CSS3Filters.ts index c7d655d5..70d02e85 100644 --- a/Phaser/display/CSS3Filters.ts +++ b/Phaser/display/CSS3Filters.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Display - CSS3Filters diff --git a/Phaser/display/DynamicTexture.js b/Phaser/display/DynamicTexture.js new file mode 100644 index 00000000..2fd51fb8 --- /dev/null +++ b/Phaser/display/DynamicTexture.js @@ -0,0 +1,250 @@ +/// +/** +* Phaser - Display - DynamicTexture +* +* A DynamicTexture can be thought of as a mini canvas into which you can draw anything. +* Game Objects can be assigned a DynamicTexture, so when they render in the world they do so +* based on the contents of the texture at the time. This allows you to create powerful effects +* once and have them replicated across as many game objects as you like. +*/ +var Phaser; +(function (Phaser) { + var DynamicTexture = (function () { + /** + * DynamicTexture constructor + * Create a new DynamicTexture. + * + * @param game {Phaser.Game} Current game instance. + * @param width {number} Init width of this texture. + * @param height {number} Init height of this texture. + */ + function DynamicTexture(game, width, height) { + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + /** + * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. + * This is useful if you wish to apply an effect like 'lighten'. + * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. + * Set to null to disable. + */ + this.globalCompositeOperation = null; + this.game = game; + this.type = Phaser.Types.DYNAMICTEXTURE; + + this.canvas = document.createElement('canvas'); + this.canvas.width = width; + this.canvas.height = height; + this.context = this.canvas.getContext('2d'); + + this.css3 = new Phaser.Display.CSS3Filters(this.canvas); + + this.bounds = new Phaser.Rectangle(0, 0, width, height); + } + /** + * Get a color of a specific pixel. + * @param x {number} X position of the pixel in this texture. + * @param y {number} Y position of the pixel in this texture. + * @return {number} A native color value integer (format: 0xRRGGBB) + */ + DynamicTexture.prototype.getPixel = function (x, y) { + //r = imageData.data[0]; + //g = imageData.data[1]; + //b = imageData.data[2]; + //a = imageData.data[3]; + var imageData = this.context.getImageData(x, y, 1, 1); + + return Phaser.ColorUtils.getColor(imageData.data[0], imageData.data[1], imageData.data[2]); + }; + + /** + * Get a color of a specific pixel (including alpha value). + * @param x {number} X position of the pixel in this texture. + * @param y {number} Y position of the pixel in this texture. + * @return A native color value integer (format: 0xAARRGGBB) + */ + DynamicTexture.prototype.getPixel32 = function (x, y) { + var imageData = this.context.getImageData(x, y, 1, 1); + + return Phaser.ColorUtils.getColor32(imageData.data[3], imageData.data[0], imageData.data[1], imageData.data[2]); + }; + + /** + * Get pixels in array in a specific Rectangle. + * @param rect {Rectangle} The specific Rectangle. + * @returns {array} CanvasPixelArray. + */ + DynamicTexture.prototype.getPixels = function (rect) { + return this.context.getImageData(rect.x, rect.y, rect.width, rect.height); + }; + + /** + * Set color of a specific pixel. + * @param x {number} X position of the target pixel. + * @param y {number} Y position of the target pixel. + * @param color {number} Native integer with color value. (format: 0xRRGGBB) + */ + DynamicTexture.prototype.setPixel = function (x, y, color) { + this.context.fillStyle = color; + this.context.fillRect(x, y, 1, 1); + }; + + /** + * Set color (with alpha) of a specific pixel. + * @param x {number} X position of the target pixel. + * @param y {number} Y position of the target pixel. + * @param color {number} Native integer with color value. (format: 0xAARRGGBB) + */ + DynamicTexture.prototype.setPixel32 = function (x, y, color) { + this.context.fillStyle = color; + this.context.fillRect(x, y, 1, 1); + }; + + /** + * Set image data to a specific Rectangle. + * @param rect {Rectangle} Target Rectangle. + * @param input {object} Source image data. + */ + DynamicTexture.prototype.setPixels = function (rect, input) { + this.context.putImageData(input, rect.x, rect.y); + }; + + /** + * Fill a given Rectangle with specific color. + * @param rect {Rectangle} Target Rectangle you want to fill. + * @param color {number} A native number with color value. (format: 0xRRGGBB) + */ + DynamicTexture.prototype.fillRect = function (rect, color) { + this.context.fillStyle = color; + this.context.fillRect(rect.x, rect.y, rect.width, rect.height); + }; + + /** + * + */ + DynamicTexture.prototype.pasteImage = function (key, frame, destX, destY, destWidth, destHeight) { + if (typeof frame === "undefined") { frame = -1; } + if (typeof destX === "undefined") { destX = 0; } + if (typeof destY === "undefined") { destY = 0; } + if (typeof destWidth === "undefined") { destWidth = null; } + if (typeof destHeight === "undefined") { destHeight = null; } + var texture = null; + var frameData; + + this._sx = 0; + this._sy = 0; + this._dx = destX; + this._dy = destY; + + if (frame > -1) { + //if (this.game.cache.isSpriteSheet(key)) + //{ + // texture = this.game.cache.getImage(key); + //this.animations.loadFrameData(this.game.cache.getFrameData(key)); + //} + } else { + texture = this.game.cache.getImage(key); + this._sw = texture.width; + this._sh = texture.height; + this._dw = texture.width; + this._dh = texture.height; + } + + if (destWidth !== null) { + this._dw = destWidth; + } + + if (destHeight !== null) { + this._dh = destHeight; + } + + if (texture != null) { + this.context.drawImage(texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + }; + + // TODO - Add in support for: alphaBitmapData: BitmapData = null, alphaPoint: Point = null, mergeAlpha: boolean = false + /** + * Copy pixel from another DynamicTexture to this texture. + * @param sourceTexture {DynamicTexture} Source texture object. + * @param sourceRect {Rectangle} The specific region Rectangle to be copied to this in the source. + * @param destPoint {Point} Top-left point the target image data will be paste at. + */ + DynamicTexture.prototype.copyPixels = function (sourceTexture, sourceRect, destPoint) { + if (Phaser.RectangleUtils.equals(sourceRect, this.bounds) == true) { + this.context.drawImage(sourceTexture.canvas, destPoint.x, destPoint.y); + } else { + this.context.putImageData(sourceTexture.getPixels(sourceRect), destPoint.x, destPoint.y); + } + }; + + DynamicTexture.prototype.add = function (sprite) { + sprite.texture.canvas = this.canvas; + sprite.texture.context = this.context; + }; + + /** + * Given an array of Sprites it will update each of them so that their canvas/contexts reference this DynamicTexture + * @param objects {Array} An array of GameObjects, or objects that inherit from it such as Sprites + */ + DynamicTexture.prototype.assignCanvasToGameObjects = function (objects) { + for (var i = 0; i < objects.length; i++) { + if (objects[i].texture) { + objects[i].texture.canvas = this.canvas; + objects[i].texture.context = this.context; + } + } + }; + + /** + * Clear the whole canvas. + */ + DynamicTexture.prototype.clear = function () { + this.context.clearRect(0, 0, this.bounds.width, this.bounds.height); + }; + + /** + * Renders this DynamicTexture to the Stage at the given x/y coordinates + * + * @param x {number} The X coordinate to render on the stage to (given in screen coordinates, not world) + * @param y {number} The Y coordinate to render on the stage to (given in screen coordinates, not world) + */ + DynamicTexture.prototype.render = function (x, y) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (this.globalCompositeOperation) { + this.game.stage.context.save(); + this.game.stage.context.globalCompositeOperation = this.globalCompositeOperation; + } + + this.game.stage.context.drawImage(this.canvas, x, y); + + if (this.globalCompositeOperation) { + this.game.stage.context.restore(); + } + }; + + Object.defineProperty(DynamicTexture.prototype, "width", { + get: function () { + return this.bounds.width; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(DynamicTexture.prototype, "height", { + get: function () { + return this.bounds.height; + }, + enumerable: true, + configurable: true + }); + return DynamicTexture; + })(); + Phaser.DynamicTexture = DynamicTexture; +})(Phaser || (Phaser = {})); diff --git a/Phaser/display/DynamicTexture.ts b/Phaser/display/DynamicTexture.ts index 9d2c703b..a29d0980 100644 --- a/Phaser/display/DynamicTexture.ts +++ b/Phaser/display/DynamicTexture.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - Display - DynamicTexture @@ -11,7 +9,7 @@ * once and have them replicated across as many game objects as you like. */ -module Phaser { +module Phaser.Display { export class DynamicTexture { @@ -26,7 +24,7 @@ module Phaser { constructor(game: Game, width: number, height: number) { this.game = game; - this.type = Phaser.Types.GEOMSPRITE; + this.type = Phaser.Types.DYNAMICTEXTURE; this.canvas = document.createElement('canvas'); this.canvas.width = width; @@ -42,7 +40,7 @@ module Phaser { /** * Reference to game. */ - public game: Game; + public game: Phaser.Game; /** * The type of game object. @@ -71,7 +69,7 @@ module Phaser { * Bound of this texture with width and height info. * @type {Rectangle} */ - public bounds: Rectangle; + public bounds: Phaser.Rectangle; /** * This class is actually a wrapper of canvas. @@ -107,7 +105,7 @@ module Phaser { //a = imageData.data[3]; var imageData = this.context.getImageData(x, y, 1, 1); - return ColorUtils.getColor(imageData.data[0], imageData.data[1], imageData.data[2]); + return Phaser.ColorUtils.getColor(imageData.data[0], imageData.data[1], imageData.data[2]); } @@ -121,7 +119,7 @@ module Phaser { var imageData = this.context.getImageData(x, y, 1, 1); - return ColorUtils.getColor32(imageData.data[3], imageData.data[0], imageData.data[1], imageData.data[2]); + return Phaser.ColorUtils.getColor32(imageData.data[3], imageData.data[0], imageData.data[1], imageData.data[2]); } @@ -130,7 +128,7 @@ module Phaser { * @param rect {Rectangle} The specific Rectangle. * @returns {array} CanvasPixelArray. */ - public getPixels(rect: Rectangle) { + public getPixels(rect: Phaser.Rectangle) { return this.context.getImageData(rect.x, rect.y, rect.width, rect.height); @@ -167,7 +165,7 @@ module Phaser { * @param rect {Rectangle} Target Rectangle. * @param input {object} Source image data. */ - public setPixels(rect: Rectangle, input) { + public setPixels(rect: Phaser.Rectangle, input) { this.context.putImageData(input, rect.x, rect.y); @@ -178,7 +176,7 @@ module Phaser { * @param rect {Rectangle} Target Rectangle you want to fill. * @param color {number} A native number with color value. (format: 0xRRGGBB) */ - public fillRect(rect: Rectangle, color: number) { + public fillRect(rect: Phaser.Rectangle, color: number) { this.context.fillStyle = color; this.context.fillRect(rect.x, rect.y, rect.width, rect.height); @@ -250,7 +248,7 @@ module Phaser { * @param sourceRect {Rectangle} The specific region Rectangle to be copied to this in the source. * @param destPoint {Point} Top-left point the target image data will be paste at. */ - public copyPixels(sourceTexture: DynamicTexture, sourceRect: Rectangle, destPoint: Point) { + public copyPixels(sourceTexture: Phaser.Display.DynamicTexture, sourceRect: Phaser.Rectangle, destPoint: Phaser.Point) { // Swap for drawImage if the sourceRect is the same size as the sourceTexture to avoid a costly getImageData call if (Phaser.RectangleUtils.equals(sourceRect, this.bounds) == true) @@ -264,7 +262,7 @@ module Phaser { } - public add(sprite: Sprite) { + public add(sprite: Phaser.Sprite) { sprite.texture.canvas = this.canvas; sprite.texture.context = this.context; diff --git a/Phaser/display/Texture.ts b/Phaser/display/Texture.ts index 1dec0902..95c6e882 100644 --- a/Phaser/display/Texture.ts +++ b/Phaser/display/Texture.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - Display - Texture @@ -54,7 +52,7 @@ module Phaser.Display { /** * Reference to Phaser.Game */ - public game: Game; + public game: Phaser.Game; /** * Reference to the parent object (Sprite, Group, etc) @@ -70,7 +68,7 @@ module Phaser.Display { * Reference to the DynamicTexture that is used as the texture for the Sprite. * @type {DynamicTexture} */ - public dynamicTexture: DynamicTexture = null; + public dynamicTexture: Phaser.Display.DynamicTexture = null; /** * The load status of the texture image. @@ -178,7 +176,7 @@ module Phaser.Display { * * @param object {Camera} The camera this object should ignore. */ - public hideFromCamera(camera: Camera) { + public hideFromCamera(camera: Phaser.Camera) { if (this.isHidden(camera) == false) { @@ -191,7 +189,7 @@ module Phaser.Display { /** * Returns true if this texture is hidden from rendering to the given camera, otherwise false. */ - public isHidden(camera: Camera): boolean { + public isHidden(camera: Phaser.Camera): boolean { if (this._blacklist && this.cameraBlacklist.indexOf(camera.ID) !== -1) { @@ -208,7 +206,7 @@ module Phaser.Display { * * @param object {Sprite/Group} The object this camera should display. */ - public showToCamera(camera: Camera) { + public showToCamera(camera: Phaser.Camera) { if (this.isHidden(camera)) { @@ -222,7 +220,7 @@ module Phaser.Display { * Updates the texture being used to render the Sprite. * Called automatically by SpriteUtils.loadTexture and SpriteUtils.loadDynamicTexture. */ - public setTo(image = null, dynamic: DynamicTexture = null) { + public setTo(image = null, dynamic: Phaser.Display.DynamicTexture = null) { if (dynamic) { diff --git a/Phaser/gameobjects/Events.ts b/Phaser/gameobjects/Events.ts index bcf5feac..5a8c284b 100644 --- a/Phaser/gameobjects/Events.ts +++ b/Phaser/gameobjects/Events.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Components - Events @@ -30,7 +30,7 @@ module Phaser.Components { /** * Reference to Phaser.Game */ - public game: Game; + public game: Phaser.Game; /** * Local private reference to its parent game object. diff --git a/Phaser/gameobjects/GameObjectFactory.ts b/Phaser/gameobjects/GameObjectFactory.ts index de802c00..6f90219e 100644 --- a/Phaser/gameobjects/GameObjectFactory.ts +++ b/Phaser/gameobjects/GameObjectFactory.ts @@ -1,12 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - GameObjectFactory @@ -48,7 +40,7 @@ module Phaser { * @param height {number} Height of the new camera. * @returns {Camera} The newly created camera object. */ - public camera(x: number, y: number, width: number, height: number): Camera { + public camera(x: number, y: number, width: number, height: number): Phaser.Camera { return this._world.cameras.addCamera(x, y, width, height); } @@ -76,8 +68,8 @@ module Phaser { * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. * @returns {Button} The newly created button object. */ - public button(x: number = 0, y: number = 0, key: string = null, callback = null, callbackContext = null, overFrame = null, outFrame = null, downFrame = null): UI.Button { - return this._world.group.add(new UI.Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame)); + public button(x: number = 0, y: number = 0, key: string = null, callback = null, callbackContext = null, overFrame = null, outFrame = null, downFrame = null): Phaser.UI.Button { + return this._world.group.add(new Phaser.UI.Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame)); } /** @@ -89,12 +81,12 @@ module Phaser { * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. * @returns {Sprite} The newly created sprite object. */ - public sprite(x: number, y: number, key: string = '', frame = null): Sprite { - return this._world.group.add(new Sprite(this.game, x, y, key, frame)); + public sprite(x: number, y: number, key: string = '', frame = null): Phaser.Sprite { + return this._world.group.add(new Phaser.Sprite(this.game, x, y, key, frame)); } - public audio(key: string, volume: number = 1, loop: boolean = false) { - return this.game.sound.add(key, volume, loop); + public audio(key: string, volume: number = 1, loop: boolean = false): Phaser.Sound { + return this.game.sound.add(key, volume, loop); } /** @@ -119,8 +111,8 @@ module Phaser { * @param height {number} Height of the texture. * @returns {DynamicTexture} The newly created dynamic texture object. */ - public dynamicTexture(width: number, height: number): DynamicTexture { - return new DynamicTexture(this.game, width, height); + public dynamicTexture(width: number, height: number): Phaser.Display.DynamicTexture { + return new Phaser.Display.DynamicTexture(this.game, width, height); } /** @@ -129,8 +121,8 @@ module Phaser { * @param maxSize {number} Optional, capacity of this group. * @returns {Group} The newly created group. */ - public group(maxSize: number = 0): Group { - return this._world.group.add(new Group(this.game, maxSize)); + public group(maxSize: number = 0): Phaser.Group { + return this._world.group.add(new Phaser.Group(this.game, maxSize)); } /** @@ -138,9 +130,9 @@ module Phaser { * * @return {Particle} The newly created particle object. */ - public particle(): ArcadeParticle { - return new ArcadeParticle(this.game); - } + //public particle(): ArcadeParticle { + // return new ArcadeParticle(this.game); + //} /** * Create a new Emitter. @@ -150,9 +142,9 @@ module Phaser { * @param size {number} Optional, size of this emitter. * @return {Emitter} The newly created emitter object. */ - public emitter(x: number = 0, y: number = 0, size: number = 0): ArcadeEmitter { - return this._world.group.add(new ArcadeEmitter(this.game, x, y, size)); - } + //public emitter(x: number = 0, y: number = 0, size: number = 0): ArcadeEmitter { + // return this._world.group.add(new ArcadeEmitter(this.game, x, y, size)); + //} /** * Create a new ScrollZone object with image key, position and size. @@ -164,8 +156,8 @@ module Phaser { * @param height {number} Height of this object. * @returns {ScrollZone} The newly created scroll zone object. */ - public scrollZone(key: string, x: number = 0, y: number = 0, width: number = 0, height: number = 0): ScrollZone { - return this._world.group.add(new ScrollZone(this.game, key, x, y, width, height)); + public scrollZone(key: string, x: number = 0, y: number = 0, width: number = 0, height: number = 0): Phaser.ScrollZone { + return this._world.group.add(new Phaser.ScrollZone(this.game, key, x, y, width, height)); } /** @@ -179,8 +171,8 @@ module Phaser { * @param [tileHeight] {number} height of each tile. * @return {Tilemap} The newly created tilemap object. */ - public tilemap(key: string, mapData: string, format: number, resizeWorld: boolean = true, tileWidth: number = 0, tileHeight: number = 0): Tilemap { - return this._world.group.add(new Tilemap(this.game, key, mapData, format, resizeWorld, tileWidth, tileHeight)); + public tilemap(key: string, mapData: string, format: number, resizeWorld: boolean = true, tileWidth: number = 0, tileHeight: number = 0): Phaser.Tilemap { + return this._world.group.add(new Phaser.Tilemap(this.game, key, mapData, format, resizeWorld, tileWidth, tileHeight)); } /** @@ -190,7 +182,7 @@ module Phaser { * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. * @return {Phaser.Tween} The newly created tween object. */ - public tween(obj, localReference:boolean = false): Tween { + public tween(obj, localReference: boolean = false): Phaser.Tween { return this.game.tweens.create(obj, localReference); } @@ -201,7 +193,7 @@ module Phaser { * @param sprite The Sprite to add to the Game World * @return {Phaser.Sprite} The Sprite object */ - public existingSprite(sprite: Sprite): Sprite { + public existingSprite(sprite: Phaser.Sprite): Phaser.Sprite { return this._world.group.add(sprite); } @@ -212,7 +204,7 @@ module Phaser { * @param group The Group to add to the Game World * @return {Phaser.Group} The Group object */ - public existingGroup(group: Group): Group { + public existingGroup(group: Phaser.Group): Phaser.Group { return this._world.group.add(group); } @@ -223,7 +215,7 @@ module Phaser { * @param button The Button to add to the Game World * @return {Phaser.Button} The Button object */ - public existingButton(button: UI.Button): UI.Button { + public existingButton(button: Phaser.UI.Button): Phaser.UI.Button { return this._world.group.add(button); } @@ -245,9 +237,9 @@ module Phaser { * @param emitter The Emitter to add to the Game World * @return {Phaser.Emitter} The Emitter object */ - public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter { - return this._world.group.add(emitter); - } + //public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter { + // return this._world.group.add(emitter); + //} /** * Add an existing ScrollZone to the current world. @@ -256,7 +248,7 @@ module Phaser { * @param scrollZone The ScrollZone to add to the Game World * @return {Phaser.ScrollZone} The ScrollZone object */ - public existingScrollZone(scrollZone: ScrollZone): ScrollZone { + public existingScrollZone(scrollZone: Phaser.ScrollZone): Phaser.ScrollZone { return this._world.group.add(scrollZone); } @@ -267,7 +259,7 @@ module Phaser { * @param tilemap The Tilemap to add to the Game World * @return {Phaser.Tilemap} The Tilemap object */ - public existingTilemap(tilemap: Tilemap): Tilemap { + public existingTilemap(tilemap: Phaser.Tilemap): Phaser.Tilemap { return this._world.group.add(tilemap); } @@ -278,7 +270,7 @@ module Phaser { * @param tween The Tween to add to the Game World * @return {Phaser.Tween} The Tween object */ - public existingTween(tween: Tween): Tween { + public existingTween(tween: Phaser.Tween): Phaser.Tween { return this.game.tweens.add(tween); } diff --git a/Phaser/gameobjects/IGameObject.ts b/Phaser/gameobjects/IGameObject.ts index 2c3de47b..9e1d0ed2 100644 --- a/Phaser/gameobjects/IGameObject.ts +++ b/Phaser/gameobjects/IGameObject.ts @@ -1,4 +1,4 @@ -/// +/// module Phaser { @@ -7,7 +7,7 @@ module Phaser { /** * Reference to the main game object */ - game: Game; + game: Phaser.Game; /** * The type of game object. @@ -17,7 +17,7 @@ module Phaser { /** * The ID of the Group this Sprite belongs to. */ - group: Group; + group: Phaser.Group; /** * The name of the Game Object. Typically not set by Phaser, but extremely useful for debugging / logic. @@ -62,12 +62,12 @@ module Phaser { /** * Associated events */ - events; + events: Phaser.Components.Events; /** * The input component */ - input; + input: Phaser.Components.InputHandler; /** * The texture used to render. diff --git a/Phaser/gameobjects/ScrollRegion.ts b/Phaser/gameobjects/ScrollRegion.ts index fd6f5396..59c0a303 100644 --- a/Phaser/gameobjects/ScrollRegion.ts +++ b/Phaser/gameobjects/ScrollRegion.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - ScrollRegion diff --git a/Phaser/gameobjects/ScrollZone.ts b/Phaser/gameobjects/ScrollZone.ts index 1a252052..613f903e 100644 --- a/Phaser/gameobjects/ScrollZone.ts +++ b/Phaser/gameobjects/ScrollZone.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - ScrollZone @@ -62,13 +60,13 @@ module Phaser { * Current region this zone is scrolling. * @type {ScrollRegion} */ - public currentRegion: ScrollRegion; + public currentRegion: Phaser.ScrollRegion; /** * Array contains all added regions. * @type {ScrollRegion[]} */ - public regions: ScrollRegion[]; + public regions: Phaser.ScrollRegion[]; /** * Add a new region to this zone. @@ -80,7 +78,7 @@ module Phaser { * @param [speedY] {number} y-axis scrolling speed. * @return {ScrollRegion} The newly added region. */ - public addRegion(x: number, y: number, width: number, height: number, speedX:number = 0, speedY:number = 0):ScrollRegion { + public addRegion(x: number, y: number, width: number, height: number, speedX: number = 0, speedY: number = 0): Phaser.ScrollRegion { if (x > this.width || y > this.height || x < 0 || y < 0 || (x + width) > this.width || (y + height) > this.height) { @@ -88,7 +86,7 @@ module Phaser { return null; } - this.currentRegion = new ScrollRegion(x, y, width, height, speedX, speedY); + this.currentRegion = new Phaser.ScrollRegion(x, y, width, height, speedX, speedY); this.regions.push(this.currentRegion); @@ -134,7 +132,7 @@ module Phaser { var tileWidth = Math.ceil(this.width / regionWidth) * regionWidth; var tileHeight = Math.ceil(this.height / regionHeight) * regionHeight; - var dt: DynamicTexture = new DynamicTexture(this.game, tileWidth, tileHeight); + var dt: Phaser.Display.DynamicTexture = new Phaser.Display.DynamicTexture(this.game, tileWidth, tileHeight); dt.context.rect(0, 0, tileWidth, tileHeight); dt.context.fillStyle = dt.context.createPattern(this.texture.imageTexture, "repeat"); diff --git a/Phaser/gameobjects/Sprite.ts b/Phaser/gameobjects/Sprite.ts index e01e06d4..c546c291 100644 --- a/Phaser/gameobjects/Sprite.ts +++ b/Phaser/gameobjects/Sprite.ts @@ -1,12 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - Sprite @@ -86,7 +78,7 @@ module Phaser { /** * Reference to the main game object */ - public game: Game; + public game: Phaser.Game; /** * The type of game object. @@ -101,7 +93,7 @@ module Phaser { /** * The Group this Sprite belongs to. */ - public group: Group; + public group: Phaser.Group; /** * Controls if both update and render are called by the core game loop. @@ -137,7 +129,8 @@ module Phaser { /** * Sprite physics body. */ - public body: Phaser.Physics.Body = null; + //public body: Phaser.Physics.Body = null; + public body; /** * The texture used to render the Sprite. @@ -236,7 +229,7 @@ module Phaser { if (this.group) { - this.group.bringToTop(this); + //this.group.bringToTop(this); } } @@ -426,7 +419,7 @@ module Phaser { if (removeFromGroup && this.group) { - this.group.remove(this); + //this.group.remove(this); } this.events.onKilled.dispatch(this); diff --git a/Phaser/gameobjects/TransformManager.ts b/Phaser/gameobjects/TransformManager.ts index dd27bba1..b826be28 100644 --- a/Phaser/gameobjects/TransformManager.ts +++ b/Phaser/gameobjects/TransformManager.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - Components - TransformManager @@ -19,7 +17,7 @@ module Phaser.Components { this.game = parent.game; this.parent = parent; - this.local = new Mat3; + this.local = new Phaser.Mat3; this.scrollFactor = new Phaser.Vec2(1, 1); this.origin = new Phaser.Vec2; @@ -63,7 +61,7 @@ module Phaser.Components { /** * Reference to Phaser.Game */ - public game: Game; + public game: Phaser.Game; /** * Reference to the parent object (Sprite, Group, etc) @@ -73,22 +71,22 @@ module Phaser.Components { /** * Scale of the object. A scale of 1.0 is the original size. 0.5 half size. 2.0 double sized. */ - public scale: Vec2; + public scale: Phaser.Vec2; /** * Skew the object along the x and y axis. A skew value of 0 is no skew. */ - public skew: Vec2; + public skew: Phaser.Vec2; /** * The influence of camera movement upon the object, if supported. */ - public scrollFactor: Vec2; + public scrollFactor: Phaser.Vec2; /** * The origin is the point around which scale and rotation takes place and defaults to the top-left of the sprite. */ - public origin: Vec2; + public origin: Phaser.Vec2; /** * This value is added to the rotation of the object. @@ -131,7 +129,7 @@ module Phaser.Components { /** * The local transform matrix */ - public local: Mat3; + public local: Phaser.Mat3; /** * The distance from the center of the transform to the rotation origin. @@ -220,16 +218,16 @@ module Phaser.Components { this._size.y = this.parent.height; this._origin.x = this.origin.x; this._origin.y = this.origin.y; - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); - this._scA.y = Math.cos((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD + this._angle); - this._scA.x = Math.sin((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD + this._angle); + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); this._prevRotation = this.rotation; if (this.parent.texture && this.parent.texture.renderRotation) { - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); } else { @@ -278,15 +276,15 @@ module Phaser.Components { // 2) Rotation change if (this.rotation != this._prevRotation) { - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); - this._scA.y = Math.cos((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD + this._angle); - this._scA.x = Math.sin((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD + this._angle); + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); if (this.parent.texture.renderRotation) { - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * GameMath.DEG_TO_RAD); + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); } else { diff --git a/Phaser/geom/Circle.ts b/Phaser/geom/Circle.ts index ed10eace..9c6217e4 100644 --- a/Phaser/geom/Circle.ts +++ b/Phaser/geom/Circle.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Circle diff --git a/Phaser/geom/Line.ts b/Phaser/geom/Line.ts index 0277f305..1de2274a 100644 --- a/Phaser/geom/Line.ts +++ b/Phaser/geom/Line.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Line @@ -239,7 +239,7 @@ module Phaser { * @param {Any} line * @return {Any} */ - public intersectLineLine(line): any { + public intersectLineLine(line) { //return Phaser.intersectLineLine(this,line); } diff --git a/Phaser/geom/Point.ts b/Phaser/geom/Point.ts index 0e93d78e..c8f386e6 100644 --- a/Phaser/geom/Point.ts +++ b/Phaser/geom/Point.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Point diff --git a/Phaser/geom/Rectangle.ts b/Phaser/geom/Rectangle.ts index ad141ab3..64d219fe 100644 --- a/Phaser/geom/Rectangle.ts +++ b/Phaser/geom/Rectangle.ts @@ -1,4 +1,4 @@ -/// +/// /** * Rectangle diff --git a/Phaser/input/Gestures.ts b/Phaser/input/Gestures.ts deleted file mode 100644 index 71cb2a3f..00000000 --- a/Phaser/input/Gestures.ts +++ /dev/null @@ -1,63 +0,0 @@ -/// -/// - -/** -* Phaser - Gestures -* -* The Gesture class monitors for gestures and dispatches the resulting signals when they occur. -* Note: Android 2.x only supports 1 touch event at once, no multi-touch -*/ - -module Phaser { - - export class Gestures { - - /** - * Constructor - * @param {Game} game. - * @return {Touch} This object. - */ - constructor(game: Game) { - - this.game = game; - - } - - /** - * Local reference to Game. - * @property _game - * @type {Game} - * @private - **/ - public game: Game; - - private _p1: Pointer; - private _p2: Pointer; - private _p3: Pointer; - private _p4: Pointer; - private _p5: Pointer; - private _p6: Pointer; - private _p7: Pointer; - private _p8: Pointer; - private _p9: Pointer; - private _p10: Pointer; - - public start() { - - // Local references to the Phaser.Input.pointer objects - this._p1 = this.game.input.pointer1; - this._p2 = this.game.input.pointer2; - this._p3 = this.game.input.pointer3; - this._p4 = this.game.input.pointer4; - this._p5 = this.game.input.pointer5; - this._p6 = this.game.input.pointer6; - this._p7 = this.game.input.pointer7; - this._p8 = this.game.input.pointer8; - this._p9 = this.game.input.pointer9; - this._p10 = this.game.input.pointer10; - - } - - } - -} \ No newline at end of file diff --git a/Phaser/input/Input.ts b/Phaser/input/Input.ts deleted file mode 100644 index e69de29b..00000000 diff --git a/Phaser/input/InputHandler.ts b/Phaser/input/InputHandler.ts index 818077d5..a6d1a3aa 100644 --- a/Phaser/input/InputHandler.ts +++ b/Phaser/input/InputHandler.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - Components - InputHandler @@ -27,7 +25,7 @@ module Phaser.Components { /** * Reference to Phaser.Game */ - public game: Game; + public game: Phaser.Game; /** * Local private reference to its parent game object. @@ -551,7 +549,7 @@ module Phaser.Components { * @param boundsRect If you want to restrict the drag of this sprite to a specific FlxRect, pass the FlxRect here, otherwise it's free to drag anywhere * @param boundsSprite If you want to restrict the drag of this sprite to within the bounding box of another sprite, pass it here */ - public enableDrag(lockCenter: boolean = false, bringToTop: boolean = false, pixelPerfect: boolean = false, alphaThreshold: number = 255, boundsRect: Rectangle = null, boundsSprite: Phaser.Sprite = null): void { + public enableDrag(lockCenter: boolean = false, bringToTop: boolean = false, pixelPerfect: boolean = false, alphaThreshold: number = 255, boundsRect: Rectangle = null, boundsSprite: Phaser.Sprite = null) { this._dragPoint = new Point; this.draggable = true; @@ -576,7 +574,7 @@ module Phaser.Components { /** * Stops this sprite from being able to be dragged. If it is currently the target of an active drag it will be stopped immediately. Also disables any set callbacks. */ - public disableDrag(): void { + public disableDrag() { if (this._pointerData) { @@ -595,7 +593,7 @@ module Phaser.Components { /** * Called by Pointer when drag starts on this Sprite. Should not usually be called directly. */ - public startDrag(pointer: Pointer): void { + public startDrag(pointer: Pointer) { this.isDragged = true; this._draggedPointerID = pointer.id; @@ -625,7 +623,7 @@ module Phaser.Components { /** * Called by Pointer when drag is stopped on this Sprite. Should not usually be called directly. */ - public stopDrag(pointer: Pointer): void { + public stopDrag(pointer: Pointer) { this.isDragged = false; this._draggedPointerID = -1; @@ -648,7 +646,7 @@ module Phaser.Components { * @param allowHorizontal To enable the sprite to be dragged horizontally set to true, otherwise false * @param allowVertical To enable the sprite to be dragged vertically set to true, otherwise false */ - public setDragLock(allowHorizontal: boolean = true, allowVertical: boolean = true): void { + public setDragLock(allowHorizontal: boolean = true, allowVertical: boolean = true) { this.allowHorizontalDrag = allowHorizontal; this.allowVerticalDrag = allowVertical; } @@ -662,7 +660,7 @@ module Phaser.Components { * @param onDrag If true the sprite will snap to the grid while being dragged * @param onRelease If true the sprite will snap to the grid when released */ - public enableSnap(snapX: number, snapY: number, onDrag: boolean = true, onRelease: boolean = false): void { + public enableSnap(snapX: number, snapY: number, onDrag: boolean = true, onRelease: boolean = false) { this.snapOnDrag = onDrag; this.snapOnRelease = onRelease; this.snapX = snapX; @@ -672,7 +670,7 @@ module Phaser.Components { /** * Stops the sprite from snapping to a grid during drag or release. */ - public disableSnap(): void { + public disableSnap() { this.snapOnDrag = false; this.snapOnRelease = false; } @@ -680,7 +678,7 @@ module Phaser.Components { /** * Bounds Rect check for the sprite drag */ - private checkBoundsRect(): void { + private checkBoundsRect() { if (this._parent.x < this.boundsRect.left) { this._parent.x = this.boundsRect.x; @@ -703,7 +701,7 @@ module Phaser.Components { /** * Parent Sprite Bounds check for the sprite drag */ - private checkBoundsSprite(): void { + private checkBoundsSprite() { if (this._parent.x < this.boundsSprite.x) { this._parent.x = this.boundsSprite.x; diff --git a/Phaser/input/InputManager.ts b/Phaser/input/InputManager.ts index 3ed69e59..178fedb0 100644 --- a/Phaser/input/InputManager.ts +++ b/Phaser/input/InputManager.ts @@ -1,13 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - InputManager @@ -32,7 +23,7 @@ module Phaser { this.keyboard = new Keyboard(this.game); this.touch = new Touch(this.game); this.mspointer = new MSPointer(this.game); - this.gestures = new Gestures(this.game); + //this.gestures = new Gestures(this.game); this.onDown = new Phaser.Signal(); this.onUp = new Phaser.Signal(); @@ -58,7 +49,7 @@ module Phaser { /** * Local reference to game. */ - public game: Game; + public game: Phaser.Game; /** * How often should the input pointers be checked for updates? @@ -171,7 +162,7 @@ module Phaser { * Phaser.Gestures handler * @type {Gestures} */ - public gestures: Gestures; + //public gestures: Gestures; /** * A vector object representing the current position of the Pointer. @@ -458,7 +449,7 @@ module Phaser { this.keyboard.start(); this.touch.start(); this.mspointer.start(); - this.gestures.start(); + //this.gestures.start(); this.mousePointer.active = true; diff --git a/Phaser/input/Keyboard.ts b/Phaser/input/Keyboard.ts index 5481e342..448142d5 100644 --- a/Phaser/input/Keyboard.ts +++ b/Phaser/input/Keyboard.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Keyboard @@ -23,7 +23,7 @@ module Phaser { * @property game * @type {Phaser.Game} **/ - public game: Game; + public game: Phaser.Game; private _keys = {}; private _capture = {}; @@ -211,6 +211,7 @@ module Phaser { } +/* // Letters public static A: number = "A".charCodeAt(0); public static B: number = "B".charCodeAt(0); @@ -320,7 +321,7 @@ module Phaser { public static DELETE: number = 46; public static HELP: number = 47; public static NUM_LOCK: number = 144; - +*/ } } \ No newline at end of file diff --git a/Phaser/input/MSPointer.ts b/Phaser/input/MSPointer.ts index 7cb41038..dfd4c8a2 100644 --- a/Phaser/input/MSPointer.ts +++ b/Phaser/input/MSPointer.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - MSPointer @@ -29,7 +28,7 @@ module Phaser { * @property game * @type Game **/ - public game: Game; + public game: Phaser.Game; /** * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. diff --git a/Phaser/input/Mouse.ts b/Phaser/input/Mouse.ts index 0b7224c4..8ea31562 100644 --- a/Phaser/input/Mouse.ts +++ b/Phaser/input/Mouse.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Mouse @@ -22,7 +22,7 @@ module Phaser { * @property game * @type {Phaser.Game} **/ - public game: Game; + public game: Phaser.Game; public static LEFT_BUTTON: number = 0; public static MIDDLE_BUTTON: number = 1; diff --git a/Phaser/input/Pointer.ts b/Phaser/input/Pointer.ts index 5cb038bf..ae7e4a25 100644 --- a/Phaser/input/Pointer.ts +++ b/Phaser/input/Pointer.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - Pointer @@ -43,7 +42,7 @@ module Phaser { * @type {Phaser.Game} * @private **/ - public game: Game; + public game: Phaser.Game; /** * Local private variable to store the status of dispatching a hold event diff --git a/Phaser/input/Touch.ts b/Phaser/input/Touch.ts index 4c9019ea..25422cae 100644 --- a/Phaser/input/Touch.ts +++ b/Phaser/input/Touch.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - Touch @@ -32,7 +31,7 @@ module Phaser { * @property game * @type {Phaser.Game} **/ - public game: Game; + public game: Phaser.Game; /** * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. diff --git a/Phaser/loader/AnimationLoader.ts b/Phaser/loader/AnimationLoader.ts index 54e4a67f..8bb31214 100644 --- a/Phaser/loader/AnimationLoader.ts +++ b/Phaser/loader/AnimationLoader.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - AnimationLoader diff --git a/Phaser/loader/Cache.ts b/Phaser/loader/Cache.ts index 7b7ed353..bfb77051 100644 --- a/Phaser/loader/Cache.ts +++ b/Phaser/loader/Cache.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Cache @@ -28,7 +28,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Canvas key-value container. diff --git a/Phaser/loader/Loader.ts b/Phaser/loader/Loader.ts index 4d9b9646..6e27c030 100644 --- a/Phaser/loader/Loader.ts +++ b/Phaser/loader/Loader.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Loader @@ -36,7 +36,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Array stores assets keys. So you can get that asset by its unique key. diff --git a/Phaser/math/GameMath.ts b/Phaser/math/GameMath.ts index e9ef00bc..741f9098 100644 --- a/Phaser/math/GameMath.ts +++ b/Phaser/math/GameMath.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - GameMath @@ -25,7 +25,7 @@ module Phaser { } } - public game: Game; + public game: Phaser.Game; // Pre-calculated tables containing Math.sin(angle) and Math.cos(angle) from -180 to 180 // So sinA[sprite.rotation] would be the same as Math.sin(sprite.rotation) without a call to Math.sin diff --git a/Phaser/math/LinkedList.ts b/Phaser/math/LinkedList.ts index 953eb4ce..4efc8815 100644 --- a/Phaser/math/LinkedList.ts +++ b/Phaser/math/LinkedList.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - LinkedList @@ -23,7 +23,8 @@ module Phaser { /** * Stores a reference to an IGameObject. */ - public object: IGameObject; + //public object: IGameObject; + public object; /** * Stores a reference to the next link in the list. diff --git a/Phaser/math/Mat3.ts b/Phaser/math/Mat3.ts index aec1dd71..cafbaa02 100644 --- a/Phaser/math/Mat3.ts +++ b/Phaser/math/Mat3.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Mat3 diff --git a/Phaser/math/Mat3Utils.ts b/Phaser/math/Mat3Utils.ts index 49774922..79c88c6e 100644 --- a/Phaser/math/Mat3Utils.ts +++ b/Phaser/math/Mat3Utils.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - Mat3Utils diff --git a/Phaser/math/QuadTree.ts b/Phaser/math/QuadTree.ts index 79dd60fe..f35587bd 100644 --- a/Phaser/math/QuadTree.ts +++ b/Phaser/math/QuadTree.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - QuadTree @@ -23,7 +21,8 @@ module Phaser { * @param {Number} height Desired height of this node. * @param {Number} parent The parent branch or node. Pass null to create a root. */ - constructor(manager: Phaser.Physics.Manager, x: number, y: number, width: number, height: number, parent: QuadTree = null) { + //constructor(manager: Phaser.Physics.Manager, x: number, y: number, width: number, height: number, parent: QuadTree = null) { + constructor(manager, x: number, y: number, width: number, height: number, parent: QuadTree = null) { super(x, y, width, height); @@ -104,7 +103,8 @@ module Phaser { private _overlapProcessed: boolean; private _checkObject; - public static physics: Phaser.Physics.Manager; + //public static physics: Phaser.Physics.Manager; + public static physics; /** * Flag for specifying that you want to add an object to the A list. diff --git a/Phaser/math/RandomDataGenerator.js b/Phaser/math/RandomDataGenerator.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/math/RandomDataGenerator.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/math/RandomDataGenerator.ts b/Phaser/math/RandomDataGenerator.ts index e54f2fef..befe1217 100644 --- a/Phaser/math/RandomDataGenerator.ts +++ b/Phaser/math/RandomDataGenerator.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - RandomDataGenerator @@ -17,7 +17,7 @@ module Phaser { * @param {Array} seeds * @return {Phaser.RandomDataGenerator} */ - constructor(seeds: string[] = []) { + constructor(seeds: string[]= []) { this.sow(seeds); @@ -55,7 +55,7 @@ module Phaser { * @method uint32 * @private */ - private uint32() { + private uint32(): number { return this.rnd.apply(this) * 0x100000000; // 2^32 @@ -65,7 +65,7 @@ module Phaser { * @method fract32 * @private */ - private fract32() { + private fract32(): number { return this.rnd.apply(this) + (this.rnd.apply(this) * 0x200000 | 0) * 1.1102230246251565e-16; // 2^-53 @@ -76,7 +76,7 @@ module Phaser { * @method rnd * @private */ - private rnd() { + private rnd(): number { var t = 2091639 * this.s0 + this.c * 2.3283064365386963e-10; // 2^-32 @@ -122,7 +122,7 @@ module Phaser { * @method sow * @param {Array} seeds */ - public sow(seeds: string[] = []) { + public sow(seeds: string[]= []) { this.s0 = this.hash(' '); this.s1 = this.hash(this.s0); @@ -230,7 +230,7 @@ module Phaser { b = a = ''; a++ < 36; b += ~a % 5 | a * 3 & 4 ? (a ^ 15 ? 8 ^ this.frac * (a ^ 20 ? 16 : 4) : 4).toString(16) : '-' - ); + ); return b; } diff --git a/Phaser/math/Vec2.ts b/Phaser/math/Vec2.ts index f814f228..aca5ae88 100644 --- a/Phaser/math/Vec2.ts +++ b/Phaser/math/Vec2.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Vec2 @@ -47,7 +47,7 @@ module Phaser { * @param {any} source - The object to copy from. * @return {Vec2} This Vec2 object. **/ - public copyFrom(source: any): Vec2 { + public copyFrom(source: any): Phaser.Vec2 { return this.setTo(source.x, source.y); } @@ -57,7 +57,7 @@ module Phaser { * @param {Number} y The y position of the vector * @return {Vec2} This object **/ - public setTo(x: number, y: number): Vec2 { + public setTo(x: number, y: number): Phaser.Vec2 { this.x = x; this.y = y; @@ -71,7 +71,7 @@ module Phaser { * @param {Vec2} other The other Vector. * @return {Vec2} This for chaining. */ - public add(a: Vec2): Vec2 { + public add(a: Phaser.Vec2): Phaser.Vec2 { this.x += a.x; this.y += a.y; @@ -85,7 +85,7 @@ module Phaser { * @param {Vec2} other The other Vector. * @return {Vec2} This for chaining. */ - public subtract(v: Vec2): Vec2 { + public subtract(v: Phaser.Vec2): Phaser.Vec2 { this.x -= v.x; this.y -= v.y; @@ -99,7 +99,7 @@ module Phaser { * @param {Vec2} other The other Vector. * @return {Vec2} This for chaining. */ - public multiply(v: Vec2): Vec2 { + public multiply(v: Phaser.Vec2): Phaser.Vec2 { this.x *= v.x; this.y *= v.y; @@ -113,7 +113,7 @@ module Phaser { * @param {Vec2} other The other Vector. * @return {Vec2} This for chaining. */ - public divide(v: Vec2): Vec2 { + public divide(v: Phaser.Vec2): Phaser.Vec2 { this.x /= v.x; this.y /= v.y; @@ -144,7 +144,7 @@ module Phaser { * * @return {Vec2} This for chaining. */ - public normalize(): Vec2 { + public normalize(): Phaser.Vec2 { var inv = (this.x != 0 || this.y != 0) ? 1 / Math.sqrt(this.x * this.x + this.y * this.y) : 0; this.x *= inv; @@ -159,7 +159,7 @@ module Phaser { * @param {Vec2} a Reference to a source Vec2 object. * @return {Number} */ - public dot(a: Vec2): number { + public dot(a: Phaser.Vec2): number { return ((this.x * a.x) + (this.y * a.y)); } @@ -169,7 +169,7 @@ module Phaser { * @param {Vec2} a Reference to a source Vec2 object. * @return {Number} */ - public cross(a: Vec2): number { + public cross(a: Phaser.Vec2): number { return ((this.x * a.y) - (this.y * a.x)); } @@ -179,7 +179,7 @@ module Phaser { * @param {Vec2} a Reference to a source Vec2 object. * @return {Number} */ - public projectionLength(a: Vec2): number { + public projectionLength(a: Phaser.Vec2): number { var den: number = a.dot(a); @@ -200,7 +200,7 @@ module Phaser { * @param {Vec2} a Reference to a source Vec2 object. * @return {Number} */ - public angle(a: Vec2): number { + public angle(a: Phaser.Vec2): number { return Math.atan2(a.x * this.y - a.y * this.x, a.x * this.x + a.y * this.y); } @@ -211,7 +211,7 @@ module Phaser { * @param {?number=} y The scaling factor in the y direction. If this is not specified, the x scaling factor will be used. * @return {Vec2} This for chaining. */ - public scale(x: number, y:number): Vec2 { + public scale(x: number, y: number): Phaser.Vec2 { this.x *= x; this.y *= y || x; @@ -225,7 +225,7 @@ module Phaser { * @param {number} scalar * @return {Vec2} This for chaining. */ - public multiplyByScalar(scalar: number): Vec2 { + public multiplyByScalar(scalar: number): Phaser.Vec2 { this.x *= scalar; this.y *= scalar; @@ -240,7 +240,7 @@ module Phaser { * @param {number} scalar * @return {Vec2} This for chaining. */ - public multiplyAddByScalar(a: Vec2, scalar: number): Vec2 { + public multiplyAddByScalar(a: Phaser.Vec2, scalar: number): Phaser.Vec2 { this.x += a.x * scalar; this.y += a.y * scalar; @@ -254,7 +254,7 @@ module Phaser { * @param {number} scalar * @return {Vec2} This for chaining. */ - public divideByScalar(scalar: number): Vec2 { + public divideByScalar(scalar: number): Phaser.Vec2 { this.x /= scalar; this.y /= scalar; @@ -267,7 +267,7 @@ module Phaser { * * @return {Vec2} This for chaining. */ - public reverse(): Vec2 { + public reverse(): Phaser.Vec2 { this.x = -this.x; this.y = -this.y; @@ -290,8 +290,7 @@ module Phaser { * @return {string} a string representation of the object. **/ public toString(): string { - //return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; - return "x=" + this.x + " y=" + this.y; + return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; } } diff --git a/Phaser/math/Vec2Utils.ts b/Phaser/math/Vec2Utils.ts index 3f9106ed..adb07f53 100644 --- a/Phaser/math/Vec2Utils.ts +++ b/Phaser/math/Vec2Utils.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - Vec2Utils diff --git a/Phaser/net/Net.ts b/Phaser/net/Net.ts index 83840807..f70275fb 100644 --- a/Phaser/net/Net.ts +++ b/Phaser/net/Net.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Net @@ -13,7 +13,7 @@ module Phaser { /** * Net constructor */ - constructor(game: Game) { + constructor(game: Phaser.Game) { this.game = game; @@ -22,7 +22,7 @@ module Phaser { /** * Local reference to the current Phaser.Game. */ - public game: Game; + public game: Phaser.Game; /** * Compares the given domain name against the hostname of the browser containing the game. diff --git a/Phaser/particles/ArcadeEmitter.ts b/Phaser/particles/ArcadeEmitter.ts deleted file mode 100644 index 95ea1d24..00000000 --- a/Phaser/particles/ArcadeEmitter.ts +++ /dev/null @@ -1,465 +0,0 @@ -/// -/// -/// -/// - -/** -* Phaser - ArcadeEmitter -* -* Emitter is a lightweight particle emitter. It can be used for one-time explosions or for -* continuous effects like rain and fire. All it really does is launch Particle objects out -* at set intervals, and fixes their positions and velocities accorindgly. -*/ - -module Phaser { - - export class ArcadeEmitter extends Group { - - /** - * Creates a new Emitter object at a specific position. - * Does NOT automatically generate or attach particles! - * - * @param x {number} The X position of the emitter. - * @param y {number} The Y position of the emitter. - * @param [size] {number} Specifies a maximum capacity for this emitter. - */ - constructor(game: Game, x: number = 0, y: number = 0, size: number = 0) { - - super(game, size); - - this.x = x; - this.y = y; - this.width = 0; - this.height = 0; - this.minParticleSpeed = new Vec2(-100, -100); - this.maxParticleSpeed = new Vec2(100, 100); - this.minRotation = -360; - this.maxRotation = 360; - this.gravity = 0; - this.particleClass = null; - this.particleDrag = new Vec2(); - this.frequency = 0.1; - this.lifespan = 3; - this.bounce = 0; - this._quantity = 0; - this._counter = 0; - this._explode = true; - this.on = false; - - this.exists = true; - this.active = true; - this.visible = true; - - } - - /** - * The X position of the top left corner of the emitter in world space. - */ - public x: number; - - /** - * The Y position of the top left corner of emitter in world space. - */ - public y: number; - - /** - * The width of the emitter. Particles can be randomly generated from anywhere within this box. - */ - public width: number; - - /** - * The height of the emitter. Particles can be randomly generated from anywhere within this box. - */ - public height: number; - - /** - * - */ - public alive: boolean; - - /** - * - */ - public active: boolean; - - /** - * The minimum possible velocity of a particle. - * The default value is (-100,-100). - */ - public minParticleSpeed: Vec2; - - /** - * The maximum possible velocity of a particle. - * The default value is (100,100). - */ - public maxParticleSpeed: Vec2; - - /** - * The X and Y drag component of particles launched from the emitter. - */ - public particleDrag: Vec2; - - /** - * The minimum possible angular velocity of a particle. The default value is -360. - * NOTE: rotating particles are more expensive to draw than non-rotating ones! - */ - public minRotation: number; - - /** - * The maximum possible angular velocity of a particle. The default value is 360. - * NOTE: rotating particles are more expensive to draw than non-rotating ones! - */ - public maxRotation: number; - - /** - * Sets the acceleration.y member of each particle to this value on launch. - */ - public gravity: number; - - /** - * Determines whether the emitter is currently emitting particles. - * It is totally safe to directly toggle this. - */ - public on: boolean; - - /** - * How often a particle is emitted (if emitter is started with Explode == false). - */ - public frequency: number; - - /** - * How long each particle lives once it is emitted. - * Set lifespan to 'zero' for particles to live forever. - */ - public lifespan: number; - - /** - * How much each particle should bounce. 1 = full bounce, 0 = no bounce. - */ - public bounce: number; - - /** - * Set your own particle class type here. - * Default is Particle. - */ - public particleClass; - - /** - * Internal helper for deciding how many particles to launch. - */ - private _quantity: number; - - /** - * Internal helper for the style of particle emission (all at once, or one at a time). - */ - private _explode: boolean; - - /** - * Internal helper for deciding when to launch particles or kill them. - */ - private _timer: number; - - /** - * Internal counter for figuring out how many particles to launch. - */ - private _counter: number; - - /** - * Internal point object, handy for reusing for memory mgmt purposes. - */ - private _point: Vec2; - - /** - * Clean up memory. - */ - public destroy() { - this.minParticleSpeed = null; - this.maxParticleSpeed = null; - this.particleDrag = null; - this.particleClass = null; - this._point = null; - super.destroy(); - } - - /** - * This function generates a new array of particle sprites to attach to the emitter. - * - * @param graphics If you opted to not pre-configure an array of Sprite objects, you can simply pass in a particle image or sprite sheet. - * @param quantity {number} The number of particles to generate when using the "create from image" option. - * @param multiple {boolean} Whether the image in the Graphics param is a single particle or a bunch of particles (if it's a bunch, they need to be square!). - * @param collide {number} Whether the particles should be flagged as not 'dead' (non-colliding particles are higher performance). 0 means no collisions, 0-1 controls scale of particle's bounding box. - * - * @return This Emitter instance (nice for chaining stuff together, if you're into that). - */ - public makeParticles(graphics, quantity: number = 50, multiple: boolean = false, collide: number = 0): ArcadeEmitter { - - this.maxSize = quantity; - - var totalFrames: number = 1; - - /* - if(Multiple) - { - var sprite:Sprite = new Sprite(this.game); - sprite.loadGraphic(Graphics,true); - totalFrames = sprite.frames; - sprite.destroy(); - } - */ - - var randomFrame: number; - var particle: ArcadeParticle; - var i: number = 0; - - while (i < quantity) - { - if (this.particleClass == null) - { - particle = new ArcadeParticle(this.game); - } - else - { - particle = new this.particleClass(this.game); - } - - if (multiple) - { - /* - randomFrame = this.game.math.random()*totalFrames; - */ - } - else - { - if (graphics) - { - particle.texture.loadImage(graphics); - } - } - - if (collide > 0) - { - //particle.body.allowCollisions = Types.ANY; - particle.body.type = Types.BODY_DYNAMIC; - particle.width *= collide; - particle.height *= collide; - } - else - { - //particle.body.allowCollisions = Types.NONE; - } - - particle.exists = false; - // Center the origin for rotation assistance - //particle.transform.origin.setTo(particle.body.bounds.halfWidth, particle.body.bounds.halfHeight); - - this.add(particle); - - i++; - } - - return this; - } - - public preUpdate() { } - public postUpdate() { } - - /** - * Called automatically by the game loop, decides when to launch particles and when to "die". - */ - public update() { - - if (this.on) - { - if (this._explode) - { - this.on = false; - - var i: number = 0; - var l: number = this._quantity; - - if ((l <= 0) || (l > this.length)) - { - l = this.length; - } - - while (i < l) - { - this.emitParticle(); - i++; - } - - this._quantity = 0; - } - else - { - this._timer += this.game.time.elapsed; - - while ((this.frequency > 0) && (this._timer > this.frequency) && this.on) - { - this._timer -= this.frequency; - this.emitParticle(); - - if ((this._quantity > 0) && (++this._counter >= this._quantity)) - { - this.on = false; - this._quantity = 0; - } - } - } - } - - super.update(); - - } - - /** - * Call this function to turn off all the particles and the emitter. - */ - public kill() { - this.on = false; - this.alive = false; - this.exists = false; - } - - /** - * Handy for bringing game objects "back to life". Just sets alive and exists back to true. - * In practice, this is most often called by Object.reset(). - */ - public revive() { - this.alive = true; - this.exists = true; - } - - /** - * Call this function to start emitting particles. - * - * @param explode {boolean} Whether the particles should all burst out at once. - * @param lifespan {number} How long each particle lives once emitted. 0 = forever. - * @param frequency {number} Ignored if Explode is set to true. Frequency is how often to emit a particle. 0 = never emit, 0.1 = 1 particle every 0.1 seconds, 5 = 1 particle every 5 seconds. - * @param quantity {number} How many particles to launch. 0 = "all of the particles". - */ - public start(explode: boolean = true, lifespan: number = 0, frequency: number = 0.1, quantity: number = 0) { - - this.revive(); - - this.visible = true; - this.on = true; - - this._explode = explode; - this.lifespan = lifespan; - this.frequency = frequency; - this._quantity += quantity; - - this._counter = 0; - this._timer = 0; - - } - - /** - * This function can be used both internally and externally to emit the next particle. - */ - public emitParticle() { - - var particle: ArcadeParticle = this.recycle(ArcadeParticle); - - particle.lifespan = this.lifespan; - //particle.body.bounce.setTo(this.bounce, this.bounce); - SpriteUtils.reset(particle, this.x - (particle.width >> 1) + this.game.rnd.integer * this.width, this.y - (particle.height >> 1) + this.game.rnd.integer * this.height); - particle.visible = true; - - if (this.minParticleSpeed.x != this.maxParticleSpeed.x) - { - particle.body.velocity.x = this.minParticleSpeed.x + this.game.rnd.integer * (this.maxParticleSpeed.x - this.minParticleSpeed.x); - } - else - { - particle.body.velocity.x = this.minParticleSpeed.x; - } - - if (this.minParticleSpeed.y != this.maxParticleSpeed.y) - { - particle.body.velocity.y = this.minParticleSpeed.y + this.game.rnd.integer * (this.maxParticleSpeed.y - this.minParticleSpeed.y); - } - else - { - particle.body.velocity.y = this.minParticleSpeed.y; - } - - //particle.body.acceleration.y = this.gravity; - - if (this.minRotation != this.maxRotation && this.minRotation !== 0 && this.maxRotation !== 0) - { - particle.body.angularVelocity = this.minRotation + this.game.rnd.integer * (this.maxRotation - this.minRotation); - } - else - { - particle.body.angularVelocity = this.minRotation; - } - - if (particle.body.angularVelocity != 0) - { - particle.rotation = this.game.rnd.integer * 360 - 180; - } - - //particle.body.drag.x = this.particleDrag.x; - //particle.body.drag.y = this.particleDrag.y; - particle.onEmit(); - - } - - /** - * A more compact way of setting the width and height of the emitter. - * - * @param width {number} The desired width of the emitter (particles are spawned randomly within these dimensions). - * @param height {number} The desired height of the emitter. - */ - public setSize(width: number, height: number) { - this.width = width; - this.height = height; - } - - /** - * A more compact way of setting the X velocity range of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - public setXSpeed(min: number = 0, max: number = 0) { - this.minParticleSpeed.x = min; - this.maxParticleSpeed.x = max; - } - - /** - * A more compact way of setting the Y velocity range of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - public setYSpeed(min: number = 0, max: number = 0) { - this.minParticleSpeed.y = min; - this.maxParticleSpeed.y = max; - } - - /** - * A more compact way of setting the angular velocity constraints of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - public setRotation(min: number = 0, max: number = 0) { - this.minRotation = min; - this.maxRotation = max; - } - - /** - * Change the emitter's midpoint to match the midpoint of a Object. - * - * @param Object {object} The Object that you want to sync up with. - */ - public at(object: Sprite) { - //this.x = object.body.bounds.halfWidth - (this.width >> 1); - //this.y = object.body.bounds.halfHeight - (this.height >> 1); - } - } - -} \ No newline at end of file diff --git a/Phaser/particles/ArcadeParticle.ts b/Phaser/particles/ArcadeParticle.ts deleted file mode 100644 index 018119d7..00000000 --- a/Phaser/particles/ArcadeParticle.ts +++ /dev/null @@ -1,64 +0,0 @@ -/// -/// - -/** -* Phaser - ArcadeParticle -* -* This is a simple particle class that extends a Sprite to have a slightly more -* specialised behaviour. It is used exclusively by the Emitter class and can be extended as required. -*/ - -module Phaser { - - export class ArcadeParticle extends Sprite { - - /** - * Instantiate a new particle. Like Sprite, all meaningful creation - * happens during loadGraphic() or makeGraphic() or whatever. - */ - constructor(game: Game) { - - super(game); - - this.body.type = Types.BODY_DYNAMIC; - this.lifespan = 0; - - } - - /** - * How long this particle lives before it disappears. - * NOTE: this is a maximum, not a minimum; the object - * could get recycled before its lifespan is up. - */ - public lifespan: number; - - /** - * The particle's main update logic. Basically it checks to see if it should be dead yet. - */ - public update() { - - // Lifespan behavior - if (this.lifespan <= 0) - { - return; - } - - this.lifespan -= this.game.time.elapsed; - - if (this.lifespan <= 0) - { - this.kill(); - } - - } - - /** - * Triggered whenever this object is launched by a Emitter. - * You can override this to add custom behavior like a sound or AI or something. - */ - public onEmit() { - } - - } - -} \ No newline at end of file diff --git a/Phaser/phaser.js b/Phaser/phaser.js deleted file mode 100644 index dd9d157a..00000000 --- a/Phaser/phaser.js +++ /dev/null @@ -1,23 +0,0 @@ -/** -* Phaser -* www.phaser.io -* -* v1.0.0 - August 12th 2013 -* -* A feature-packed 2D canvas game framework born from the firey pits of Flixel and Kiwi. -* -* Richard Davey (@photonstorm) -* -* Many thanks to Adam Saltsman (@ADAMATOMIC) for releasing Flixel, from both which Phaser -* and my love of game development took a lot of inspiration. -* -* "If you want your children to be intelligent, read them fairy tales." -* "If you want them to be more intelligent, read them more fairy tales." -* -- Albert Einstein -*/ -var Phaser; -(function (Phaser) { - Phaser.VERSION = 'Phaser version 1.0.0'; - - Phaser.GAMES = []; -})(Phaser || (Phaser = {})); diff --git a/Phaser/physics/Manager.ts b/Phaser/physics/Manager.ts deleted file mode 100644 index 8077069a..00000000 --- a/Phaser/physics/Manager.ts +++ /dev/null @@ -1,49 +0,0 @@ -/// - -/** -* Phaser - Physics Manager -* -* Eventually this will handle switching between the default ArcadePhysics manager or the new AdvancedPhysics manager. -* For now we direct everything through ArcadePhysics. -*/ - -module Phaser.Physics { - - export class Manager { - - constructor(game: Game) { - - this.game = game; - - this.arcade = new Phaser.Physics.ArcadePhysics(this.game, this.game.stage.width, this.game.stage.height); - - this.gravity = this.arcade.gravity; - this.bounds = this.arcade.bounds; - - } - - /** - * Local reference to Game. - */ - public game: Game; - - /** - * Instance of the ArcadePhysics manager. - */ - public arcade: Phaser.Physics.ArcadePhysics; - - public gravity: Vec2; - public bounds: Rectangle; - - /** - * Called by the main Game.loop - */ - public update() { - - //this.arcade.updateMotion - - } - - } - -} \ No newline at end of file diff --git a/Phaser/physics/advanced/readme.txt b/Phaser/physics/advanced/readme.txt deleted file mode 100644 index 0f1d0d79..00000000 --- a/Phaser/physics/advanced/readme.txt +++ /dev/null @@ -1,15 +0,0 @@ -I've been extremely busy working on a proper advanced physics system for Phaser. - -It has all the sorts of things you'd expect from a real 2D physics engine and will allow for a whole new range of cool games to be made. - -However I'm not 100% happy with the implementation right yet, there are still too many rough edges and places where performance can be -improved. It also adds quite a bit of extra file size to the library, so I'm not bundling it with the 1.0 release. It will be released -as a stand-alone extension to Phaser in due course. - -It has been a lot of hard work to create, taking many weeks of development time and money, so be warned I may decide to charge for it. -Or I may just give it away for free, I've not yet decided - but for now I reserve that right at least. - -Cheers, - -Richard Davey -1st August 2013 diff --git a/Phaser/physics/arcade/ArcadePhysics.ts b/Phaser/physics/arcade/ArcadePhysics.ts deleted file mode 100644 index ce88047d..00000000 --- a/Phaser/physics/arcade/ArcadePhysics.ts +++ /dev/null @@ -1,1118 +0,0 @@ -/// -/// -/// -/// -/// - -/** -* Phaser - ArcadePhysics Manager -* -*/ - -module Phaser.Physics { - - export class ArcadePhysics { - - constructor(game: Game, width: number, height: number) { - - this.game = game; - - this.gravity = new Vec2; - this.drag = new Vec2; - this.bounce = new Vec2; - this.angularDrag = 0; - - this.bounds = new Rectangle(0, 0, width, height); - - this._distance = new Vec2; - this._tangent = new Vec2; - - //this.members = new Group(game); - - } - - /** - * Local reference to Game. - */ - public game: Game; - - /** - * Physics object pool - */ - public members: Group; - - // Temp calculation vars - private _drag: number; - private _delta: number; - private _velocityDelta: number; - private _length: number = 0; - private _distance: Vec2; - private _tangent: Vec2; - private _separatedX: boolean; - private _separatedY: boolean; - private _overlap: number; - private _maxOverlap: number; - private _obj1Velocity: number; - private _obj2Velocity: number; - private _obj1NewVelocity: number; - private _obj2NewVelocity: number; - private _average: number; - private _quadTree: QuadTree; - private _quadTreeResult: boolean; - - public bounds: Rectangle; - - public gravity: Vec2; - public drag: Vec2; - public bounce: Vec2; - public angularDrag: number; - - /** - * The overlap bias is used when calculating hull overlap before separation - change it if you have especially small or large GameObjects - * @type {number} - */ - static OVERLAP_BIAS: number = 4; - - /** - * The overlap bias is used when calculating hull overlap before separation - change it if you have especially small or large GameObjects - * @type {number} - */ - static TILE_OVERLAP: boolean = false; - - /** - * @type {number} - */ - public worldDivisions: number = 6; - - - /* - public update() { - - this._length = this._objects.length; - - for (var i = 0; i < this._length; i++) - { - if (this._objects[i]) - { - this._objects[i].preUpdate(); - this.updateMotion(this._objects[i]); - this.collideWorld(this._objects[i]); - - for (var x = 0; x < this._length; x++) - { - if (this._objects[x] && this._objects[x] !== this._objects[i]) - { - //this.collideShapes(this._objects[i], this._objects[x]); - var r = this.NEWseparate(this._objects[i], this._objects[x]); - //console.log('sep', r); - } - } - - } - } - - } - - public render() { - - // iterate through the objects here, updating and colliding - for (var i = 0; i < this._length; i++) - { - if (this._objects[i]) - { - this._objects[i].render(this.game.stage.context); - } - } - - } -*/ - - public updateMotion(body: Phaser.Physics.Body) { - - if (body.type == Types.BODY_DISABLED) - { - return; - } - - this._velocityDelta = (this.computeVelocity(body.angularVelocity, body.gravity.x, body.angularAcceleration, body.angularDrag, body.maxAngular) - body.angularVelocity) / 2; - body.angularVelocity += this._velocityDelta; - body.sprite.transform.rotation += body.angularVelocity * this.game.time.elapsed; - body.angularVelocity += this._velocityDelta; - - this._velocityDelta = (this.computeVelocity(body.velocity.x, body.gravity.x, body.acceleration.x, body.drag.x) - body.velocity.x) / 2; - body.velocity.x += this._velocityDelta; - this._delta = body.velocity.x * this.game.time.elapsed; - body.velocity.x += this._velocityDelta; - //body.position.x += this._delta; - body.sprite.x += this._delta; - - this._velocityDelta = (this.computeVelocity(body.velocity.y, body.gravity.y, body.acceleration.y, body.drag.y) - body.velocity.y) / 2; - body.velocity.y += this._velocityDelta; - this._delta = body.velocity.y * this.game.time.elapsed; - body.velocity.y += this._velocityDelta; - //body.position.y += this._delta; - body.sprite.y += this._delta; - - } - - /** - * A tween-like function that takes a starting velocity and some other factors and returns an altered velocity. - * - * @param {number} Velocity Any component of velocity (e.g. 20). - * @param {number} Acceleration Rate at which the velocity is changing. - * @param {number} Drag Really kind of a deceleration, this is how much the velocity changes if Acceleration is not set. - * @param {number} Max An absolute value cap for the velocity. - * - * @return {number} The altered Velocity value. - */ - public computeVelocity(velocity: number, gravity: number = 0, acceleration: number = 0, drag: number = 0, max: number = 10000): number { - - if (acceleration !== 0) - { - velocity += (acceleration + gravity) * this.game.time.elapsed; - } - else if (drag !== 0) - { - this._drag = drag * this.game.time.elapsed; - - if (velocity - this._drag > 0) - { - velocity = velocity - this._drag; - } - else if (velocity + this._drag < 0) - { - velocity += this._drag; - } - else - { - velocity = 0; - } - - velocity += gravity; - } - - if ((velocity != 0) && (max != 10000)) - { - if (velocity > max) - { - velocity = max; - } - else if (velocity < -max) - { - velocity = -max; - } - } - - return velocity; - - } - - /** - * The core Collision separation method. - * @param body1 The first Physics.Body to separate - * @param body2 The second Physics.Body to separate - * @returns {boolean} Returns true if the bodies were separated, otherwise false. - */ - public separate(body1: Body, body2: Body): boolean { - - this._separatedX = this.separateBodyX(body1, body2); - this._separatedY = this.separateBodyY(body1, body2); - - return this._separatedX || this._separatedY; - - } - - public checkHullIntersection(body1: Body, body2:Body): boolean { - return ((body1.hullX + body1.hullWidth > body2.hullX) && (body1.hullX < body2.hullX + body2.hullWidth) && (body1.hullY + body1.hullHeight > body2.hullY) && (body1.hullY < body2.hullY + body2.hullHeight)); - } - - /** - * Separates the two objects on their x axis - * @param object1 The first GameObject to separate - * @param object2 The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - public separateBodyX(body1: Body, body2: Body): boolean { - - // Can't separate two disabled or static objects - if ((body1.type == Types.BODY_DISABLED || body1.type == Types.BODY_STATIC) && (body2.type == Types.BODY_DISABLED || body2.type == Types.BODY_STATIC)) - { - return false; - } - - // First, get the two object deltas - this._overlap = 0; - - if (body1.deltaX != body2.deltaX) - { - if (RectangleUtils.intersects(body1.bounds, body2.bounds)) - { - this._maxOverlap = body1.deltaXAbs + body2.deltaXAbs + ArcadePhysics.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (body1.deltaX > body2.deltaX) - { - this._overlap = body1.bounds.right - body2.bounds.x; - - if ((this._overlap > this._maxOverlap) || !(body1.allowCollisions & Types.RIGHT) || !(body2.allowCollisions & Types.LEFT)) - { - this._overlap = 0; - } - else - { - body1.touching |= Types.RIGHT; - body2.touching |= Types.LEFT; - } - } - else if (body1.deltaX < body2.deltaX) - { - this._overlap = body1.bounds.x - body2.bounds.width - body2.bounds.x; - - if ((-this._overlap > this._maxOverlap) || !(body1.allowCollisions & Types.LEFT) || !(body2.allowCollisions & Types.RIGHT)) - { - this._overlap = 0; - } - else - { - body1.touching |= Types.LEFT; - body2.touching |= Types.RIGHT; - } - } - } - } - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (this._overlap != 0) - { - this._obj1Velocity = body1.velocity.x; - this._obj2Velocity = body2.velocity.x; - - /** - * Dynamic = gives and receives impacts - * Static = gives but doesn't receive impacts, cannot be moved by physics - * Kinematic = gives impacts, but never receives, can be moved by physics - */ - - // 2 dynamic bodies will exchange velocities - if (body1.type == Types.BODY_DYNAMIC && body2.type == Types.BODY_DYNAMIC) - { - this._overlap *= 0.5; - body1.position.x = body1.position.x - this._overlap; - body2.position.x += this._overlap; - - this._obj1NewVelocity = Math.sqrt((this._obj2Velocity * this._obj2Velocity * body2.mass) / body1.mass) * ((this._obj2Velocity > 0) ? 1 : -1); - this._obj2NewVelocity = Math.sqrt((this._obj1Velocity * this._obj1Velocity * body1.mass) / body2.mass) * ((this._obj1Velocity > 0) ? 1 : -1); - this._average = (this._obj1NewVelocity + this._obj2NewVelocity) * 0.5; - this._obj1NewVelocity -= this._average; - this._obj2NewVelocity -= this._average; - body1.velocity.x = this._average + this._obj1NewVelocity * body1.bounce.x; - body2.velocity.x = this._average + this._obj2NewVelocity * body2.bounce.x; - } - else if (body2.type != Types.BODY_DYNAMIC) - { - // Body 2 is Static or Kinematic - this._overlap *= 2; - body1.position.x -= this._overlap; - body1.velocity.x = this._obj2Velocity - this._obj1Velocity * body1.bounce.x; - } - else if (body1.type != Types.BODY_DYNAMIC) - { - // Body 1 is Static or Kinematic - this._overlap *= 2; - body2.position.x += this._overlap; - body2.velocity.x = this._obj1Velocity - this._obj2Velocity * body2.bounce.x; - } - - return true; - } - else - { - return false; - } - - } - - /** - * Separates the two objects on their y axis - * @param object1 The first GameObject to separate - * @param object2 The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - public separateBodyY(body1: Body, body2: Body): boolean { - - // Can't separate two immovable objects - if ((body1.type == Types.BODY_DISABLED || body1.type == Types.BODY_STATIC) && (body2.type == Types.BODY_DISABLED || body2.type == Types.BODY_STATIC)) - { - return false; - } - - // First, get the two object deltas - this._overlap = 0; - - if (body1.deltaY != body2.deltaY) - { - if (RectangleUtils.intersects(body1.bounds, body2.bounds)) - { - // This is the only place to use the DeltaAbs values - this._maxOverlap = body1.deltaYAbs + body2.deltaYAbs + ArcadePhysics.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (body1.deltaY > body2.deltaY) - { - this._overlap = body1.bounds.bottom - body2.bounds.y; - - if ((this._overlap > this._maxOverlap) || !(body1.allowCollisions & Types.DOWN) || !(body2.allowCollisions & Types.UP)) - { - this._overlap = 0; - } - else - { - body1.touching |= Types.DOWN; - body2.touching |= Types.UP; - } - } - else if (body1.deltaY < body2.deltaY) - { - this._overlap = body1.bounds.y - body2.bounds.height - body2.bounds.y; - - if ((-this._overlap > this._maxOverlap) || !(body1.allowCollisions & Types.UP) || !(body2.allowCollisions & Types.DOWN)) - { - this._overlap = 0; - } - else - { - body1.touching |= Types.UP; - body2.touching |= Types.DOWN; - } - } - } - } - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (this._overlap != 0) - { - this._obj1Velocity = body1.velocity.y; - this._obj2Velocity = body2.velocity.y; - - /** - * Dynamic = gives and receives impacts - * Static = gives but doesn't receive impacts, cannot be moved by physics - * Kinematic = gives impacts, but never receives, can be moved by physics - */ - - if (body1.type == Types.BODY_DYNAMIC && body2.type == Types.BODY_DYNAMIC) - { - this._overlap *= 0.5; - body1.position.y = body1.position.y - this._overlap; - body2.position.y += this._overlap; - - this._obj1NewVelocity = Math.sqrt((this._obj2Velocity * this._obj2Velocity * body2.mass) / body1.mass) * ((this._obj2Velocity > 0) ? 1 : -1); - this._obj2NewVelocity = Math.sqrt((this._obj1Velocity * this._obj1Velocity * body1.mass) / body2.mass) * ((this._obj1Velocity > 0) ? 1 : -1); - var average: number = (this._obj1NewVelocity + this._obj2NewVelocity) * 0.5; - this._obj1NewVelocity -= average; - this._obj2NewVelocity -= average; - body1.velocity.y = average + this._obj1NewVelocity * body1.bounce.y; - body2.velocity.y = average + this._obj2NewVelocity * body2.bounce.y; - } - else if (body2.type != Types.BODY_DYNAMIC) - { - this._overlap *= 2; - body1.position.y -= this._overlap; - body1.velocity.y = this._obj2Velocity - this._obj1Velocity * body1.bounce.y; - // This is special case code that handles things like horizontal moving platforms you can ride - //if (body2.parent.active && body2.moves && (body1.deltaY > body2.deltaY)) - if (body2.sprite.active && (body1.deltaY > body2.deltaY)) - { - body1.position.x += body2.position.x - body2.oldPosition.x; - } - } - else if (body1.type != Types.BODY_DYNAMIC) - { - this._overlap *= 2; - body2.position.y += this._overlap; - body2.velocity.y = this._obj1Velocity - this._obj2Velocity * body2.bounce.y; - // This is special case code that handles things like horizontal moving platforms you can ride - //if (object1.active && body1.moves && (body1.deltaY < body2.deltaY)) - if (body1.sprite.active && (body1.deltaY < body2.deltaY)) - { - body2.position.x += body1.position.x - body1.oldPosition.x; - } - } - - return true; - } - else - { - return false; - } - } - - - - - - - - /* - private TILEseparate(shapeA: IPhysicsShape, shapeB: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.x == 1) - { - console.log('1 The left side of ShapeA hit the right side of ShapeB', Math.floor(distance.x)); - shapeA.physics.touching |= Phaser.Types.LEFT; - shapeB.physics.touching |= Phaser.Types.RIGHT; - } - else if (tangent.x == -1) - { - console.log('2 The right side of ShapeA hit the left side of ShapeB', Math.floor(distance.x)); - shapeA.physics.touching |= Phaser.Types.RIGHT; - shapeB.physics.touching |= Phaser.Types.LEFT; - } - - if (tangent.y == 1) - { - console.log('3 The top of ShapeA hit the bottom of ShapeB', Math.floor(distance.y)); - shapeA.physics.touching |= Phaser.Types.UP; - shapeB.physics.touching |= Phaser.Types.DOWN; - } - else if (tangent.y == -1) - { - console.log('4 The bottom of ShapeA hit the top of ShapeB', Math.floor(distance.y)); - shapeA.physics.touching |= Phaser.Types.DOWN; - shapeB.physics.touching |= Phaser.Types.UP; - } - - - // only apply collision response forces if the object is travelling into, and not out of, the collision - var dot = Vec2Utils.dot(shapeA.physics.velocity, tangent); - - if (dot < 0) - { - console.log('in to', dot); - - // Apply horizontal bounce - if (shapeA.physics.bounce.x > 0) - { - shapeA.physics.velocity.x *= -(shapeA.physics.bounce.x); - } - else - { - shapeA.physics.velocity.x = 0; - } - // Apply horizontal bounce - if (shapeA.physics.bounce.y > 0) - { - shapeA.physics.velocity.y *= -(shapeA.physics.bounce.y); - } - else - { - shapeA.physics.velocity.y = 0; - } - } - else - { - console.log('out of', dot); - } - - shapeA.position.x += Math.floor(distance.x); - //shapeA.bounds.x += Math.floor(distance.x); - - shapeA.position.y += Math.floor(distance.y); - //shapeA.bounds.y += distance.y; - - console.log('------------------------------------------------'); - - } - - private collideWorld(shape:IPhysicsShape) { - - // Collide on the x-axis - this._distance.x = shape.world.bounds.x - (shape.position.x - shape.bounds.halfWidth); - - if (0 < this._distance.x) - { - // Hit Left - this._tangent.setTo(1, 0); - this.separateXWall(shape, this._distance, this._tangent); - } - else - { - this._distance.x = (shape.position.x + shape.bounds.halfWidth) - shape.world.bounds.right; - - if (0 < this._distance.x) - { - // Hit Right - this._tangent.setTo(-1, 0); - this._distance.reverse(); - this.separateXWall(shape, this._distance, this._tangent); - } - } - - // Collide on the y-axis - this._distance.y = shape.world.bounds.y - (shape.position.y - shape.bounds.halfHeight); - - if (0 < this._distance.y) - { - // Hit Top - this._tangent.setTo(0, 1); - this.separateYWall(shape, this._distance, this._tangent); - } - else - { - this._distance.y = (shape.position.y + shape.bounds.halfHeight) - shape.world.bounds.bottom; - - if (0 < this._distance.y) - { - // Hit Bottom - this._tangent.setTo(0, -1); - this._distance.reverse(); - this.separateYWall(shape, this._distance, this._tangent); - } - } - - } - - private separateX(shapeA: IPhysicsShape, shapeB: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.x == 1) - { - console.log('The left side of ShapeA hit the right side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.LEFT; - shapeB.physics.touching |= Phaser.Types.RIGHT; - } - else - { - console.log('The right side of ShapeA hit the left side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.RIGHT; - shapeB.physics.touching |= Phaser.Types.LEFT; - } - - // collision edges - //shapeA.oH = tangent.x; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.x > 0) - { - shapeA.physics.velocity.x *= -(shapeA.physics.bounce.x); - } - else - { - shapeA.physics.velocity.x = 0; - } - } - - shapeA.position.x += distance.x; - shapeA.bounds.x += distance.x; - - } - - private separateY(shapeA: IPhysicsShape, shapeB: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.y == 1) - { - console.log('The top of ShapeA hit the bottom of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.UP; - shapeB.physics.touching |= Phaser.Types.DOWN; - } - else - { - console.log('The bottom of ShapeA hit the top of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.DOWN; - shapeB.physics.touching |= Phaser.Types.UP; - } - - // collision edges - //shapeA.oV = tangent.y; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.y > 0) - { - shapeA.physics.velocity.y *= -(shapeA.physics.bounce.y); - } - else - { - shapeA.physics.velocity.y = 0; - } - } - - shapeA.position.y += distance.y; - shapeA.bounds.y += distance.y; - - } - - private separateXWall(shapeA: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.x == 1) - { - console.log('The left side of ShapeA hit the right side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.LEFT; - } - else - { - console.log('The right side of ShapeA hit the left side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.RIGHT; - } - - // collision edges - //shapeA.oH = tangent.x; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.x > 0) - { - shapeA.physics.velocity.x *= -(shapeA.physics.bounce.x); - } - else - { - shapeA.physics.velocity.x = 0; - } - } - - shapeA.position.x += distance.x; - - } - - private separateYWall(shapeA: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.y == 1) - { - console.log('The top of ShapeA hit the bottom of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.UP; - } - else - { - console.log('The bottom of ShapeA hit the top of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.DOWN; - } - - // collision edges - //shapeA.oV = tangent.y; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.y > 0) - { - shapeA.physics.velocity.y *= -(shapeA.physics.bounce.y); - } - else - { - shapeA.physics.velocity.y = 0; - } - } - - shapeA.position.y += distance.y; - - } - */ - - /** - * Checks for overlaps between two objects using the world QuadTree. Can be Sprite vs. Sprite, Sprite vs. Group or Group vs. Group. - * Note: Does not take the objects scrollFactor into account. All overlaps are check in world space. - * @param object1 The first Sprite or Group to check. If null the world.group is used. - * @param object2 The second Sprite or Group to check. - * @param notifyCallback A callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you passed them to Collision.overlap. - * @param processCallback A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then notifyCallback will only be called if processCallback returns true. - * @param context The context in which the callbacks will be called - * @returns {boolean} true if the objects overlap, otherwise false. - */ - public overlap(object1 = null, object2 = null, notifyCallback = null, processCallback = null, context = null): boolean { - - /* - if (object1 == null) - { - object1 = this.game.world.group; - } - - if (object2 == object1) - { - object2 = null; - } - - QuadTree.divisions = this.worldDivisions; - - this._quadTree = new Phaser.QuadTree(this, this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); - - this._quadTree.load(object1, object2, notifyCallback, processCallback, context); - - this._quadTreeResult = this._quadTree.execute(); - - console.log('over', this._quadTreeResult); - - this._quadTree.destroy(); - - this._quadTree = null; - - return this._quadTreeResult; - */ - - return false; - - } - - - - - - - /** - * Collision resolution specifically for GameObjects vs. Tiles. - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated - */ - public separateTile(object:Sprite, x: number, y: number, width: number, height: number, mass: number, collideLeft: boolean, collideRight: boolean, collideUp: boolean, collideDown: boolean, separateX: boolean, separateY: boolean): boolean { - - //var separatedX: boolean = this.separateTileX(object, x, y, width, height, mass, collideLeft, collideRight, separateX); - //var separatedY: boolean = this.separateTileY(object, x, y, width, height, mass, collideUp, collideDown, separateY); - - //return separatedX || separatedY; - - return false; - - } - - /** - * Separates the two objects on their x axis - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - /* - public separateTileX(object:Sprite, x: number, y: number, width: number, height: number, mass: number, collideLeft: boolean, collideRight: boolean, separate: boolean): boolean { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the object delta - var overlap: number = 0; - var objDelta: number = object.x - object.last.x; - //var objDelta: number = object.collisionMask.deltaX; - - if (objDelta != 0) - { - // Check if the X hulls actually overlap - var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - //var objDeltaAbs: number = object.collisionMask.deltaXAbs; - var objBounds: Rectangle = new Rectangle(object.x - ((objDelta > 0) ? objDelta : 0), object.last.y, object.width + ((objDelta > 0) ? objDelta : -objDelta), object.height); - - if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - { - var maxOverlap: number = objDeltaAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (objDelta > 0) - { - overlap = object.x + object.width - x; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.RIGHT) || collideLeft == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.RIGHT; - } - } - else if (objDelta < 0) - { - overlap = object.x - width - x; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.LEFT) || collideRight == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.LEFT; - } - - } - - } - } - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - //console.log(' - object.x = object.x - overlap; - object.velocity.x = -(object.velocity.x * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - - } - */ - - /** - * Separates the two objects on their y axis - * @param object The first GameObject to separate - * @param tile The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - /* - public separateTileY(object: Sprite, x: number, y: number, width: number, height: number, mass: number, collideUp: boolean, collideDown: boolean, separate: boolean): boolean { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the two object deltas - var overlap: number = 0; - var objDelta: number = object.y - object.last.y; - - if (objDelta != 0) - { - // Check if the Y hulls actually overlap - var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - var objBounds: Rectangle = new Rectangle(object.x, object.y - ((objDelta > 0) ? objDelta : 0), object.width, object.height + objDeltaAbs); - - if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - { - var maxOverlap: number = objDeltaAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (objDelta > 0) - { - overlap = object.y + object.height - y; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.DOWN) || collideUp == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.DOWN; - } - } - else if (objDelta < 0) - { - overlap = object.y - height - y; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.UP) || collideDown == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.UP; - } - } - } - } - - // TODO - with super low velocities you get lots of stuttering, set some kind of base minimum here - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - object.y = object.y - overlap; - object.velocity.y = -(object.velocity.y * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - } - */ - - - /** - * Separates the two objects on their x axis - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - /* - public static NEWseparateTileX(object:Sprite, x: number, y: number, width: number, height: number, mass: number, collideLeft: boolean, collideRight: boolean, separate: boolean): boolean { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the object delta - var overlap: number = 0; - - if (object.collisionMask.deltaX != 0) - { - // Check if the X hulls actually overlap - //var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - //var objBounds: Rectangle = new Rectangle(object.x - ((objDelta > 0) ? objDelta : 0), object.last.y, object.width + ((objDelta > 0) ? objDelta : -objDelta), object.height); - - //if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - if (object.collisionMask.intersectsRaw(x, x + width, y, y + height)) - { - var maxOverlap: number = object.collisionMask.deltaXAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (object.collisionMask.deltaX > 0) - { - //overlap = object.x + object.width - x; - overlap = object.collisionMask.right - x; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.RIGHT) || collideLeft == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.RIGHT; - } - } - else if (object.collisionMask.deltaX < 0) - { - //overlap = object.x - width - x; - overlap = object.collisionMask.x - width - x; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.LEFT) || collideRight == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.LEFT; - } - - } - - } - } - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - object.x = object.x - overlap; - object.velocity.x = -(object.velocity.x * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - - } - */ - - /** - * Separates the two objects on their y axis - * @param object The first GameObject to separate - * @param tile The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - /* - public NEWseparateTileY(object: Sprite, x: number, y: number, width: number, height: number, mass: number, collideUp: boolean, collideDown: boolean, separate: boolean): boolean { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the two object deltas - var overlap: number = 0; - //var objDelta: number = object.y - object.last.y; - - if (object.collisionMask.deltaY != 0) - { - // Check if the Y hulls actually overlap - //var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - //var objBounds: Rectangle = new Rectangle(object.x, object.y - ((objDelta > 0) ? objDelta : 0), object.width, object.height + objDeltaAbs); - - //if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - if (object.collisionMask.intersectsRaw(x, x + width, y, y + height)) - { - //var maxOverlap: number = objDeltaAbs + Collision.OVERLAP_BIAS; - var maxOverlap: number = object.collisionMask.deltaYAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (object.collisionMask.deltaY > 0) - { - //overlap = object.y + object.height - y; - overlap = object.collisionMask.bottom - y; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.DOWN) || collideUp == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.DOWN; - } - } - else if (object.collisionMask.deltaY < 0) - { - //overlap = object.y - height - y; - overlap = object.collisionMask.y - height - y; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.UP) || collideDown == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.UP; - } - } - } - } - - // TODO - with super low velocities you get lots of stuttering, set some kind of base minimum here - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - object.y = object.y - overlap; - object.velocity.y = -(object.velocity.y * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - } - */ - - } - -} \ No newline at end of file diff --git a/Phaser/physics/arcade/Body.ts b/Phaser/physics/arcade/Body.ts index 714c74c5..1f1e9971 100644 --- a/Phaser/physics/arcade/Body.ts +++ b/Phaser/physics/arcade/Body.ts @@ -1,7 +1,4 @@ -/// -/// -/// -/// +/// /** * Phaser - ArcadePhysics - Body @@ -19,7 +16,7 @@ module Phaser.Physics { // Fixture properties // Will extend into its own class at a later date - can move the fixture defs there and add shape support, but this will do for 1.0 release - this.bounds = new Rectangle; + this.bounds = new Phaser.Rectangle; this._width = sprite.width; this._height = sprite.height; @@ -29,29 +26,29 @@ module Phaser.Physics { //this.gravity = Vec2Utils.clone(ArcadePhysics.gravity); //this.bounce = Vec2Utils.clone(ArcadePhysics.bounce); - this.velocity = new Vec2; - this.acceleration = new Vec2; + this.velocity = new Phaser.Vec2; + this.acceleration = new Phaser.Vec2; //this.drag = Vec2Utils.clone(ArcadePhysics.drag); - this.maxVelocity = new Vec2(10000, 10000); + this.maxVelocity = new Phaser.Vec2(10000, 10000); this.angularVelocity = 0; this.angularAcceleration = 0; this.angularDrag = 0; - this.touching = Types.NONE; - this.wasTouching = Types.NONE; - this.allowCollisions = Types.ANY; + this.touching = Phaser.Types.NONE; + this.wasTouching = Phaser.Types.NONE; + this.allowCollisions = Phaser.Types.ANY; - this.position = new Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); - this.oldPosition = new Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); - this.offset = new Vec2; + this.position = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); + this.oldPosition = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); + this.offset = new Phaser.Vec2; } /** * Reference to Phaser.Game */ - public game: Game; + public game: Phaser.Game; /** * Reference to the parent Sprite @@ -68,13 +65,13 @@ module Phaser.Physics { */ public type: number; - public gravity: Vec2; - public bounce: Vec2; + public gravity: Phaser.Vec2; + public bounce: Phaser.Vec2; - public velocity: Vec2; - public acceleration: Vec2; - public drag: Vec2; - public maxVelocity: Vec2; + public velocity: Phaser.Vec2; + public acceleration: Phaser.Vec2; + public drag: Phaser.Vec2; + public maxVelocity: Phaser.Vec2; public angularVelocity: number = 0; public angularAcceleration: number = 0; @@ -92,12 +89,10 @@ module Phaser.Physics { public wasTouching: number; public mass: number = 1; - public position: Vec2; - public oldPosition: Vec2; - public offset: Vec2; - public bounds: Rectangle; - - + public position: Phaser.Vec2; + public oldPosition: Phaser.Vec2; + public offset: Phaser.Vec2; + public bounds: Phaser.Rectangle; private _width: number = 0; private _height: number = 0; diff --git a/Phaser/physics/arcade/Motion.ts b/Phaser/physics/arcade/Motion.ts deleted file mode 100644 index 1a65fccc..00000000 --- a/Phaser/physics/arcade/Motion.ts +++ /dev/null @@ -1,363 +0,0 @@ -/// -/// - -/** -* Phaser - Motion -* -* The Motion class contains lots of useful functions for moving game objects around in world space. -*/ - -module Phaser { - - export class Motion { - - constructor(game: Game) { - this.game = game; - } - - public game: Game; - - /** - * Given the angle and speed calculate the velocity and return it as a Point - * - * @param {number} angle The angle (in degrees) calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * @param {number} speed The speed it will move, in pixels per second sq - * - * @return {Point} A Point where Point.x contains the velocity x value and Point.y contains the velocity y value - */ - public velocityFromAngle(angle: number, speed: number): Point { - - if (isNaN(speed)) - { - speed = 0; - } - - var a: number = this.game.math.degreesToRadians(angle); - - return new Point((Math.cos(a) * speed), (Math.sin(a) * speed)); - - } - - /** - * Sets the source Sprite x/y velocity so it will move directly towards the destination Sprite at the speed given (in pixels per second)
- * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * If you need the object to accelerate, see accelerateTowardsObject() instead - * Note: Doesn't take into account acceleration, maxVelocity or drag (if you set drag or acceleration too high this object may not move at all) - * - * @param {Sprite} source The Sprite on which the velocity will be set - * @param {Sprite} dest The Sprite where the source object will move to - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - public moveTowardsObject(source: Sprite, dest: Sprite, speed: number = 60, maxTime: number = 0) { - - var a: number = this.angleBetween(source, dest); - - if (maxTime > 0) - { - var d: number = this.distanceBetween(source, dest); - - // We know how many pixels we need to move, but how fast? - speed = d / (maxTime / 1000); - } - - source.body.velocity.x = Math.cos(a) * speed; - source.body.velocity.y = Math.sin(a) * speed; - - } - - /** - * Sets the x/y acceleration on the source Sprite so it will move towards the destination Sprite at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsObject() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {Sprite} dest The Sprite where the source object will move towards - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - public accelerateTowardsObject(source: Sprite, dest: Sprite, speed: number, xSpeedMax: number, ySpeedMax: number) { - - /* - var a: number = this.angleBetween(source, dest); - - source.body.velocity.x = 0; - source.body.velocity.y = 0; - - source.body.acceleration.x = Math.cos(a) * speed; - source.body.acceleration.y = Math.sin(a) * speed; - - source.body.maxVelocity.x = xSpeedMax; - source.body.maxVelocity.y = ySpeedMax; - */ - - } - - /** - * Move the given Sprite towards the mouse pointer coordinates at a steady velocity - * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * - * @param {Sprite} source The Sprite to move - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - public moveTowardsMouse(source: Sprite, speed: number = 60, maxTime: number = 0) { - - var a: number = this.angleBetweenMouse(source); - - if (maxTime > 0) - { - var d: number = this.distanceToMouse(source); - - // We know how many pixels we need to move, but how fast? - speed = d / (maxTime / 1000); - } - - source.body.velocity.x = Math.cos(a) * speed; - source.body.velocity.y = Math.sin(a) * speed; - - } - - /** - * Sets the x/y acceleration on the source Sprite so it will move towards the mouse coordinates at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsMouse() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - public accelerateTowardsMouse(source: Sprite, speed: number, xSpeedMax: number, ySpeedMax: number) { - - /* - var a: number = this.angleBetweenMouse(source); - - source.body.velocity.x = 0; - source.body.velocity.y = 0; - - source.body.acceleration.x = Math.cos(a) * speed; - source.body.acceleration.y = Math.sin(a) * speed; - - source.body.maxVelocity.x = xSpeedMax; - source.body.maxVelocity.y = ySpeedMax; - */ - - } - - /** - * Sets the x/y velocity on the source Sprite so it will move towards the target coordinates at the speed given (in pixels per second)
- * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * - * @param {Sprite} source The Sprite to move - * @param {Point} target The Point coordinates to move the source Sprite towards - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - public moveTowardsPoint(source: Sprite, target: Point, speed: number = 60, maxTime: number = 0) { - - var a: number = this.angleBetweenPoint(source, target); - - if (maxTime > 0) - { - var d: number = this.distanceToPoint(source, target); - - // We know how many pixels we need to move, but how fast? - speed = d / (maxTime / 1000); - } - - source.body.velocity.x = Math.cos(a) * speed; - source.body.velocity.y = Math.sin(a) * speed; - } - - /** - * Sets the x/y acceleration on the source Sprite so it will move towards the target coordinates at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsPoint() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {Point} target The Point coordinates to move the source Sprite towards - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - public accelerateTowardsPoint(source: Sprite, target: Point, speed: number, xSpeedMax: number, ySpeedMax: number) { - - /* - var a: number = this.angleBetweenPoint(source, target); - - source.body.velocity.x = 0; - source.body.velocity.y = 0; - - source.body.acceleration.x = Math.cos(a) * speed; - source.body.acceleration.y = Math.sin(a) * speed; - - source.body.maxVelocity.x = xSpeedMax; - source.body.maxVelocity.y = ySpeedMax; - */ - - } - - /** - * Find the distance between two Sprites, taking their origin into account - * - * @param {Sprite} a The first Sprite - * @param {Sprite} b The second Sprite - * @return {number} int Distance (in pixels) - */ - public distanceBetween(a: Sprite, b: Sprite): number { - return Vec2Utils.distance(a.body.position, b.body.position); - } - - /** - * Find the distance from an Sprite to the given Point, taking the source origin into account - * - * @param {Sprite} a The Sprite - * @param {Point} target The Point - * @return {number} Distance (in pixels) - */ - public distanceToPoint(a: Sprite, target: Point): number { - var dx: number = (a.x + a.transform.origin.x) - (target.x); - var dy: number = (a.y + a.transform.origin.y) - (target.y); - - return this.game.math.vectorLength(dx, dy); - } - - /** - * Find the distance (in pixels, rounded) from the object x/y and the mouse x/y - * - * @param {Sprite} a Sprite to test against - * @return {number} The distance between the given sprite and the mouse coordinates - */ - public distanceToMouse(a: Sprite): number { - var dx: number = (a.x + a.transform.origin.x) - this.game.input.x; - var dy: number = (a.y + a.transform.origin.y) - this.game.input.y; - - return this.game.math.vectorLength(dx, dy); - } - - /** - * Find the angle (in radians) between an Sprite and an Point. The source sprite takes its x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Sprite to test from - * @param {Point} target The Point to angle the Sprite towards - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - public angleBetweenPoint(a: Sprite, target: Point, asDegrees: boolean = false): number { - - var dx: number = (target.x) - (a.x + a.transform.origin.x); - var dy: number = (target.y) - (a.y + a.transform.origin.y); - - if (asDegrees) - { - return this.game.math.radiansToDegrees(Math.atan2(dy, dx)); - } - else - { - return Math.atan2(dy, dx); - } - - } - - /** - * Find the angle (in radians) between the two Sprite, taking their x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Sprite to test from - * @param {Sprite} b The Sprite to test to - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - public angleBetween(a: Sprite, b: Sprite, asDegrees: boolean = false): number { - - var dx: number = (b.x + b.transform.origin.x) - (a.x + a.transform.origin.x); - var dy: number = (b.y + b.transform.origin.y) - (a.y + a.transform.origin.y); - - if (asDegrees) - { - return this.game.math.radiansToDegrees(Math.atan2(dy, dx)); - } - else - { - return Math.atan2(dy, dx); - } - } - - /** - * Given the Sprite and speed calculate the velocity and return it as an Point based on the direction the sprite is facing - * - * @param {Sprite} parent The Sprite to get the facing value from - * @param {number} speed The speed it will move, in pixels per second sq - * - * @return {Point} An Point where Point.x contains the velocity x value and Point.y contains the velocity y value - */ - public velocityFromFacing(parent: Sprite, speed: number): Point { - - /* - var a: number; - - if (parent.body.facing == Types.LEFT) - { - a = this.game.math.degreesToRadians(180); - } - else if (parent.body.facing == Types.RIGHT) - { - a = this.game.math.degreesToRadians(0); - } - else if (parent.body.facing == Types.UP) - { - a = this.game.math.degreesToRadians(-90); - } - else if (parent.body.facing == Types.DOWN) - { - a = this.game.math.degreesToRadians(90); - } - - return new Point(Math.cos(a) * speed, Math.sin(a) * speed); - */ - - return new Point; - - } - - /** - * Find the angle (in radians) between an Sprite and the mouse, taking their x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Object to test from - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - public angleBetweenMouse(a: Sprite, asDegrees: boolean = false): number { - - // In order to get the angle between the object and mouse, we need the objects screen coordinates (rather than world coordinates) - var p: Point = SpriteUtils.getScreenXY(a); - - var dx: number = a.game.input.x - p.x; - var dy: number = a.game.input.y - p.y; - - if (asDegrees) - { - return this.game.math.radiansToDegrees(Math.atan2(dy, dx)); - } - else - { - return Math.atan2(dy, dx); - } - } - - } - -} diff --git a/Phaser/renderers/HeadlessRenderer.ts b/Phaser/renderers/HeadlessRenderer.ts index 60dc23fa..1c170e42 100644 --- a/Phaser/renderers/HeadlessRenderer.ts +++ b/Phaser/renderers/HeadlessRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Headless { diff --git a/Phaser/renderers/IRenderer.ts b/Phaser/renderers/IRenderer.ts index 84909771..4b32e594 100644 --- a/Phaser/renderers/IRenderer.ts +++ b/Phaser/renderers/IRenderer.ts @@ -1,4 +1,4 @@ -/// +/// module Phaser { diff --git a/Phaser/renderers/canvas/CameraRenderer.js b/Phaser/renderers/canvas/CameraRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/CameraRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/CameraRenderer.ts b/Phaser/renderers/canvas/CameraRenderer.ts index ceefc6e2..c60d8381 100644 --- a/Phaser/renderers/canvas/CameraRenderer.ts +++ b/Phaser/renderers/canvas/CameraRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -32,7 +30,7 @@ module Phaser.Renderer.Canvas { private _sin: number = 0; private _cos: number = 1; - public preRender(camera: Camera): boolean { + public preRender(camera: Phaser.Camera): boolean { if (camera.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { @@ -87,7 +85,7 @@ module Phaser.Renderer.Canvas { } - public postRender(camera: Camera) { + public postRender(camera: Phaser.Camera) { // This could have been over-written by a sprite, need to store elsewhere if (this._ga > -1) @@ -142,7 +140,7 @@ module Phaser.Renderer.Canvas { this._cos * this._fy, // scale y this._dx, // translate x this._dy // translate y - ); + ); this._dx = camera.transform.origin.x * -this._dw; this._dy = camera.transform.origin.y * -this._dh; @@ -178,7 +176,7 @@ module Phaser.Renderer.Canvas { this._dy, // Destination Y this._dw, // Destination Width (always same as Source Width unless scaled) this._dh // Destination Height (always same as Source Height unless scaled) - ); + ); this.game.stage.context.restore(); diff --git a/Phaser/renderers/canvas/CanvasRenderer.js b/Phaser/renderers/canvas/CanvasRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/CanvasRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/CanvasRenderer.ts b/Phaser/renderers/canvas/CanvasRenderer.ts index 45620ae5..5e93d9b2 100644 --- a/Phaser/renderers/canvas/CanvasRenderer.ts +++ b/Phaser/renderers/canvas/CanvasRenderer.ts @@ -1,14 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -18,12 +8,12 @@ module Phaser.Renderer.Canvas { this.game = game; - this.cameraRenderer = new CameraRenderer(game); - this.groupRenderer = new GroupRenderer(game); - this.spriteRenderer = new SpriteRenderer(game); - this.geometryRenderer = new GeometryRenderer(game); - this.scrollZoneRenderer = new ScrollZoneRenderer(game); - this.tilemapRenderer = new TilemapRenderer(game); + this.cameraRenderer = new Phaser.Renderer.Canvas.CameraRenderer(game); + this.groupRenderer = new Phaser.Renderer.Canvas.GroupRenderer(game); + this.spriteRenderer = new Phaser.Renderer.Canvas.SpriteRenderer(game); + this.geometryRenderer = new Phaser.Renderer.Canvas.GeometryRenderer(game); + this.scrollZoneRenderer = new Phaser.Renderer.Canvas.ScrollZoneRenderer(game); + this.tilemapRenderer = new Phaser.Renderer.Canvas.TilemapRenderer(game); } @@ -31,7 +21,7 @@ module Phaser.Renderer.Canvas { private _c: number = 0; private _cameraList: Phaser.Camera[]; - private _camera: Camera; + private _camera: Phaser.Camera; public cameraRenderer: Phaser.Renderer.Canvas.CameraRenderer; public groupRenderer: Phaser.Renderer.Canvas.GroupRenderer; @@ -65,7 +55,7 @@ module Phaser.Renderer.Canvas { } - public renderGameObject(camera, object) { + public renderGameObject(camera:Phaser.Camera, object) { if (object.type == Types.SPRITE || object.type == Types.BUTTON) { diff --git a/Phaser/renderers/canvas/GeometryRenderer.js b/Phaser/renderers/canvas/GeometryRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/GeometryRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/GeometryRenderer.ts b/Phaser/renderers/canvas/GeometryRenderer.ts index a3bd8250..a3f24746 100644 --- a/Phaser/renderers/canvas/GeometryRenderer.ts +++ b/Phaser/renderers/canvas/GeometryRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -30,7 +28,7 @@ module Phaser.Renderer.Canvas { private _sin: number = 0; private _cos: number = 1; - public renderCircle(camera: Camera, circle: Circle, context, outline: boolean = false, fill: boolean = true, lineColor: string = 'rgb(0,255,0)', fillColor: string = 'rgba(0,100,0.0.3)', lineWidth: number = 1): boolean { + public renderCircle(camera: Phaser.Camera, circle: Phaser.Circle, context, outline: boolean = false, fill: boolean = true, lineColor: string = 'rgb(0,255,0)', fillColor: string = 'rgba(0,100,0.0.3)', lineWidth: number = 1): boolean { // Reset our temp vars this._sx = 0; diff --git a/Phaser/renderers/canvas/GroupRenderer.js b/Phaser/renderers/canvas/GroupRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/GroupRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/GroupRenderer.ts b/Phaser/renderers/canvas/GroupRenderer.ts index ae85d2d6..a746680d 100644 --- a/Phaser/renderers/canvas/GroupRenderer.ts +++ b/Phaser/renderers/canvas/GroupRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -30,7 +28,7 @@ module Phaser.Renderer.Canvas { private _sin: number = 0; private _cos: number = 1; - public preRender(camera: Camera, group: Group) { + public preRender(camera: Phaser.Camera, group: Phaser.Group) { if (group.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { @@ -98,7 +96,7 @@ module Phaser.Renderer.Canvas { this._cos * this._fy, // scale y this._dx, // translate x this._dy // translate y - ); + ); this._dx = -group.transform.origin.x; this._dy = -group.transform.origin.y; @@ -139,14 +137,14 @@ module Phaser.Renderer.Canvas { this._dy, // Destination Y this._dw, // Destination Width (always same as Source Width unless scaled) this._dh // Destination Height (always same as Source Height unless scaled) - ); + ); } return true; } - public postRender(camera: Camera, group: Group) { + public postRender(camera: Phaser.Camera, group: Phaser.Group) { if (group.modified || group.texture.globalCompositeOperation) { diff --git a/Phaser/renderers/canvas/ScrollZoneRenderer.js b/Phaser/renderers/canvas/ScrollZoneRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/ScrollZoneRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/ScrollZoneRenderer.ts b/Phaser/renderers/canvas/ScrollZoneRenderer.ts index 553bfda5..ee15a6c0 100644 --- a/Phaser/renderers/canvas/ScrollZoneRenderer.ts +++ b/Phaser/renderers/canvas/ScrollZoneRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -35,7 +33,7 @@ module Phaser.Renderer.Canvas { * @param camera {Rectangle} The Rectangle you want to check. * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. */ - public inCamera(camera: Camera, scrollZone: ScrollZone): boolean { + public inCamera(camera: Phaser.Camera, scrollZone: Phaser.ScrollZone): boolean { // Object fixed in place regardless of the camera scrolling? Then it's always visible if (scrollZone.transform.scrollFactor.equals(0)) @@ -48,7 +46,7 @@ module Phaser.Renderer.Canvas { } - public render(camera: Camera, scrollZone: ScrollZone): boolean { + public render(camera: Phaser.Camera, scrollZone: Phaser.ScrollZone): boolean { if (scrollZone.transform.scale.x == 0 || scrollZone.transform.scale.y == 0 || scrollZone.texture.alpha < 0.1 || this.inCamera(camera, scrollZone) == false) { @@ -107,7 +105,7 @@ module Phaser.Renderer.Canvas { this._cos * this._fy, // scale y this._dx, // translate x this._dy // translate y - ); + ); this._dx = -scrollZone.transform.origin.x; this._dy = -scrollZone.transform.origin.y; diff --git a/Phaser/renderers/canvas/SpriteRenderer.js b/Phaser/renderers/canvas/SpriteRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/SpriteRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/SpriteRenderer.ts b/Phaser/renderers/canvas/SpriteRenderer.ts index f4918cc5..a1bdb335 100644 --- a/Phaser/renderers/canvas/SpriteRenderer.ts +++ b/Phaser/renderers/canvas/SpriteRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -32,7 +30,7 @@ module Phaser.Renderer.Canvas { * @param camera {Rectangle} The Rectangle you want to check. * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. */ - public inCamera(camera: Camera, sprite: Sprite): boolean { + public inCamera(camera: Phaser.Camera, sprite: Phaser.Sprite): boolean { // Object fixed in place regardless of the camera scrolling? Then it's always visible if (sprite.transform.scrollFactor.equals(0)) @@ -50,7 +48,7 @@ module Phaser.Renderer.Canvas { * @param camera {Camera} Camera this sprite will be rendered to. * @return {boolean} Return false if not rendered, otherwise return true. */ - public render(camera: Camera, sprite: Sprite): boolean { + public render(camera: Phaser.Camera, sprite: Phaser.Sprite): boolean { Phaser.SpriteUtils.updateCameraView(camera, sprite); @@ -99,7 +97,7 @@ module Phaser.Renderer.Canvas { sprite.transform.local.data[4], // scale y this._dx, // translate x this._dy // translate y - ); + ); this._dx = sprite.transform.origin.x * -this._dw; this._dy = sprite.transform.origin.y * -this._dh; @@ -168,9 +166,9 @@ module Phaser.Renderer.Canvas { this._dy, // Destination Y this._dw, // Destination Width (always same as Source Width unless scaled) this._dh // Destination Height (always same as Source Height unless scaled) - ); + ); } - + if (sprite.modified || sprite.texture.globalCompositeOperation) { camera.texture.context.restore(); diff --git a/Phaser/renderers/canvas/TilemapRenderer.js b/Phaser/renderers/canvas/TilemapRenderer.js new file mode 100644 index 00000000..2f9b5688 --- /dev/null +++ b/Phaser/renderers/canvas/TilemapRenderer.js @@ -0,0 +1,19 @@ +var Shapes; +(function (Shapes) { + + var Point = Shapes.Point = (function () { + function Point(x, y) { + this.x = x; + this.y = y; + } + Point.prototype.getDist = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + Point.origin = new Point(0, 0); + return Point; + })(); + +})(Shapes || (Shapes = {})); + +var p = new Shapes.Point(3, 4); +var dist = p.getDist(); diff --git a/Phaser/renderers/canvas/TilemapRenderer.ts b/Phaser/renderers/canvas/TilemapRenderer.ts index da4e38c6..035d2eef 100644 --- a/Phaser/renderers/canvas/TilemapRenderer.ts +++ b/Phaser/renderers/canvas/TilemapRenderer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// module Phaser.Renderer.Canvas { @@ -34,7 +32,7 @@ module Phaser.Renderer.Canvas { * Render a tilemap to a specific camera. * @param camera {Camera} The camera this tilemap will be rendered to. */ - public render(camera: Camera, tilemap: Tilemap): boolean { + public render(camera: Phaser.Camera, tilemap: Phaser.Tilemap): boolean { // Loop through the layers @@ -127,7 +125,7 @@ module Phaser.Renderer.Canvas { this._ty, layer.tileWidth, layer.tileHeight - ); + ); } diff --git a/Phaser/sound/Sound.ts b/Phaser/sound/Sound.ts index 54c54f82..b1c6e4e6 100644 --- a/Phaser/sound/Sound.ts +++ b/Phaser/sound/Sound.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - Sound @@ -69,7 +68,7 @@ module Phaser { } - private soundHasUnlocked(key:string) { + private soundHasUnlocked(key: string) { if (key == this.key) { @@ -83,7 +82,7 @@ module Phaser { /** * Local reference to the current Phaser.Game. */ - public game: Game; + public game: Phaser.Game; /** * Reference to AudioContext instance. @@ -312,10 +311,10 @@ module Phaser { //if (this._sound == null) //{ - this._sound = this.context.createBufferSource(); - this._sound.buffer = this._buffer; - this._sound.connect(this.gainNode); - this.totalDuration = this._sound.buffer.duration; + this._sound = this.context.createBufferSource(); + this._sound.buffer = this._buffer; + this._sound.connect(this.gainNode); + this.totalDuration = this._sound.buffer.duration; //} if (this.duration == 0) @@ -480,7 +479,7 @@ module Phaser { this.isPlaying = false; - var prevMarker:string = this.currentMarker; + var prevMarker: string = this.currentMarker; this.currentMarker = ''; diff --git a/Phaser/sound/SoundManager.ts b/Phaser/sound/SoundManager.ts index dfc642b9..f523da55 100644 --- a/Phaser/sound/SoundManager.ts +++ b/Phaser/sound/SoundManager.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - SoundManager @@ -14,7 +13,7 @@ module Phaser { * SoundManager constructor * Create a new SoundManager. */ - constructor(game: Game) { + constructor(game: Phaser.Game) { this.game = game; @@ -29,7 +28,6 @@ module Phaser { if (this.game.device.iOS || (window['PhaserGlobal'] && window['PhaserGlobal'].fakeiOSTouchLock)) { - //console.log('iOS Touch Locked'); this.game.input.touch.callbackContext = this; this.game.input.touch.touchStartCallback = this.unlock; this.game.input.mouse.callbackContext = this; @@ -109,7 +107,7 @@ module Phaser { /** * Local reference to the current Phaser.Game. */ - public game: Game; + public game: Phaser.Game; /** * Reference to AudioContext instance. @@ -149,7 +147,6 @@ module Phaser { if (this.game.device.webAudio && (window['PhaserGlobal'] && window['PhaserGlobal'].disableWebAudio == false)) { - //console.log('create empty buffer'); // Create empty buffer and play it var buffer = this.context.createBuffer(1, 1, 22050); this._unlockSource = this.context.createBufferSource(); @@ -160,7 +157,6 @@ module Phaser { else { // Create an Audio tag? - //console.log('create audio tag'); this.touchLocked = false; this._unlockSource = null; this.game.input.touch.callbackContext = null; @@ -180,8 +176,6 @@ module Phaser { public set mute(value: boolean) { - console.log('SoundManager mute', value); - if (value) { if (this._muted) diff --git a/Phaser/system/Device.ts b/Phaser/system/Device.ts index 5c0d0414..89a3d2d4 100644 --- a/Phaser/system/Device.ts +++ b/Phaser/system/Device.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Device @@ -25,8 +25,6 @@ module Phaser { } - // Android bug specific :) - /** * An optional 'fix' for the horrendous Android stock browser bug * https://code.google.com/p/android/issues/detail?id=39247 @@ -549,65 +547,6 @@ module Phaser { } - /** - * Get all informations of host device. - * @return {string} Informations in a string. - */ - public getAll(): string { - - var output: string = ''; - - output = output.concat('Device\n'); - output = output.concat('iPhone : ' + this.iPhone + '\n'); - output = output.concat('iPhone4 : ' + this.iPhone4 + '\n'); - output = output.concat('iPad : ' + this.iPad + '\n'); - - output = output.concat('\n'); - output = output.concat('Operating System\n'); - output = output.concat('iOS: ' + this.iOS + '\n'); - output = output.concat('Android: ' + this.android + '\n'); - output = output.concat('ChromeOS: ' + this.chromeOS + '\n'); - output = output.concat('Linux: ' + this.linux + '\n'); - output = output.concat('MacOS: ' + this.macOS + '\n'); - output = output.concat('Windows: ' + this.windows + '\n'); - - output = output.concat('\n'); - output = output.concat('Browser\n'); - output = output.concat('Arora: ' + this.arora + '\n'); - output = output.concat('Chrome: ' + this.chrome + '\n'); - output = output.concat('Epiphany: ' + this.epiphany + '\n'); - output = output.concat('Firefox: ' + this.firefox + '\n'); - output = output.concat('Internet Explorer: ' + this.ie + ' (' + this.ieVersion + ')\n'); - output = output.concat('Mobile Safari: ' + this.mobileSafari + '\n'); - output = output.concat('Midori: ' + this.midori + '\n'); - output = output.concat('Opera: ' + this.opera + '\n'); - output = output.concat('Safari: ' + this.safari + '\n'); - - output = output.concat('\n'); - output = output.concat('Features\n'); - output = output.concat('Canvas: ' + this.canvas + '\n'); - output = output.concat('File: ' + this.file + '\n'); - output = output.concat('FileSystem: ' + this.fileSystem + '\n'); - output = output.concat('LocalStorage: ' + this.localStorage + '\n'); - output = output.concat('WebGL: ' + this.webGL + '\n'); - output = output.concat('Worker: ' + this.worker + '\n'); - output = output.concat('Touch: ' + this.touch + '\n'); - output = output.concat('MSPointer: ' + this.mspointer + '\n'); - output = output.concat('CSS 3D: ' + this.css3D + '\n'); - - output = output.concat('\n'); - output = output.concat('Audio\n'); - output = output.concat('Audio Data: ' + this.canvas + '\n'); - output = output.concat('Web Audio: ' + this.canvas + '\n'); - output = output.concat('Can play OGG: ' + this.canvas + '\n'); - output = output.concat('Can play MP3: ' + this.canvas + '\n'); - output = output.concat('Can play M4A: ' + this.canvas + '\n'); - output = output.concat('Can play WAV: ' + this.canvas + '\n'); - - return output; - - } - } } \ No newline at end of file diff --git a/Phaser/system/RequestAnimationFrame.ts b/Phaser/system/RequestAnimationFrame.ts index 02aee3c7..62703119 100644 --- a/Phaser/system/RequestAnimationFrame.ts +++ b/Phaser/system/RequestAnimationFrame.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - RequestAnimationFrame @@ -15,7 +15,7 @@ module Phaser { * @param {Any} callback * @return {RequestAnimationFrame} This object. */ - constructor(game: Game, callback) { + constructor(game: Phaser.Game, callback) { this.game = game; this.callback = callback; @@ -35,7 +35,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * The function to be called each frame. Will be called in the context of _game diff --git a/Phaser/system/StageScaleMode.ts b/Phaser/system/StageScaleMode.ts index 37147a5f..a8d39742 100644 --- a/Phaser/system/StageScaleMode.ts +++ b/Phaser/system/StageScaleMode.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - StageScaleMode @@ -15,12 +15,12 @@ module Phaser { /** * StageScaleMode constructor */ - constructor(game: Game, width: number, height: number) { + constructor(game: Phaser.Game, width: number, height: number) { this.game = game; - this.enterLandscape = new Phaser.Signal(); - this.enterPortrait = new Phaser.Signal(); + this.enterLandscape = new Phaser.Signal; + this.enterPortrait = new Phaser.Signal; if (window['orientation']) { @@ -38,7 +38,7 @@ module Phaser { } } - this.scaleFactor = new Vec2(1, 1); + this.scaleFactor = new Phaser.Vec2(1, 1); this.aspectRatio = 0; this.minWidth = width; this.minHeight = height; @@ -53,7 +53,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Stage height when start the game. @@ -169,7 +169,7 @@ module Phaser { * The scale factor of the scaled game width * @type {Vec2} */ - public scaleFactor: Vec2; + public scaleFactor: Phaser.Vec2; /** * Window orientation angle (90 and -90 are landscape, 0 and 80 are portrait) @@ -247,7 +247,7 @@ module Phaser { */ public update() { - if (this.game.stage.scaleMode !== StageScaleMode.NO_SCALE && (window.innerWidth !== this.width || window.innerHeight !== this.height)) + if (this.game.stage.scaleMode !== Phaser.StageScaleMode.NO_SCALE && (window.innerWidth !== this.width || window.innerHeight !== this.height)) { this.refresh(); } diff --git a/Phaser/system/screens/BootScreen.ts b/Phaser/system/screens/BootScreen.ts index 094479e3..559347c3 100644 --- a/Phaser/system/screens/BootScreen.ts +++ b/Phaser/system/screens/BootScreen.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - BootScreen @@ -17,7 +17,7 @@ module Phaser { * @param width {number} Screen canvas width. * @param height {number} Screen canvas height. */ - constructor(game:Game) { + constructor(game: Phaser.Game) { this.game = game; @@ -29,23 +29,28 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; + /** * Engine logo. */ private _logo; + /** * Engine logo image data. */ private _logoData: string = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAZCAYAAADdYmvFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAstJREFUeNrsWlFuwjAMbavdZGcAcRm4AXzvCPuGG8BlEJxhZ+l4TJ48z3actGGthqUI1MaO/V6cmIT2/fW10eTt46NvKshtvDZlG31yfOL9a/ldU6x4IZ0GQs0gS217enMkJYr5ixXkYrFoVqtV1kDn8/n+KfXw/Hq9Nin7h8MhScB2u3Xtav2ivsNWrh7XLcWMYqA4eUZ1kj0MAifHJEeKFojWzyIH+rL/0Cwif2AX9nN1oQOgrTg8XcTFx+ScdEOJ4WBxXQ1EjRyrn0cOzzQLzFyQSQcgw/5Qkkr0JVEQpNIdhL4vm4DL5fLulNTHcy6Uxl4/6iMLiePx2KzX6/v30+n0aynUlrnSeNq2/VN9bgM4dFPdNPmsJnIg/PuQbJmLdFN3UNu0SzbyJ0GOWJVWZE/QMkY+owrqXxGEdZA37BVyX6lJTipT6J1lf7fbqc+xh8nYeIvikatP+PGW0nEJ4jOydHYOIcfKnmgWoZDQSIIeio4Sf1IthYWskCO4vqQ6lFYjl8tl9L1H67PZbMz3VO3t93uVXHofmUjReLyMwHi5eCb3ICwJj5ZU9nCg+SzUgPYyif+2epTk4pkkyDp+eXTlZu2BkUybEkklePZfK9lPuTnc07vbmt1bYulHBeNQgx18SsH4ni/cV2rSLtqNDNUH2JQ2SsXS57Y9PHlfumkwCdICt5rnkNdPjpMiIEWgRlAJSdF4SvCQMWj+VyfI0h8D/EgWSYKiJKXi8VrOhJUxaFiFCOKKUJAtR78k9eX4USLHXqLGXOIiWUT4Vj9JiP4W0io3VDz8AJXblNWQrOimLjIGy/9uLICH6mrVmFbxEFHauzmc0fGJJmPg/v+6D0oB7N2bj0FsNHtSWTQniWTR931QlHXvasDTHXLjqY0/1/8hSDxACD+lAGH8dKQbQk5N3TFtzDmLWutvV0+pL5FVoHvCNG35FGAAayS4KUoKC9QAAAAASUVORK5CYII="; + /** * Background gradient effect color 1. */ private _color1 = { r: 20, g: 20, b: 20 }; + /** * Background gradient effect color 2. */ private _color2 = { r: 200, g: 200, b: 200 }; + /** * Fade effect tween. * @type {Phaser.Tween} diff --git a/Phaser/system/screens/OrientationScreen.ts b/Phaser/system/screens/OrientationScreen.ts index 5956ddcc..89041d8a 100644 --- a/Phaser/system/screens/OrientationScreen.ts +++ b/Phaser/system/screens/OrientationScreen.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - OrientationScreen @@ -17,14 +17,14 @@ module Phaser { * @param width {number} Screen canvas width. * @param height {number} Screen canvas height. */ - constructor(game: Game) { + constructor(game: Phaser.Game) { this.game = game; } /** * Local reference to game. */ - public game: Game; + public game: Phaser.Game; private _showOnLandscape: boolean = false; private _showOnPortrait: boolean = false; diff --git a/Phaser/system/screens/PauseScreen.ts b/Phaser/system/screens/PauseScreen.ts index a2c2e9d5..a2e615ca 100644 --- a/Phaser/system/screens/PauseScreen.ts +++ b/Phaser/system/screens/PauseScreen.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - PauseScreen @@ -17,7 +17,7 @@ module Phaser { * @param width {number} Screen canvas width. * @param height {number} Screen canvas height. */ - constructor(game: Game, width: number, height: number) { + constructor(game: Phaser.Game, width: number, height: number) { this.game = game; this._canvas = document.createElement('canvas'); @@ -30,7 +30,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * Canvas element used by engine. diff --git a/Phaser/tilemap/Tile.js b/Phaser/tilemap/Tile.js new file mode 100644 index 00000000..cc17d281 --- /dev/null +++ b/Phaser/tilemap/Tile.js @@ -0,0 +1,134 @@ +/// +/** +* Phaser - Tile +* +* A Tile is a single representation of a tile within a Tilemap +*/ +var Phaser; +(function (Phaser) { + var Tile = (function () { + /** + * Tile constructor + * Create a new Tile. + * + * @param tilemap {Tilemap} the tilemap this tile belongs to. + * @param index {number} The index of this tile type in the core map data. + * @param width {number} Width of the tile. + * @param height number} Height of the tile. + */ + function Tile(game, tilemap, index, width, height) { + /** + * The virtual mass of the tile. + * @type {number} + */ + this.mass = 1.0; + /** + * Indicating collide with any object on the left. + * @type {boolean} + */ + this.collideLeft = false; + /** + * Indicating collide with any object on the right. + * @type {boolean} + */ + this.collideRight = false; + /** + * Indicating collide with any object on the top. + * @type {boolean} + */ + this.collideUp = false; + /** + * Indicating collide with any object on the bottom. + * @type {boolean} + */ + this.collideDown = false; + /** + * Enable separation at x-axis. + * @type {boolean} + */ + this.separateX = true; + /** + * Enable separation at y-axis. + * @type {boolean} + */ + this.separateY = true; + this.game = game; + this.tilemap = tilemap; + this.index = index; + + this.width = width; + this.height = height; + this.allowCollisions = Phaser.Types.NONE; + } + /** + * Clean up memory. + */ + Tile.prototype.destroy = function () { + this.tilemap = null; + }; + + /** + * Set collision configs. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tile.prototype.setCollision = function (collision, resetCollisions, separateX, separateY) { + if (resetCollisions) { + this.resetCollision(); + } + + this.separateX = separateX; + this.separateY = separateY; + + this.allowCollisions = collision; + + if (collision & Phaser.Types.ANY) { + this.collideLeft = true; + this.collideRight = true; + this.collideUp = true; + this.collideDown = true; + return; + } + + if (collision & Phaser.Types.LEFT || collision & Phaser.Types.WALL) { + this.collideLeft = true; + } + + if (collision & Phaser.Types.RIGHT || collision & Phaser.Types.WALL) { + this.collideRight = true; + } + + if (collision & Phaser.Types.UP || collision & Phaser.Types.CEILING) { + this.collideUp = true; + } + + if (collision & Phaser.Types.DOWN || collision & Phaser.Types.CEILING) { + this.collideDown = true; + } + }; + + /** + * Reset collision status flags. + */ + Tile.prototype.resetCollision = function () { + this.allowCollisions = Phaser.Types.NONE; + this.collideLeft = false; + this.collideRight = false; + this.collideUp = false; + this.collideDown = false; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the object. + **/ + Tile.prototype.toString = function () { + return "[{Tiled (index=" + this.index + " collisions=" + this.allowCollisions + " width=" + this.width + " height=" + this.height + ")}]"; + }; + return Tile; + })(); + Phaser.Tile = Tile; +})(Phaser || (Phaser = {})); diff --git a/Phaser/tilemap/Tile.ts b/Phaser/tilemap/Tile.ts index b449301c..d43f360d 100644 --- a/Phaser/tilemap/Tile.ts +++ b/Phaser/tilemap/Tile.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Tile @@ -19,7 +19,7 @@ module Phaser { * @param width {number} Width of the tile. * @param height number} Height of the tile. */ - constructor(game: Game, tilemap: Tilemap, index: number, width: number, height: number) { + constructor(game: Phaser.Game, tilemap: Phaser.Tilemap, index: number, width: number, height: number) { this.game = game; this.tilemap = tilemap; @@ -34,7 +34,7 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * You can give this Tile a friendly name to help with debugging. Never used internally. @@ -106,7 +106,7 @@ module Phaser { * A reference to the tilemap this tile object belongs to. * @type {Tilemap} */ - public tilemap: Tilemap; + public tilemap: Phaser.Tilemap; /** * The index of this tile type in the core map data. @@ -144,7 +144,7 @@ module Phaser { this.allowCollisions = collision; - if (collision & Types.ANY) + if (collision & Phaser.Types.ANY) { this.collideLeft = true; this.collideRight = true; @@ -153,22 +153,22 @@ module Phaser { return; } - if (collision & Types.LEFT || collision & Types.WALL) + if (collision & Phaser.Types.LEFT || collision & Phaser.Types.WALL) { this.collideLeft = true; } - if (collision & Types.RIGHT || collision & Types.WALL) + if (collision & Phaser.Types.RIGHT || collision & Phaser.Types.WALL) { this.collideRight = true; } - if (collision & Types.UP || collision & Types.CEILING) + if (collision & Phaser.Types.UP || collision & Phaser.Types.CEILING) { this.collideUp = true; } - if (collision & Types.DOWN || collision & Types.CEILING) + if (collision & Phaser.Types.DOWN || collision & Phaser.Types.CEILING) { this.collideDown = true; } @@ -180,7 +180,7 @@ module Phaser { */ public resetCollision() { - this.allowCollisions = Types.NONE; + this.allowCollisions = Phaser.Types.NONE; this.collideLeft = false; this.collideRight = false; this.collideUp = false; @@ -195,7 +195,7 @@ module Phaser { **/ public toString(): string { - return "[{Tiled (index=" + this.index + " collisions=" + this.allowCollisions + " width=" + this.width + " height=" + this.height + ")}]"; + return "[{Tile (index=" + this.index + " collisions=" + this.allowCollisions + " width=" + this.width + " height=" + this.height + ")}]"; } diff --git a/Phaser/tilemap/Tilemap.js b/Phaser/tilemap/Tilemap.js new file mode 100644 index 00000000..07075da3 --- /dev/null +++ b/Phaser/tilemap/Tilemap.js @@ -0,0 +1,366 @@ +/// +/** +* Phaser - Tilemap +* +* This GameObject allows for the display of a tilemap within the game world. Tile maps consist of an image, tile data and a size. +* Internally it creates a TilemapLayer for each layer in the tilemap. +*/ +var Phaser; +(function (Phaser) { + var Tilemap = (function () { + /** + * Tilemap constructor + * Create a new Tilemap. + * + * @param game {Phaser.Game} Current game instance. + * @param key {string} Asset key for this map. + * @param mapData {string} Data of this map. (a big 2d array, normally in csv) + * @param format {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. + * @param resizeWorld {boolean} Resize the world bound automatically based on this tilemap? + * @param tileWidth {number} Width of tiles in this map. + * @param tileHeight {number} Height of tiles in this map. + */ + function Tilemap(game, key, mapData, format, resizeWorld, tileWidth, tileHeight) { + if (typeof resizeWorld === "undefined") { resizeWorld = true; } + if (typeof tileWidth === "undefined") { tileWidth = 0; } + if (typeof tileHeight === "undefined") { tileHeight = 0; } + /** + * z order value of the object. + */ + this.z = -1; + /** + * Render iteration counter + */ + this.renderOrderID = 0; + /** + * Tilemap collision callback. + * @type {function} + */ + this.collisionCallback = null; + this.game = game; + this.type = Phaser.Types.TILEMAP; + + this.exists = true; + this.active = true; + this.visible = true; + this.alive = true; + + this.z = -1; + this.group = null; + this.name = ''; + + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + this.tiles = []; + this.layers = []; + + this.mapFormat = format; + + switch (format) { + case Tilemap.FORMAT_CSV: + this.parseCSV(game.cache.getText(mapData), key, tileWidth, tileHeight); + break; + + case Tilemap.FORMAT_TILED_JSON: + this.parseTiledJSON(game.cache.getText(mapData), key); + break; + } + + if (this.currentLayer && resizeWorld) { + this.game.world.setSize(this.currentLayer.widthInPixels, this.currentLayer.heightInPixels, true); + } + } + /** + * Parset csv map data and generate tiles. + * @param data {string} CSV map data. + * @param key {string} Asset key for tileset image. + * @param tileWidth {number} Width of its tile. + * @param tileHeight {number} Height of its tile. + */ + Tilemap.prototype.parseCSV = function (data, key, tileWidth, tileHeight) { + var layer = new TilemapLayer(this, 0, key, Tilemap.FORMAT_CSV, 'TileLayerCSV' + this.layers.length.toString(), tileWidth, tileHeight); + + // Trim any rogue whitespace from the data + data = data.trim(); + + var rows = data.split("\n"); + + for (var i = 0; i < rows.length; i++) { + var column = rows[i].split(","); + + if (column.length > 0) { + layer.addColumn(column); + } + } + + layer.updateBounds(); + + var tileQuantity = layer.parseTileOffsets(); + + this.currentLayer = layer; + this.collisionLayer = layer; + + this.layers.push(layer); + + this.generateTiles(tileQuantity); + }; + + /** + * Parse JSON map data and generate tiles. + * @param data {string} JSON map data. + * @param key {string} Asset key for tileset image. + */ + Tilemap.prototype.parseTiledJSON = function (data, key) { + // Trim any rogue whitespace from the data + data = data.trim(); + + var json = JSON.parse(data); + + for (var i = 0; i < json.layers.length; i++) { + var layer = new TilemapLayer(this, i, key, Tilemap.FORMAT_TILED_JSON, json.layers[i].name, json.tilewidth, json.tileheight); + + if (!json.layers[i].data) { + continue; + } + + layer.alpha = json.layers[i].opacity; + layer.visible = json.layers[i].visible; + layer.tileMargin = json.tilesets[0].margin; + layer.tileSpacing = json.tilesets[0].spacing; + + var c = 0; + var row; + + for (var t = 0; t < json.layers[i].data.length; t++) { + if (c == 0) { + row = []; + } + + row.push(json.layers[i].data[t]); + + c++; + + if (c == json.layers[i].width) { + layer.addColumn(row); + c = 0; + } + } + + layer.updateBounds(); + + var tileQuantity = layer.parseTileOffsets(); + + this.currentLayer = layer; + this.collisionLayer = layer; + + this.layers.push(layer); + } + + this.generateTiles(tileQuantity); + }; + + /** + * Create tiles of given quantity. + * @param qty {number} Quentity of tiles to be generated. + */ + Tilemap.prototype.generateTiles = function (qty) { + for (var i = 0; i < qty; i++) { + this.tiles.push(new Tile(this.game, this, i, this.currentLayer.tileWidth, this.currentLayer.tileHeight)); + } + }; + + Object.defineProperty(Tilemap.prototype, "widthInPixels", { + get: function () { + return this.currentLayer.widthInPixels; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Tilemap.prototype, "heightInPixels", { + get: function () { + return this.currentLayer.heightInPixels; + }, + enumerable: true, + configurable: true + }); + + // Tile Collision + /** + * Set callback to be called when this tilemap collides. + * @param context {object} Callback will be called with this context. + * @param callback {function} Callback function. + */ + Tilemap.prototype.setCollisionCallback = function (context, callback) { + this.collisionCallbackContext = context; + this.collisionCallback = callback; + }; + + /** + * Set collision configs of tiles in a range index. + * @param start {number} First index of tiles. + * @param end {number} Last index of tiles. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tilemap.prototype.setCollisionRange = function (start, end, collision, resetCollisions, separateX, separateY) { + if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } + if (typeof resetCollisions === "undefined") { resetCollisions = false; } + if (typeof separateX === "undefined") { separateX = true; } + if (typeof separateY === "undefined") { separateY = true; } + for (var i = start; i < end; i++) { + this.tiles[i].setCollision(collision, resetCollisions, separateX, separateY); + } + }; + + /** + * Set collision configs of tiles with given index. + * @param values {number[]} Index array which contains all tile indexes. The tiles with those indexes will be setup with rest parameters. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tilemap.prototype.setCollisionByIndex = function (values, collision, resetCollisions, separateX, separateY) { + if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } + if (typeof resetCollisions === "undefined") { resetCollisions = false; } + if (typeof separateX === "undefined") { separateX = true; } + if (typeof separateY === "undefined") { separateY = true; } + for (var i = 0; i < values.length; i++) { + this.tiles[values[i]].setCollision(collision, resetCollisions, separateX, separateY); + } + }; + + // Tile Management + /** + * Get the tile by its index. + * @param value {number} Index of the tile you want to get. + * @return {Tile} The tile with given index. + */ + Tilemap.prototype.getTileByIndex = function (value) { + if (this.tiles[value]) { + return this.tiles[value]; + } + + return null; + }; + + /** + * Get the tile located at specific position and layer. + * @param x {number} X position of this tile located. + * @param y {number} Y position of this tile located. + * @param [layer] {number} layer of this tile located. + * @return {Tile} The tile with specific properties. + */ + Tilemap.prototype.getTile = function (x, y, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileIndex(x, y)]; + }; + + /** + * Get the tile located at specific position (in world coordinate) and layer. (thus you give a position of a point which is within the tile) + * @param x {number} X position of the point in target tile. + * @param x {number} Y position of the point in target tile. + * @param [layer] {number} layer of this tile located. + * @return {Tile} The tile with specific properties. + */ + Tilemap.prototype.getTileFromWorldXY = function (x, y, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileFromWorldXY(x, y)]; + }; + + /** + * Gets the tile underneath the Input.x/y position + * @param layer The layer to check, defaults to 0 + * @returns {Tile} + */ + Tilemap.prototype.getTileFromInputXY = function (layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileFromWorldXY(this.game.input.worldX, this.game.input.worldY)]; + }; + + /** + * Get tiles overlaps the given object. + * @param object {GameObject} Tiles you want to get that overlaps this. + * @return {array} Array with tiles information. (Each contains x, y and the tile.) + */ + Tilemap.prototype.getTileOverlaps = function (object) { + return this.currentLayer.getTileOverlaps(object); + }; + + // COLLIDE + /** + * Check whether this tilemap collides with the given game object or group of objects. + * @param objectOrGroup {function} Target object of group you want to check. + * @param callback {function} This is called if objectOrGroup collides the tilemap. + * @param context {object} Callback will be called with this context. + * @return {boolean} Return true if this collides with given object, otherwise return false. + */ + Tilemap.prototype.collide = function (objectOrGroup, callback, context) { + if (typeof objectOrGroup === "undefined") { objectOrGroup = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof context === "undefined") { context = null; } + if (callback !== null && context !== null) { + this.collisionCallback = callback; + this.collisionCallbackContext = context; + } + + if (objectOrGroup == null) { + objectOrGroup = this.game.world.group; + } + + if (objectOrGroup.isGroup == false) { + this.collideGameObject(objectOrGroup); + } else { + objectOrGroup.forEachAlive(this, this.collideGameObject, true); + } + }; + + /** + * Check whether this tilemap collides with the given game object. + * @param object {GameObject} Target object you want to check. + * @return {boolean} Return true if this collides with given object, otherwise return false. + */ + Tilemap.prototype.collideGameObject = function (object) { + if (object.body.type == Phaser.Types.BODY_DYNAMIC && object.exists == true && object.body.allowCollisions != Phaser.Types.NONE) { + this._tempCollisionData = this.collisionLayer.getTileOverlaps(object); + + if (this.collisionCallback !== null && this._tempCollisionData.length > 0) { + this.collisionCallback.call(this.collisionCallbackContext, object, this._tempCollisionData); + } + + return true; + } else { + return false; + } + }; + + /** + * Set a tile to a specific layer. + * @param x {number} X position of this tile. + * @param y {number} Y position of this tile. + * @param index {number} The index of this tile type in the core map data. + * @param [layer] {number} which layer you want to set the tile to. + */ + Tilemap.prototype.putTile = function (x, y, index, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + this.layers[layer].putTile(x, y, index); + }; + + Tilemap.prototype.destroy = function () { + this.texture = null; + this.transform = null; + + this.tiles.length = 0; + this.layers.length = 0; + }; + Tilemap.FORMAT_CSV = 0; + + Tilemap.FORMAT_TILED_JSON = 1; + return Tilemap; + })(); + Phaser.Tilemap = Tilemap; +})(Phaser || (Phaser = {})); diff --git a/Phaser/tilemap/Tilemap.ts b/Phaser/tilemap/Tilemap.ts index 88fbae8e..befa7be4 100644 --- a/Phaser/tilemap/Tilemap.ts +++ b/Phaser/tilemap/Tilemap.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - Tilemap @@ -70,7 +68,7 @@ module Phaser { /** * Reference to the main game object */ - public game: Game; + public game: Phaser.Game; /** * The type of game object. @@ -143,25 +141,25 @@ module Phaser { * Array contains tile objects of this map. * @type {Tile[]} */ - public tiles : Tile[]; + public tiles: Phaser.Tile[]; /** * Array contains tilemap layer objects of this map. * @type {TilemapLayer[]} */ - public layers : TilemapLayer[]; + public layers : Phaser.TilemapLayer[]; /** * Current tilemap layer. * @type {TilemapLayer} */ - public currentLayer: TilemapLayer; + public currentLayer: Phaser.TilemapLayer; /** * The tilemap layer for collision. * @type {TilemapLayer} */ - public collisionLayer: TilemapLayer; + public collisionLayer: Phaser.TilemapLayer; /** * Tilemap collision callback. @@ -290,7 +288,7 @@ module Phaser { for (var i = 0; i < qty; i++) { - this.tiles.push(new Tile(this.game, this, i, this.currentLayer.tileWidth, this.currentLayer.tileHeight)); + this.tiles.push(new Phaser.Tile(this.game, this, i, this.currentLayer.tileWidth, this.currentLayer.tileHeight)); } } @@ -359,7 +357,7 @@ module Phaser { * @param value {number} Index of the tile you want to get. * @return {Tile} The tile with given index. */ - public getTileByIndex(value: number):Tile { + public getTileByIndex(value: number): Phaser.Tile { if (this.tiles[value]) { @@ -377,7 +375,7 @@ module Phaser { * @param [layer] {number} layer of this tile located. * @return {Tile} The tile with specific properties. */ - public getTile(x: number, y: number, layer: number = this.currentLayer.ID):Tile { + public getTile(x: number, y: number, layer: number = this.currentLayer.ID): Phaser.Tile { return this.tiles[this.layers[layer].getTileIndex(x, y)]; @@ -390,7 +388,7 @@ module Phaser { * @param [layer] {number} layer of this tile located. * @return {Tile} The tile with specific properties. */ - public getTileFromWorldXY(x: number, y: number, layer: number = this.currentLayer.ID):Tile { + public getTileFromWorldXY(x: number, y: number, layer: number = this.currentLayer.ID): Phaser.Tile { return this.tiles[this.layers[layer].getTileFromWorldXY(x, y)]; @@ -401,7 +399,7 @@ module Phaser { * @param layer The layer to check, defaults to 0 * @returns {Tile} */ - public getTileFromInputXY(layer: number = this.currentLayer.ID):Tile { + public getTileFromInputXY(layer: number = this.currentLayer.ID): Phaser.Tile { return this.tiles[this.layers[layer].getTileFromWorldXY(this.game.input.worldX, this.game.input.worldY)]; @@ -412,7 +410,7 @@ module Phaser { * @param object {GameObject} Tiles you want to get that overlaps this. * @return {array} Array with tiles information. (Each contains x, y and the tile.) */ - public getTileOverlaps(object: Sprite) { + public getTileOverlaps(object: Phaser.Sprite) { return this.currentLayer.getTileOverlaps(object); @@ -456,7 +454,7 @@ module Phaser { * @param object {GameObject} Target object you want to check. * @return {boolean} Return true if this collides with given object, otherwise return false. */ - public collideGameObject(object: Sprite): boolean { + public collideGameObject(object: Phaser.Sprite): boolean { if (object.body.type == Types.BODY_DYNAMIC && object.exists == true && object.body.allowCollisions != Types.NONE) { diff --git a/Phaser/tilemap/TilemapLayer.js b/Phaser/tilemap/TilemapLayer.js new file mode 100644 index 00000000..cfb2ad6d --- /dev/null +++ b/Phaser/tilemap/TilemapLayer.js @@ -0,0 +1,395 @@ +/// +/** +* Phaser - TilemapLayer +* +* A Tilemap Layer. Tiled format maps can have multiple overlapping layers. +*/ +var Phaser; +(function (Phaser) { + var TilemapLayer = (function () { + /** + * TilemapLayer constructor + * Create a new TilemapLayer. + * + * @param parent {Tilemap} The tilemap that contains this layer. + * @param id {number} The ID of this layer within the Tilemap array. + * @param key {string} Asset key for this map. + * @param mapFormat {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. + * @param name {string} Name of this layer, so you can get this layer by its name. + * @param tileWidth {number} Width of tiles in this map. + * @param tileHeight {number} Height of tiles in this map. + */ + function TilemapLayer(parent, id, key, mapFormat, name, tileWidth, tileHeight) { + /** + * Controls whether update() and draw() are automatically called. + * @type {boolean} + */ + this.exists = true; + /** + * Controls whether draw() are automatically called. + * @type {boolean} + */ + this.visible = true; + /** + * How many tiles in each row. + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.widthInTiles = 0; + /** + * How many tiles in each column. + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.heightInTiles = 0; + /** + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.widthInPixels = 0; + /** + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.heightInPixels = 0; + /** + * Distance between REAL tiles to the tileset texture bound. + * @type {number} + */ + this.tileMargin = 0; + /** + * Distance between every 2 neighbor tile in the tileset texture. + * @type {number} + */ + this.tileSpacing = 0; + this.parent = parent; + this.game = parent.game; + + this.ID = id; + this.name = name; + this.mapFormat = mapFormat; + this.tileWidth = tileWidth; + this.tileHeight = tileHeight; + this.boundsInTiles = new Phaser.Rectangle(); + + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + if (key !== null) { + this.texture.loadImage(key, false); + } else { + this.texture.opaque = true; + } + + // Handy proxies + this.alpha = this.texture.alpha; + + this.mapData = []; + this._tempTileBlock = []; + } + /** + * Set a specific tile with its x and y in tiles. + * @param x {number} X position of this tile in world coordinates. + * @param y {number} Y position of this tile in world coordinates. + * @param index {number} The index of this tile type in the core map data. + */ + TilemapLayer.prototype.putTileWorldXY = function (x, y, index) { + x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; + y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; + + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + this.mapData[y][x] = index; + } + } + }; + + /** + * Set a specific tile with its x and y in tiles. + * @param x {number} X position of this tile. + * @param y {number} Y position of this tile. + * @param index {number} The index of this tile type in the core map data. + */ + TilemapLayer.prototype.putTile = function (x, y, index) { + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + this.mapData[y][x] = index; + } + } + }; + + /** + * Swap tiles with 2 kinds of indexes. + * @param tileA {number} First tile index. + * @param tileB {number} Second tile index. + * @param [x] {number} specify a Rectangle of tiles to operate. The x position in tiles of Rectangle's left-top corner. + * @param [y] {number} specify a Rectangle of tiles to operate. The y position in tiles of Rectangle's left-top corner. + * @param [width] {number} specify a Rectangle of tiles to operate. The width in tiles. + * @param [height] {number} specify a Rectangle of tiles to operate. The height in tiles. + */ + TilemapLayer.prototype.swapTile = function (tileA, tileB, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].tile.index == tileA) { + this._tempTileBlock[r].newIndex = true; + } + + if (this._tempTileBlock[r].tile.index == tileB) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileA; + } + } + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].newIndex == true) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; + } + } + }; + + /** + * Fill a tile block with a specific tile index. + * @param index {number} Index of tiles you want to fill with. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.fillTile = function (index, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = index; + } + }; + + /** + * Set random tiles to a specific tile block. + * @param tiles {number[]} Tiles with indexes in this array will be randomly set to the given block. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.randomiseTiles = function (tiles, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = this.game.math.getRandom(tiles); + } + }; + + /** + * Replace one kind of tiles to another kind. + * @param tileA {number} Index of tiles you want to replace. + * @param tileB {number} Index of tiles you want to set. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.replaceTile = function (tileA, tileB, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].tile.index == tileA) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; + } + } + }; + + /** + * Get a tile block with specific position and size.(both are in tiles) + * @param x {number} X position of block's left-top corner. + * @param y {number} Y position of block's left-top corner. + * @param width {number} Width of block. + * @param height {number} Height of block. + */ + TilemapLayer.prototype.getTileBlock = function (x, y, width, height) { + var output = []; + + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + output.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); + } + + return output; + }; + + /** + * Get a tile with specific position (in world coordinate). (thus you give a position of a point which is within the tile) + * @param x {number} X position of the point in target tile. + * @param x {number} Y position of the point in target tile. + */ + TilemapLayer.prototype.getTileFromWorldXY = function (x, y) { + x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; + y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; + + return this.getTileIndex(x, y); + }; + + /** + * Get tiles overlaps the given object. + * @param object {GameObject} Tiles you want to get that overlaps this. + * @return {array} Array with tiles informations. (Each contains x, y and the tile.) + */ + TilemapLayer.prototype.getTileOverlaps = function (object) { + if (object.body.bounds.x < 0 || object.body.bounds.x > this.widthInPixels || object.body.bounds.y < 0 || object.body.bounds.bottom > this.heightInPixels) { + return; + } + + // What tiles do we need to check against? + this._tempTileX = this.game.math.snapToFloor(object.body.bounds.x, this.tileWidth) / this.tileWidth; + this._tempTileY = this.game.math.snapToFloor(object.body.bounds.y, this.tileHeight) / this.tileHeight; + this._tempTileW = (this.game.math.snapToCeil(object.body.bounds.width, this.tileWidth) + this.tileWidth) / this.tileWidth; + this._tempTileH = (this.game.math.snapToCeil(object.body.bounds.height, this.tileHeight) + this.tileHeight) / this.tileHeight; + + // Loop through the tiles we've got and check overlaps accordingly (the results are stored in this._tempTileBlock) + this._tempBlockResults = []; + this.getTempBlock(this._tempTileX, this._tempTileY, this._tempTileW, this._tempTileH, true); + + /* + for (var r = 0; r < this._tempTileBlock.length; r++) + { + if (this.game.world.physics.separateTile(object, this._tempTileBlock[r].x * this.tileWidth, this._tempTileBlock[r].y * this.tileHeight, this.tileWidth, this.tileHeight, this._tempTileBlock[r].tile.mass, this._tempTileBlock[r].tile.collideLeft, this._tempTileBlock[r].tile.collideRight, this._tempTileBlock[r].tile.collideUp, this._tempTileBlock[r].tile.collideDown, this._tempTileBlock[r].tile.separateX, this._tempTileBlock[r].tile.separateY) == true) + { + this._tempBlockResults.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); + } + } + */ + return this._tempBlockResults; + }; + + /** + * Get a tile block with its position and size. (This method does not return, it'll set result to _tempTileBlock) + * @param x {number} X position of block's left-top corner. + * @param y {number} Y position of block's left-top corner. + * @param width {number} Width of block. + * @param height {number} Height of block. + * @param collisionOnly {boolean} Whethor or not ONLY return tiles which will collide (its allowCollisions value is not Collision.NONE). + */ + TilemapLayer.prototype.getTempBlock = function (x, y, width, height, collisionOnly) { + if (typeof collisionOnly === "undefined") { collisionOnly = false; } + if (x < 0) { + x = 0; + } + + if (y < 0) { + y = 0; + } + + if (width > this.widthInTiles) { + width = this.widthInTiles; + } + + if (height > this.heightInTiles) { + height = this.heightInTiles; + } + + this._tempTileBlock = []; + + for (var ty = y; ty < y + height; ty++) { + for (var tx = x; tx < x + width; tx++) { + if (collisionOnly) { + if (this.mapData[ty] && this.mapData[ty][tx] && this.parent.tiles[this.mapData[ty][tx]].allowCollisions != Phaser.Types.NONE) { + this._tempTileBlock.push({ x: tx, y: ty, tile: this.parent.tiles[this.mapData[ty][tx]] }); + } + } else { + if (this.mapData[ty] && this.mapData[ty][tx]) { + this._tempTileBlock.push({ x: tx, y: ty, tile: this.parent.tiles[this.mapData[ty][tx]] }); + } + } + } + } + }; + + /** + * Get the tile index of specific position (in tiles). + * @param x {number} X position of the tile. + * @param y {number} Y position of the tile. + * @return {number} Index of the tile at that position. Return null if there isn't a tile there. + */ + TilemapLayer.prototype.getTileIndex = function (x, y) { + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + return this.mapData[y][x]; + } + } + + return null; + }; + + /** + * Add a column of tiles into the layer. + * @param column {string[]/number[]} An array of tile indexes to be added. + */ + TilemapLayer.prototype.addColumn = function (column) { + var data = []; + + for (var c = 0; c < column.length; c++) { + data[c] = parseInt(column[c]); + } + + if (this.widthInTiles == 0) { + this.widthInTiles = data.length; + this.widthInPixels = this.widthInTiles * this.tileWidth; + } + + this.mapData.push(data); + + this.heightInTiles++; + this.heightInPixels += this.tileHeight; + }; + + /** + * Update boundsInTiles with widthInTiles and heightInTiles. + */ + TilemapLayer.prototype.updateBounds = function () { + this.boundsInTiles.setTo(0, 0, this.widthInTiles, this.heightInTiles); + }; + + /** + * Parse tile offsets from map data. + * @return {number} length of tileOffsets array. + */ + TilemapLayer.prototype.parseTileOffsets = function () { + this.tileOffsets = []; + + var i = 0; + + if (this.mapFormat == Tilemap.FORMAT_TILED_JSON) { + // For some reason Tiled counts from 1 not 0 + this.tileOffsets[0] = null; + i = 1; + } + + for (var ty = this.tileMargin; ty < this.texture.height; ty += (this.tileHeight + this.tileSpacing)) { + for (var tx = this.tileMargin; tx < this.texture.width; tx += (this.tileWidth + this.tileSpacing)) { + this.tileOffsets[i] = { x: tx, y: ty }; + i++; + } + } + + return this.tileOffsets.length; + }; + return TilemapLayer; + })(); + Phaser.TilemapLayer = TilemapLayer; +})(Phaser || (Phaser = {})); diff --git a/Phaser/tilemap/TilemapLayer.ts b/Phaser/tilemap/TilemapLayer.ts index 27d1701f..50c7222a 100644 --- a/Phaser/tilemap/TilemapLayer.ts +++ b/Phaser/tilemap/TilemapLayer.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - TilemapLayer @@ -24,7 +22,7 @@ module Phaser { * @param tileWidth {number} Width of tiles in this map. * @param tileHeight {number} Height of tiles in this map. */ - constructor(parent:Tilemap, id:number, key: string, mapFormat: number, name: string, tileWidth: number, tileHeight: number) { + constructor(parent: Phaser.Tilemap, id:number, key: string, mapFormat: number, name: string, tileWidth: number, tileHeight: number) { this.parent = parent; this.game = parent.game; @@ -67,13 +65,13 @@ module Phaser { /** * Local reference to Game. */ - public game: Game; + public game: Phaser.Game; /** * The tilemap that contains this layer. * @type {Tilemap} */ - public parent: Tilemap; + public parent: Phaser.Tilemap; /** * The texture used to render the Sprite. @@ -136,7 +134,7 @@ module Phaser { * Map bounds (width and height) in tiles not pixels. * @type {Rectangle} */ - public boundsInTiles: Rectangle; + public boundsInTiles: Phaser.Rectangle; /** * Width of each tile. @@ -368,7 +366,7 @@ module Phaser { * @param object {GameObject} Tiles you want to get that overlaps this. * @return {array} Array with tiles informations. (Each contains x, y and the tile.) */ - public getTileOverlaps(object: Sprite) { + public getTileOverlaps(object: Phaser.Sprite) { // If the object is outside of the world coordinates then abort the check (tilemap has to exist within world bounds) if (object.body.bounds.x < 0 || object.body.bounds.x > this.widthInPixels || object.body.bounds.y < 0 || object.body.bounds.bottom > this.heightInPixels) diff --git a/Phaser/time/TimeManager.ts b/Phaser/time/TimeManager.ts index a74e741e..f3c13273 100644 --- a/Phaser/time/TimeManager.ts +++ b/Phaser/time/TimeManager.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - TimeManager @@ -16,7 +16,7 @@ module Phaser { * * @param game {Phaser.Game} Current game instance. */ - constructor(game: Game) { + constructor(game: Phaser.Game) { this.game = game; @@ -32,7 +32,7 @@ module Phaser { /** * Local reference to game. */ - public game: Game; + public game: Phaser.Game; /** * Time when this object created. @@ -40,13 +40,6 @@ module Phaser { */ private _started: number; - /** - * Time scale factor. - * Set it to 0.5 for slow motion, to 2.0 makes game twice faster. - * @type {number} - */ - //public timeScale: number = 1.0; - /** * Elapsed since last frame. * @type {number} diff --git a/Phaser/tweens/Tween.ts b/Phaser/tweens/Tween.ts index 1659d9e1..25de6f83 100644 --- a/Phaser/tweens/Tween.ts +++ b/Phaser/tweens/Tween.ts @@ -1,15 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - Tween @@ -28,7 +17,7 @@ module Phaser { * @param object {object} Target object will be affected by this tween. * @param game {Phaser.Game} Current game instance. */ - constructor(object, game:Phaser.Game) { + constructor(object, game: Phaser.Game) { this._object = object; @@ -38,9 +27,9 @@ module Phaser { this._easingFunction = Phaser.Easing.Linear.None; this._chainedTweens = []; - this.onStart = new Phaser.Signal(); - this.onUpdate = new Phaser.Signal(); - this.onComplete = new Phaser.Signal(); + this.onStart = new Phaser.Signal; + this.onUpdate = new Phaser.Signal; + this.onComplete = new Phaser.Signal; } @@ -59,7 +48,7 @@ module Phaser { * Reference to the target object. * @type {object} */ - private _object = null; + private _object = null; private _pausedTime: number = 0; @@ -67,393 +56,393 @@ module Phaser { * Start values container. * @type {object} */ - private _valuesStart = {}; + private _valuesStart = {}; /** * End values container. * @type {object} */ - private _valuesEnd = {}; + private _valuesEnd = {}; - /** - * How long this tween will perform. - * @type {number} - */ - private _duration = 1000; - private _delayTime = 0; - private _startTime = null; + /** + * How long this tween will perform. + * @type {number} + */ + private _duration: number = 1000; + private _delayTime: number = 0; + private _startTime: number = null; // Temp vars to avoid gc spikes - private _tempElapsed: number; - private _tempValue; + private _tempElapsed: number; + private _tempValue; /** * Will this tween automatically restart when it completes? * @type {boolean} */ - private _loop: boolean = false; + private _loop: boolean = false; /** * A yoyo tween is one that plays once fully, then reverses back to the original tween values before completing. * @type {boolean} */ - private _yoyo: boolean = false; - private _yoyoCount: number = 0; + private _yoyo: boolean = false; + private _yoyoCount: number = 0; - /** - * Easing function which actually updating this tween. - * @type {function} - */ - private _easingFunction; - private _interpolationFunction; + /** + * Easing function which actually updating this tween. + * @type {function} + */ + private _easingFunction; + private _interpolationFunction; - /** - * Contains chained tweens. - * @type {Tweens[]} - */ - private _chainedTweens = []; + /** + * Contains chained tweens. + * @type {Tweens[]} + */ + private _chainedTweens = []; - /** - * Signal to be dispatched when this tween start. - * @type {Phaser.Signal} - */ - public onStart: Phaser.Signal; + /** + * Signal to be dispatched when this tween start. + * @type {Phaser.Signal} + */ + public onStart: Phaser.Signal; - /** - * Signal to be dispatched when this tween updating. - * @type {Phaser.Signal} - */ - public onUpdate: Phaser.Signal; + /** + * Signal to be dispatched when this tween updating. + * @type {Phaser.Signal} + */ + public onUpdate: Phaser.Signal; - /** - * Signal to be dispatched when this tween completed. - * @type {Phaser.Signal} - */ - public onComplete: Phaser.Signal; + /** + * Signal to be dispatched when this tween completed. + * @type {Phaser.Signal} + */ + public onComplete: Phaser.Signal; - /** - * 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 [delay] {number} delay before this tween will start, defaults to 0 (no delay) - * @param [loop] {boolean} Should the tween automatically restart once complete? (ignores any chained tweens) - * @return {Tween} Itself. - */ - public to(properties, duration: number = 1000, ease: any = null, autoStart: boolean = false, delay:number = 0, loop:boolean = false, yoyo:boolean = false): Tween { + /** + * 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 [delay] {number} delay before this tween will start, defaults to 0 (no delay) + * @param [loop] {boolean} Should the tween automatically restart once complete? (ignores any chained tweens) + * @return {Tween} Itself. + */ + public to(properties, duration: number = 1000, ease: any = null, autoStart: boolean = false, delay: number = 0, loop: boolean = false, yoyo: boolean = false): Phaser.Tween { - this._duration = duration; + this._duration = duration; - // If properties isn't an object this will fail, sanity check it here somehow? - this._valuesEnd = properties; + // If properties isn't an object this will fail, sanity check it here somehow? + this._valuesEnd = properties; - if (ease !== null) - { - this._easingFunction = ease; - } + if (ease !== null) + { + this._easingFunction = ease; + } - if (delay > 0) - { - this._delayTime = delay; - } + if (delay > 0) + { + this._delayTime = delay; + } - this._loop = loop; - this._yoyo = yoyo; - this._yoyoCount = 0; + this._loop = loop; + this._yoyo = yoyo; + this._yoyoCount = 0; - if (autoStart === true) - { - return this.start(); - } - else - { - return this; - } + if (autoStart === true) + { + return this.start(); + } + else + { + return this; + } - } + } - public loop(value: boolean): Tween { + public loop(value: boolean): Phaser.Tween { - this._loop = value; - return this; + this._loop = value; + return this; - } + } - public yoyo(value: boolean): Tween { + public yoyo(value: boolean): Phaser.Tween { - this._yoyo = value; - this._yoyoCount = 0; - return this; + this._yoyo = value; + this._yoyoCount = 0; + return this; - } + } public isRunning: boolean = false; - /** - * Start to tween. - */ - public start(looped: boolean = false): Tween { + /** + * Start to tween. + */ + public start(looped: boolean = false): Phaser.Tween { - if (this.game === null || this._object === null) - { - return; - } + if (this.game === null || this._object === null) + { + return; + } - if (looped == false) - { - this._manager.add(this); + if (looped == false) + { + this._manager.add(this); - this.onStart.dispatch(this._object); - } + this.onStart.dispatch(this._object); + } - this._startTime = this.game.time.now + this._delayTime; - this.isRunning = true; + this._startTime = this.game.time.now + this._delayTime; + this.isRunning = true; - for (var property in this._valuesEnd) - { - // This prevents the interpolation of null values or of non-existing properties - if (this._object[property] === null || !(property in this._object)) - { - throw Error('Phaser.Tween interpolation of null value of non-existing property'); - continue; - } + for (var property in this._valuesEnd) + { + // This prevents the interpolation of null values or of non-existing properties + if (this._object[property] === null || !(property in this._object)) + { + throw Error('Phaser.Tween interpolation of null value of non-existing property'); + continue; + } - // check if an Array was provided as property value - if (this._valuesEnd[property] instanceof Array) - { - if (this._valuesEnd[property].length === 0) - { - continue; - } + // check if an Array was provided as property value + if (this._valuesEnd[property] instanceof Array) + { + if (this._valuesEnd[property].length === 0) + { + continue; + } - // create a local copy of the Array with the start value at the front - this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]); - } + // create a local copy of the Array with the start value at the front + this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]); + } - if (looped == false) - { - this._valuesStart[property] = this._object[property]; - } + if (looped == false) + { + this._valuesStart[property] = this._object[property]; + } - } + } - return this; + return this; - } + } - public reverse() { - - var tempObj = {}; + public reverse() { - for (var property in this._valuesStart) - { - tempObj[property] = this._valuesStart[property]; - this._valuesStart[property] = this._valuesEnd[property]; - this._valuesEnd[property] = tempObj[property]; - } + var tempObj = {}; - this._yoyoCount++; + for (var property in this._valuesStart) + { + tempObj[property] = this._valuesStart[property]; + this._valuesStart[property] = this._valuesEnd[property]; + this._valuesEnd[property] = tempObj[property]; + } - return this.start(true); + this._yoyoCount++; - } + return this.start(true); - public reset(): Tween { + } + + public reset(): Phaser.Tween { // Reset the properties back to what they were before - for (var property in this._valuesStart) - { - this._object[property] = this._valuesStart[property]; - } + for (var property in this._valuesStart) + { + this._object[property] = this._valuesStart[property]; + } - return this.start(true); + return this.start(true); - } + } - public clear(): Tween { + public clear(): Phaser.Tween { this._chainedTweens = []; this.onStart.removeAll(); this.onUpdate.removeAll(); - this.onComplete.removeAll(); + this.onComplete.removeAll(); - return this; + return this; - } + } - /** - * Stop tweening. - */ - public stop(): Tween { + /** + * Stop tweening. + */ + public stop(): Phaser.Tween { - if (this._manager !== null) - { - this._manager.remove(this); - } + if (this._manager !== null) + { + this._manager.remove(this); + } - this.isRunning = false; + this.isRunning = false; - this.onComplete.dispose(); + this.onComplete.dispose(); - return this; + return this; - } + } - public set parent(value:Phaser.Game) { + public set parent(value: Phaser.Game) { - this.game = value; + this.game = value; this._manager = this.game.tweens; - } + } - public set delay(amount:number) { - this._delayTime = amount; - } + public set delay(amount: number) { + this._delayTime = amount; + } - public get delay(): number { - return this._delayTime; - } + public get delay(): number { + return this._delayTime; + } - public set easing(easing) { - this._easingFunction = easing; - } + public set easing(easing) { + this._easingFunction = easing; + } - public get easing():any { - return this._easingFunction; - } + public get easing() { + return this._easingFunction; + } - public set interpolation(interpolation) { - this._interpolationFunction = interpolation; - } + public set interpolation(interpolation) { + this._interpolationFunction = interpolation; + } - public get interpolation():any { - return this._interpolationFunction; - } + public get interpolation() { + return this._interpolationFunction; + } - /** - * Add another chained tween, which will start automatically when the one before it completes. - * @param tween {Phaser.Tween} Tween object you want to chain with this. - * @return {Phaser.Tween} Itselfe. - */ - public chain(tween:Phaser.Tween): Tween { + /** + * Add another chained tween, which will start automatically when the one before it completes. + * @param tween {Phaser.Tween} Tween object you want to chain with this. + * @return {Phaser.Tween} Itselfe. + */ + public chain(tween: Phaser.Tween): Phaser.Tween { - this._chainedTweens.push(tween); + this._chainedTweens.push(tween); - return this; + return this; - } + } - public pause() { - this._paused = true; - } + public pause() { + this._paused = true; + } + + public resume() { - public resume() { - this._paused = false; this._startTime += this.game.time.pauseDuration; - } + } - private _paused: boolean; + private _paused: boolean; - /** - * Update tweening. - * @param time {number} Current time from game clock. - * @return {boolean} Return false if this completed and no need to update, otherwise return true. - */ - public update(time) { + /** + * Update tweening. + * @param time {number} Current time from game clock. + * @return {boolean} Return false if this completed and no need to update, otherwise return true. + */ + public update(time: number) { - if (this._paused || time < this._startTime) - { - return true; - } + if (this._paused || time < this._startTime) + { + return true; + } - this._tempElapsed = (time - this._startTime) / this._duration; - this._tempElapsed = this._tempElapsed > 1 ? 1 : this._tempElapsed; + this._tempElapsed = (time - this._startTime) / this._duration; + this._tempElapsed = this._tempElapsed > 1 ? 1 : this._tempElapsed; - this._tempValue = this._easingFunction(this._tempElapsed); + this._tempValue = this._easingFunction(this._tempElapsed); - for (var property in this._valuesStart) - { + for (var property in this._valuesStart) + { // Add checks for object, array, numeric up front - if (this._valuesEnd[property] instanceof Array) - { - this._object[property] = this._interpolationFunction(this._valuesEnd[property], this._tempValue); - } + if (this._valuesEnd[property] instanceof Array) + { + this._object[property] = this._interpolationFunction(this._valuesEnd[property], this._tempValue); + } else - { - this._object[property] = this._valuesStart[property] + (this._valuesEnd[property] - this._valuesStart[property]) * this._tempValue; - } - } + { + this._object[property] = this._valuesStart[property] + (this._valuesEnd[property] - this._valuesStart[property]) * this._tempValue; + } + } - this.onUpdate.dispatch(this._object, this._tempValue); + this.onUpdate.dispatch(this._object, this._tempValue); - if (this._tempElapsed == 1) - { + if (this._tempElapsed == 1) + { // Yoyo? - if (this._yoyo) - { - if (this._yoyoCount == 0) - { + if (this._yoyo) + { + if (this._yoyoCount == 0) + { // Reverse the tween - this.reverse(); - return true; - } - else - { + this.reverse(); + return true; + } + else + { // We've yoyo'd once already, quit? - if (this._loop == false) - { - this.onComplete.dispatch(this._object); + if (this._loop == false) + { + this.onComplete.dispatch(this._object); - for (var i = 0; i < this._chainedTweens.length; i++) - { - this._chainedTweens[i].start(); - } + for (var i = 0; i < this._chainedTweens.length; i++) + { + this._chainedTweens[i].start(); + } - return false; - } - else - { + return false; + } + else + { // YoYo and Loop are both on - this._yoyoCount = 0; - this.reverse(); - return true; - } - } - } + this._yoyoCount = 0; + this.reverse(); + return true; + } + } + } // Loop? - if (this._loop) - { - this._yoyoCount = 0; - this.reset(); - return true; - } - else - { - this.onComplete.dispatch(this._object); + if (this._loop) + { + this._yoyoCount = 0; + this.reset(); + return true; + } + else + { + this.onComplete.dispatch(this._object); - for (var i = 0; i < this._chainedTweens.length; i++) - { - this._chainedTweens[i].start(); - } + for (var i = 0; i < this._chainedTweens.length; i++) + { + this._chainedTweens[i].start(); + } - if (this._chainedTweens.length == 0) - { - this.isRunning = false; - } + if (this._chainedTweens.length == 0) + { + this.isRunning = false; + } - return false; - } + return false; + } - } + } - return true; + return true; - } + } } } diff --git a/Phaser/tweens/TweenManager.ts b/Phaser/tweens/TweenManager.ts index 6220b082..0485c9af 100644 --- a/Phaser/tweens/TweenManager.ts +++ b/Phaser/tweens/TweenManager.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - TweenManager diff --git a/Phaser/tweens/easing/Back.ts b/Phaser/tweens/easing/Back.ts index b4f731e5..b09da666 100644 --- a/Phaser/tweens/easing/Back.ts +++ b/Phaser/tweens/easing/Back.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Back diff --git a/Phaser/tweens/easing/Bounce.ts b/Phaser/tweens/easing/Bounce.ts index 7eb5e713..d5eefe35 100644 --- a/Phaser/tweens/easing/Bounce.ts +++ b/Phaser/tweens/easing/Bounce.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Bounce diff --git a/Phaser/tweens/easing/Circular.ts b/Phaser/tweens/easing/Circular.ts index b2d86ac9..730724d2 100644 --- a/Phaser/tweens/easing/Circular.ts +++ b/Phaser/tweens/easing/Circular.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Circular diff --git a/Phaser/tweens/easing/Cubic.ts b/Phaser/tweens/easing/Cubic.ts index 6e6fe843..c3e319d1 100644 --- a/Phaser/tweens/easing/Cubic.ts +++ b/Phaser/tweens/easing/Cubic.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Cubic diff --git a/Phaser/tweens/easing/Elastic.ts b/Phaser/tweens/easing/Elastic.ts index 165c739a..73cbb13e 100644 --- a/Phaser/tweens/easing/Elastic.ts +++ b/Phaser/tweens/easing/Elastic.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Elastic diff --git a/Phaser/tweens/easing/Exponential.ts b/Phaser/tweens/easing/Exponential.ts index e05adabd..c0acb811 100644 --- a/Phaser/tweens/easing/Exponential.ts +++ b/Phaser/tweens/easing/Exponential.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Exponential diff --git a/Phaser/tweens/easing/Linear.ts b/Phaser/tweens/easing/Linear.ts index 70e9d9f2..0e8a6359 100644 --- a/Phaser/tweens/easing/Linear.ts +++ b/Phaser/tweens/easing/Linear.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Linear diff --git a/Phaser/tweens/easing/Quadratic.ts b/Phaser/tweens/easing/Quadratic.ts index bde2f88b..24b0959c 100644 --- a/Phaser/tweens/easing/Quadratic.ts +++ b/Phaser/tweens/easing/Quadratic.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Quadratic diff --git a/Phaser/tweens/easing/Quartic.ts b/Phaser/tweens/easing/Quartic.ts index 7f89278b..f5f1b6b8 100644 --- a/Phaser/tweens/easing/Quartic.ts +++ b/Phaser/tweens/easing/Quartic.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Quartic diff --git a/Phaser/tweens/easing/Quintic.ts b/Phaser/tweens/easing/Quintic.ts index 8fe2f7ef..dc4f0066 100644 --- a/Phaser/tweens/easing/Quintic.ts +++ b/Phaser/tweens/easing/Quintic.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Quintic diff --git a/Phaser/tweens/easing/Sinusoidal.ts b/Phaser/tweens/easing/Sinusoidal.ts index 053404b8..b73ad3c4 100644 --- a/Phaser/tweens/easing/Sinusoidal.ts +++ b/Phaser/tweens/easing/Sinusoidal.ts @@ -1,4 +1,4 @@ -/// +/// /** * Phaser - Easing - Sinusoidal diff --git a/Phaser/ui/Button.ts b/Phaser/ui/Button.ts index cff56af7..ff7a80c2 100644 --- a/Phaser/ui/Button.ts +++ b/Phaser/ui/Button.ts @@ -1,11 +1,4 @@ -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - UI - Button @@ -13,7 +6,7 @@ module Phaser.UI { - export class Button extends Sprite { + export class Button extends Phaser.Sprite { /** * Create a new Button object. @@ -28,7 +21,7 @@ module Phaser.UI { * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. */ - constructor(game: Game, x: number = 0, y: number = 0, key: string = null, callback = null, callbackContext = null, overFrame = null, outFrame = null, downFrame = null) { + constructor(game: Phaser.Game, x: number = 0, y: number = 0, key: string = null, callback = null, callbackContext = null, overFrame = null, outFrame = null, downFrame = null) { super(game, x, y, key, outFrame); @@ -120,8 +113,8 @@ module Phaser.UI { // ENTER or SPACE can activate this button if it has focus - private onInputOverHandler(pointer:Phaser.Pointer) { - + private onInputOverHandler(pointer: Phaser.Pointer) { + if (this._onOverFrameName != null) { this.frameName = this._onOverFrameName; @@ -138,7 +131,7 @@ module Phaser.UI { } - private onInputOutHandler(pointer:Phaser.Pointer) { + private onInputOutHandler(pointer: Phaser.Pointer) { if (this._onOutFrameName != null) { @@ -156,7 +149,7 @@ module Phaser.UI { } - private onInputDownHandler(pointer:Phaser.Pointer) { + private onInputDownHandler(pointer: Phaser.Pointer) { //console.log('Button onInputDownHandler: ' + Date.now()); @@ -176,7 +169,7 @@ module Phaser.UI { } - private onInputUpHandler(pointer:Phaser.Pointer) { + private onInputUpHandler(pointer: Phaser.Pointer) { //console.log('Button onInputUpHandler: ' + Date.now()); diff --git a/Phaser/utils/CircleUtils.ts b/Phaser/utils/CircleUtils.ts index a0fdb102..1b7e8bf3 100644 --- a/Phaser/utils/CircleUtils.ts +++ b/Phaser/utils/CircleUtils.ts @@ -1,14 +1,9 @@ -/// -/// -/// -/// +/// /** * Phaser - CircleUtils * * A collection of methods useful for manipulating and comparing Circle objects. -* -* TODO: */ module Phaser { @@ -16,26 +11,26 @@ module Phaser { export class CircleUtils { /** - * Returns a new Circle object with the same values for the x, y, width, and height properties as the original Circle object. - * @method clone + * Returns a new Circle object with the same values for the x, y, width, and height properties as the original Circle object. + * @method clone * @param {Circle} a - The Circle object. - * @param {Circle} [optional] out Optional Circle object. If given the values will be set into the object, otherwise a brand new Circle object will be created and returned. - * @return {Phaser.Circle} - **/ - static clone(a: Circle, out: Circle = new Circle): Circle { + * @param {Circle} [optional] out Optional Circle object. If given the values will be set into the object, otherwise a brand new Circle object will be created and returned. + * @return {Phaser.Circle} + **/ + static clone(a: Phaser.Circle, out: Phaser.Circle = new Phaser.Circle): Phaser.Circle { return out.setTo(a.x, a.y, a.diameter); } /** - * Return true if the given x/y coordinates are within the Circle object. + * Return true if the given x/y coordinates are within the Circle object. * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. - * @method contains + * @method contains * @param {Circle} a - The Circle object. - * @param {Number} The X value of the coordinate to test. - * @param {Number} The Y value of the coordinate to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - static contains(a: Circle, x: number, y: number): boolean { + * @param {Number} The X value of the coordinate to test. + * @param {Number} The Y value of the coordinate to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + static contains(a: Phaser.Circle, x: number, y: number): boolean { // Check if x/y are within the bounds first if (x >= a.left && x <= a.right && y >= a.top && y <= a.bottom) @@ -44,44 +39,44 @@ module Phaser { var dy: number = (a.y - y) * (a.y - y); return (dx + dy) <= (a.radius * a.radius); } - + return false; } /** - * Return true if the coordinates of the given Point object are within this Circle object. + * Return true if the coordinates of the given Point object are within this Circle object. * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. - * @method containsPoint + * @method containsPoint * @param {Circle} a - The Circle object. - * @param {Point} The Point object to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - static containsPoint(a: Circle, point:Point): boolean { + * @param {Point} The Point object to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + static containsPoint(a: Phaser.Circle, point: Phaser.Point): boolean { return CircleUtils.contains(a, point.x, point.y); } /** - * Return true if the given Circle is contained entirely within this Circle object. + * Return true if the given Circle is contained entirely within this Circle object. * If you need details about the intersection then use Phaser.Intersect.circleToCircle instead. - * @method containsCircle - * @param {Circle} The Circle object to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - static containsCircle(a:Circle, b:Circle): boolean { + * @method containsCircle + * @param {Circle} The Circle object to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + static containsCircle(a: Phaser.Circle, b: Phaser.Circle): boolean { //return ((a.radius + b.radius) * (a.radius + b.radius)) >= Collision.distanceSquared(a.x, a.y, b.x, b.y); return true; } /** - * Returns the distance from the center of the Circle object to the given object (can be Circle, Point or anything with x/y properties) - * @method distanceBetween - * @param {Circle} a - The Circle object. - * @param {Circle} b - The target object. Must have visible x and y properties that represent the center of the object. - * @param {Boolean} [optional] round - Round the distance to the nearest integer (default false) - * @return {Number} The distance between this Point object and the destination Point object. - **/ - static distanceBetween(a:Circle, target: any, round: boolean = false): number { + * Returns the distance from the center of the Circle object to the given object (can be Circle, Point or anything with x/y properties) + * @method distanceBetween + * @param {Circle} a - The Circle object. + * @param {Circle} b - The target object. Must have visible x and y properties that represent the center of the object. + * @param {Boolean} [optional] round - Round the distance to the nearest integer (default false) + * @return {Number} The distance between this Point object and the destination Point object. + **/ + static distanceBetween(a: Phaser.Circle, target: any, round: boolean = false): number { var dx = a.x - target.x; var dy = a.y - target.y; @@ -98,42 +93,42 @@ module Phaser { } /** - * Determines whether the two Circle objects match. This method compares the x, y and diameter properties. - * @method equals + * Determines whether the two Circle objects match. This method compares the x, y and diameter properties. + * @method equals * @param {Circle} a - The first Circle object. * @param {Circle} b - The second Circle object. - * @return {Boolean} A value of true if the object has exactly the same values for the x, y and diameter properties as this Circle object; otherwise false. - **/ - static equals(a:Circle, b: Circle): boolean { + * @return {Boolean} A value of true if the object has exactly the same values for the x, y and diameter properties as this Circle object; otherwise false. + **/ + static equals(a: Phaser.Circle, b: Phaser.Circle): boolean { return (a.x == b.x && a.y == b.y && a.diameter == b.diameter); } /** - * Determines whether the two Circle objects intersect. + * Determines whether the two Circle objects intersect. * This method checks the radius distances between the two Circle objects to see if they intersect. - * @method intersects + * @method intersects * @param {Circle} a - The first Circle object. * @param {Circle} b - The second Circle object. - * @return {Boolean} A value of true if the specified object intersects with this Circle object; otherwise false. - **/ - static intersects(a:Circle, b: Circle): boolean { - return (CircleUtils.distanceBetween(a, b) <= (a.radius + b.radius)); + * @return {Boolean} A value of true if the specified object intersects with this Circle object; otherwise false. + **/ + static intersects(a: Phaser.Circle, b: Phaser.Circle): boolean { + return (Phaser.CircleUtils.distanceBetween(a, b) <= (a.radius + b.radius)); } /** - * Returns a Point object containing the coordinates of a point on the circumference of the Circle based on the given angle. - * @method circumferencePoint + * Returns a Point object containing the coordinates of a point on the circumference of the Circle based on the given angle. + * @method circumferencePoint * @param {Circle} a - The first Circle object. - * @param {Number} angle The angle in radians (unless asDegrees is true) to return the point from. - * @param {Boolean} asDegrees Is the given angle in radians (false) or degrees (true)? - * @param {Phaser.Point} [optional] output An optional Point object to put the result in to. If none specified a new Point object will be created. - * @return {Phaser.Point} The Point object holding the result. - **/ - static circumferencePoint(a:Circle, angle: number, asDegrees: boolean = false, out: Point = new Point): Point { + * @param {Number} angle The angle in radians (unless asDegrees is true) to return the point from. + * @param {Boolean} asDegrees Is the given angle in radians (false) or degrees (true)? + * @param {Phaser.Point} [optional] output An optional Point object to put the result in to. If none specified a new Point object will be created. + * @return {Phaser.Point} The Point object holding the result. + **/ + static circumferencePoint(a: Phaser.Circle, angle: number, asDegrees: boolean = false, out: Phaser.Point = new Phaser.Point): Phaser.Point { if (asDegrees === true) { - angle = angle * GameMath.DEG_TO_RAD; + angle = angle * Phaser.GameMath.DEG_TO_RAD; } return out.setTo(a.x + a.radius * Math.cos(angle), a.y + a.radius * Math.sin(angle)); @@ -141,29 +136,29 @@ module Phaser { } -/* -public static boolean intersect(Rectangle r, Circle c) -{ - float cx = Math.abs(c.x - r.x - r.halfWidth); - float xDist = r.halfWidth + c.radius; - if (cx > xDist) - return false; - float cy = Math.abs(c.y - r.y - r.halfHeight); - float yDist = r.halfHeight + c.radius; - if (cy > yDist) - return false; - if (cx <= r.halfWidth || cy <= r.halfHeight) - return true; - float xCornerDist = cx - r.halfWidth; - float yCornerDist = cy - r.halfHeight; - float xCornerDistSq = xCornerDist * xCornerDist; - float yCornerDistSq = yCornerDist * yCornerDist; - float maxCornerDistSq = c.radius * c.radius; - return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; -} - */ + /* + public static boolean intersect(Rectangle r, Circle c) + { + float cx = Math.abs(c.x - r.x - r.halfWidth); + float xDist = r.halfWidth + c.radius; + if (cx > xDist) + return false; + float cy = Math.abs(c.y - r.y - r.halfHeight); + float yDist = r.halfHeight + c.radius; + if (cy > yDist) + return false; + if (cx <= r.halfWidth || cy <= r.halfHeight) + return true; + float xCornerDist = cx - r.halfWidth; + float yCornerDist = cy - r.halfHeight; + float xCornerDistSq = xCornerDist * xCornerDist; + float yCornerDistSq = yCornerDist * yCornerDist; + float maxCornerDistSq = c.radius * c.radius; + return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + } + */ - static intersectsRectangle(c: Circle, r: Rectangle): boolean { + static intersectsRectangle(c: Phaser.Circle, r: Phaser.Rectangle): boolean { var cx: number = Math.abs(c.x - r.x - r.halfWidth); var xDist: number = r.halfWidth + c.radius; diff --git a/Phaser/utils/ColorUtils.ts b/Phaser/utils/ColorUtils.ts index ffd13dd7..92a8a8d0 100644 --- a/Phaser/utils/ColorUtils.ts +++ b/Phaser/utils/ColorUtils.ts @@ -1,7 +1,4 @@ -/// -/// -/// -/// +/// /** * Phaser - ColorUtils @@ -13,7 +10,7 @@ module Phaser { export class ColorUtils { - static game: Game; + static game: Phaser.Game; /** * Given an alpha and 3 color values this will return an integer representation of it @@ -55,7 +52,7 @@ module Phaser { for (var c: number = 0; c <= 359; c++) { - colors[c] = ColorUtils.getWebRGB(ColorUtils.HSVtoRGB(c, 1.0, 1.0, alpha)); + colors[c] = Phaser.ColorUtils.getWebRGB(Phaser.ColorUtils.HSVtoRGB(c, 1.0, 1.0, alpha)); } return colors; @@ -73,11 +70,11 @@ module Phaser { */ public static getComplementHarmony(color: number): number { - var hsv: any = ColorUtils.RGBtoHSV(color); + var hsv: any = Phaser.ColorUtils.RGBtoHSV(color); - var opposite: number = ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); + var opposite: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); - return ColorUtils.HSVtoRGB(opposite, 1.0, 1.0); + return Phaser.ColorUtils.HSVtoRGB(opposite, 1.0, 1.0); } @@ -93,17 +90,17 @@ module Phaser { */ public static getAnalogousHarmony(color: number, threshold: number = 30) { - var hsv: any = ColorUtils.RGBtoHSV(color); + var hsv: any = Phaser.ColorUtils.RGBtoHSV(color); if (threshold > 359 || threshold < 0) { throw Error("Color Warning: Invalid threshold given to getAnalogousHarmony()"); } - var warmer: number = ColorUtils.game.math.wrapValue(hsv.hue, 359 - threshold, 359); - var colder: number = ColorUtils.game.math.wrapValue(hsv.hue, threshold, 359); + var warmer: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 359 - threshold, 359); + var colder: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, threshold, 359); - return { color1: color, color2: ColorUtils.HSVtoRGB(warmer, 1.0, 1.0), color3: ColorUtils.HSVtoRGB(colder, 1.0, 1.0), hue1: hsv.hue, hue2: warmer, hue3: colder } + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(warmer, 1.0, 1.0), color3: Phaser.ColorUtils.HSVtoRGB(colder, 1.0, 1.0), hue1: hsv.hue, hue2: warmer, hue3: colder } } @@ -119,19 +116,19 @@ module Phaser { */ public static getSplitComplementHarmony(color: number, threshold: number = 30): any { - var hsv: any = ColorUtils.RGBtoHSV(color); + var hsv: any = Phaser.ColorUtils.RGBtoHSV(color); if (threshold >= 359 || threshold <= 0) { - throw Error("ColorUtils Warning: Invalid threshold given to getSplitComplementHarmony()"); + throw Error("Phaser.ColorUtils Warning: Invalid threshold given to getSplitComplementHarmony()"); } - var opposite: number = ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); + var opposite: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); - var warmer: number = ColorUtils.game.math.wrapValue(hsv.hue, opposite - threshold, 359); - var colder: number = ColorUtils.game.math.wrapValue(hsv.hue, opposite + threshold, 359); + var warmer: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, opposite - threshold, 359); + var colder: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, opposite + threshold, 359); - return { color1: color, color2: ColorUtils.HSVtoRGB(warmer, hsv.saturation, hsv.value), color3: ColorUtils.HSVtoRGB(colder, hsv.saturation, hsv.value), hue1: hsv.hue, hue2: warmer, hue3: colder } + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(warmer, hsv.saturation, hsv.value), color3: Phaser.ColorUtils.HSVtoRGB(colder, hsv.saturation, hsv.value), hue1: hsv.hue, hue2: warmer, hue3: colder } } /** @@ -145,12 +142,12 @@ module Phaser { */ public static getTriadicHarmony(color: number): any { - var hsv: any = ColorUtils.RGBtoHSV(color); + var hsv: any = Phaser.ColorUtils.RGBtoHSV(color); - var triadic1: number = ColorUtils.game.math.wrapValue(hsv.hue, 120, 359); - var triadic2: number = ColorUtils.game.math.wrapValue(triadic1, 120, 359); + var triadic1: number = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 120, 359); + var triadic2: number = Phaser.ColorUtils.game.math.wrapValue(triadic1, 120, 359); - return { color1: color, color2: ColorUtils.HSVtoRGB(triadic1, 1.0, 1.0), color3: ColorUtils.HSVtoRGB(triadic2, 1.0, 1.0) } + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(triadic1, 1.0, 1.0), color3: Phaser.ColorUtils.HSVtoRGB(triadic2, 1.0, 1.0) } } @@ -164,11 +161,11 @@ module Phaser { */ public static getColorInfo(color: number): string { - var argb: any = ColorUtils.getRGB(color); - var hsl: any = ColorUtils.RGBtoHSV(color); + var argb: any = Phaser.ColorUtils.getRGB(color); + var hsl: any = Phaser.ColorUtils.RGBtoHSV(color); // Hex format - var result: string = ColorUtils.RGBtoHexstring(color) + "\n"; + var result: string = Phaser.ColorUtils.RGBtoHexstring(color) + "\n"; // RGB format result = result.concat("Alpha: " + argb.alpha + " Red: " + argb.red + " Green: " + argb.green + " Blue: " + argb.blue) + "\n"; @@ -189,9 +186,9 @@ module Phaser { */ public static RGBtoHexstring(color: number): string { - var argb: any = ColorUtils.getRGB(color); + var argb: any = Phaser.ColorUtils.getRGB(color); - return "0x" + ColorUtils.colorToHexstring(argb.alpha) + ColorUtils.colorToHexstring(argb.red) + ColorUtils.colorToHexstring(argb.green) + ColorUtils.colorToHexstring(argb.blue); + return "0x" + Phaser.ColorUtils.colorToHexstring(argb.alpha) + Phaser.ColorUtils.colorToHexstring(argb.red) + Phaser.ColorUtils.colorToHexstring(argb.green) + Phaser.ColorUtils.colorToHexstring(argb.blue); } @@ -204,9 +201,9 @@ module Phaser { */ public static RGBtoWebstring(color: number): string { - var argb: any = ColorUtils.getRGB(color); + var argb: any = Phaser.ColorUtils.getRGB(color); - return "#" + ColorUtils.colorToHexstring(argb.red) + ColorUtils.colorToHexstring(argb.green) + ColorUtils.colorToHexstring(argb.blue); + return "#" + Phaser.ColorUtils.colorToHexstring(argb.red) + Phaser.ColorUtils.colorToHexstring(argb.green) + Phaser.ColorUtils.colorToHexstring(argb.blue); } @@ -246,7 +243,7 @@ module Phaser { if (s == 0.0) { - result = ColorUtils.getColor32(alpha, v * 255, v * 255, v * 255); + result = Phaser.ColorUtils.getColor32(alpha, v * 255, v * 255, v * 255); } else { @@ -259,31 +256,31 @@ module Phaser { switch (Math.floor(h)) { case 0: - result = ColorUtils.getColor32(alpha, v * 255, t * 255, p * 255); + result = Phaser.ColorUtils.getColor32(alpha, v * 255, t * 255, p * 255); break; case 1: - result = ColorUtils.getColor32(alpha, q * 255, v * 255, p * 255); + result = Phaser.ColorUtils.getColor32(alpha, q * 255, v * 255, p * 255); break; case 2: - result = ColorUtils.getColor32(alpha, p * 255, v * 255, t * 255); + result = Phaser.ColorUtils.getColor32(alpha, p * 255, v * 255, t * 255); break; case 3: - result = ColorUtils.getColor32(alpha, p * 255, q * 255, v * 255); + result = Phaser.ColorUtils.getColor32(alpha, p * 255, q * 255, v * 255); break; case 4: - result = ColorUtils.getColor32(alpha, t * 255, p * 255, v * 255); + result = Phaser.ColorUtils.getColor32(alpha, t * 255, p * 255, v * 255); break; case 5: - result = ColorUtils.getColor32(alpha, v * 255, p * 255, q * 255); + result = Phaser.ColorUtils.getColor32(alpha, v * 255, p * 255, q * 255); break; default: - throw new Error("ColorUtils.HSVtoRGB : Unknown color"); + throw new Error("Phaser.ColorUtils.HSVtoRGB : Unknown color"); } } @@ -300,7 +297,7 @@ module Phaser { */ public static RGBtoHSV(color: number): any { - var rgb: any = ColorUtils.getRGB(color); + var rgb: any = Phaser.ColorUtils.getRGB(color); var red: number = rgb.red / 255; var green: number = rgb.green / 255; @@ -379,14 +376,14 @@ module Phaser { */ public static interpolateColor(color1: number, color2: number, steps: number, currentStep: number, alpha: number = 255): number { - var src1: any = ColorUtils.getRGB(color1); - var src2: any = ColorUtils.getRGB(color2); + var src1: any = Phaser.ColorUtils.getRGB(color1); + var src2: any = Phaser.ColorUtils.getRGB(color2); var r: number = (((src2.red - src1.red) * currentStep) / steps) + src1.red; var g: number = (((src2.green - src1.green) * currentStep) / steps) + src1.green; var b: number = (((src2.blue - src1.blue) * currentStep) / steps) + src1.blue; - return ColorUtils.getColor32(alpha, r, g, b); + return Phaser.ColorUtils.getColor32(alpha, r, g, b); } @@ -404,13 +401,13 @@ module Phaser { */ public static interpolateColorWithRGB(color: number, r2: number, g2: number, b2: number, steps: number, currentStep: number): number { - var src: any = ColorUtils.getRGB(color); + var src: any = Phaser.ColorUtils.getRGB(color); var r: number = (((r2 - src.red) * currentStep) / steps) + src.red; var g: number = (((g2 - src.green) * currentStep) / steps) + src.green; var b: number = (((b2 - src.blue) * currentStep) / steps) + src.blue; - return ColorUtils.getColor(r, g, b); + return Phaser.ColorUtils.getColor(r, g, b); } @@ -434,7 +431,7 @@ module Phaser { var g: number = (((g2 - g1) * currentStep) / steps) + g1; var b: number = (((b2 - b1) * currentStep) / steps) + b1; - return ColorUtils.getColor(r, g, b); + return Phaser.ColorUtils.getColor(r, g, b); } @@ -454,19 +451,19 @@ module Phaser { // Sanity checks if (max > 255) { - return ColorUtils.getColor(255, 255, 255); + return Phaser.ColorUtils.getColor(255, 255, 255); } if (min > max) { - return ColorUtils.getColor(255, 255, 255); + return Phaser.ColorUtils.getColor(255, 255, 255); } var red: number = min + Math.round(Math.random() * (max - min)); var green: number = min + Math.round(Math.random() * (max - min)); var blue: number = min + Math.round(Math.random() * (max - min)); - return ColorUtils.getColor32(alpha, red, green, blue); + return Phaser.ColorUtils.getColor32(alpha, red, green, blue); } diff --git a/Phaser/utils/DebugUtils.ts b/Phaser/utils/DebugUtils.ts index 36caa69c..bbe08b07 100644 --- a/Phaser/utils/DebugUtils.ts +++ b/Phaser/utils/DebugUtils.ts @@ -1,9 +1,4 @@ -/// -/// -/// -/// -/// -/// +/// /** * Phaser - DebugUtils @@ -15,7 +10,7 @@ module Phaser { export class DebugUtils { - static game: Game; + static game: Phaser.Game; /** * The context to which the render debug info will be drawn. @@ -33,12 +28,12 @@ module Phaser { static start(x: number, y: number, color: string = 'rgb(255,255,255)') { - DebugUtils.currentX = x; - DebugUtils.currentY = y; - DebugUtils.currentColor = color; + Phaser.DebugUtils.currentX = x; + Phaser.DebugUtils.currentY = y; + Phaser.DebugUtils.currentColor = color; - DebugUtils.context.fillStyle = color; - DebugUtils.context.font = font; + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.font = Phaser.DebugUtils.font; } @@ -46,35 +41,35 @@ module Phaser { if (x !== null) { - DebugUtils.currentX = x; + Phaser.DebugUtils.currentX = x; } if (y !== null) { - DebugUtils.currentY = y; + Phaser.DebugUtils.currentY = y; } - if (renderShadow) + if (Phaser.DebugUtils.renderShadow) { - DebugUtils.context.fillStyle = 'rgb(0,0,0)'; - DebugUtils.context.fillText(text, DebugUtils.currentX + 1, DebugUtils.currentY + 1); - DebugUtils.context.fillStyle = DebugUtils.currentColor; + Phaser.DebugUtils.context.fillStyle = 'rgb(0,0,0)'; + Phaser.DebugUtils.context.fillText(text, Phaser.DebugUtils.currentX + 1, Phaser.DebugUtils.currentY + 1); + Phaser.DebugUtils.context.fillStyle = Phaser.DebugUtils.currentColor; } - DebugUtils.context.fillText(text, DebugUtils.currentX, DebugUtils.currentY); + Phaser.DebugUtils.context.fillText(text, Phaser.DebugUtils.currentX, Phaser.DebugUtils.currentY); - DebugUtils.currentY += lineHeight; + Phaser.DebugUtils.currentY += Phaser.DebugUtils.lineHeight; } - static renderSpriteCorners(sprite: Sprite, color: string = 'rgb(255,0,255)') { + static renderSpriteCorners(sprite: Phaser.Sprite, color: string = 'rgb(255,0,255)') { - start(0, 0, color); + Phaser.DebugUtils.start(0, 0, color); - line('x: ' + Math.floor(sprite.transform.upperLeft.x) + ' y: ' + Math.floor(sprite.transform.upperLeft.y), sprite.transform.upperLeft.x, sprite.transform.upperLeft.y); - line('x: ' + Math.floor(sprite.transform.upperRight.x) + ' y: ' + Math.floor(sprite.transform.upperRight.y), sprite.transform.upperRight.x, sprite.transform.upperRight.y); - line('x: ' + Math.floor(sprite.transform.bottomLeft.x) + ' y: ' + Math.floor(sprite.transform.bottomLeft.y), sprite.transform.bottomLeft.x, sprite.transform.bottomLeft.y); - line('x: ' + Math.floor(sprite.transform.bottomRight.x) + ' y: ' + Math.floor(sprite.transform.bottomRight.y), sprite.transform.bottomRight.x, sprite.transform.bottomRight.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.upperLeft.x) + ' y: ' + Math.floor(sprite.transform.upperLeft.y), sprite.transform.upperLeft.x, sprite.transform.upperLeft.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.upperRight.x) + ' y: ' + Math.floor(sprite.transform.upperRight.y), sprite.transform.upperRight.x, sprite.transform.upperRight.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomLeft.x) + ' y: ' + Math.floor(sprite.transform.bottomLeft.y), sprite.transform.bottomLeft.x, sprite.transform.bottomLeft.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomRight.x) + ' y: ' + Math.floor(sprite.transform.bottomRight.y), sprite.transform.bottomRight.x, sprite.transform.bottomRight.y); } @@ -84,22 +79,22 @@ module Phaser { * @param y {number} Y position of the debug info to be rendered. * @param [color] {number} color of the debug info to be rendered. (format is css color string) */ - static renderSoundInfo(sound: Sound, x: number, y: number, color: string = 'rgb(255,255,255)') { + static renderSoundInfo(sound: Phaser.Sound, x: number, y: number, color: string = 'rgb(255,255,255)') { - start(x, y, color); + Phaser.DebugUtils.start(x, y, color); - line('Sound: ' + sound.key + ' Locked: ' + sound.game.sound.touchLocked + ' Pending Playback: ' + sound.pendingPlayback); - line('Decoded: ' + sound.isDecoded + ' Decoding: ' + sound.isDecoding); - line('Total Duration: ' + sound.totalDuration + ' Playing: ' + sound.isPlaying); - line('Time: ' + sound.currentTime); - line('Volume: ' + sound.volume + ' Muted: ' + sound.mute); - line('WebAudio: ' + sound.usingWebAudio + ' Audio: ' + sound.usingAudioTag); + Phaser.DebugUtils.line('Sound: ' + sound.key + ' Locked: ' + sound.game.sound.touchLocked + ' Pending Playback: ' + sound.pendingPlayback); + Phaser.DebugUtils.line('Decoded: ' + sound.isDecoded + ' Decoding: ' + sound.isDecoding); + Phaser.DebugUtils.line('Total Duration: ' + sound.totalDuration + ' Playing: ' + sound.isPlaying); + Phaser.DebugUtils.line('Time: ' + sound.currentTime); + Phaser.DebugUtils.line('Volume: ' + sound.volume + ' Muted: ' + sound.mute); + Phaser.DebugUtils.line('WebAudio: ' + sound.usingWebAudio + ' Audio: ' + sound.usingAudioTag); if (sound.currentMarker !== '') { - line('Marker: ' + sound.currentMarker + ' Duration: ' + sound.duration); - line('Start: ' + sound.markers[sound.currentMarker].start + ' Stop: ' + sound.markers[sound.currentMarker].stop); - line('Position: ' + sound.position); + Phaser.DebugUtils.line('Marker: ' + sound.currentMarker + ' Duration: ' + sound.duration); + Phaser.DebugUtils.line('Start: ' + sound.markers[sound.currentMarker].start + ' Stop: ' + sound.markers[sound.currentMarker].stop); + Phaser.DebugUtils.line('Position: ' + sound.position); } } @@ -110,17 +105,17 @@ module Phaser { * @param y {number} Y position of the debug info to be rendered. * @param [color] {number} color of the debug info to be rendered. (format is css color string) */ - static renderCameraInfo(camera: Camera, x: number, y: number, color: string = 'rgb(255,255,255)') { + static renderCameraInfo(camera: Phaser.Camera, x: number, y: number, color: string = 'rgb(255,255,255)') { - start(x, y, color); - line('Camera ID: ' + camera.ID + ' (' + camera.screenView.width + ' x ' + camera.screenView.height + ')'); - line('X: ' + camera.x + ' Y: ' + camera.y + ' Rotation: ' + camera.transform.rotation); - line('WorldView X: ' + camera.worldView.x + ' Y: ' + camera.worldView.y + ' W: ' + camera.worldView.width + ' H: ' + camera.worldView.height); - line('ScreenView X: ' + camera.screenView.x + ' Y: ' + camera.screenView.y + ' W: ' + camera.screenView.width + ' H: ' + camera.screenView.height); + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Camera ID: ' + camera.ID + ' (' + camera.screenView.width + ' x ' + camera.screenView.height + ')'); + Phaser.DebugUtils.line('X: ' + camera.x + ' Y: ' + camera.y + ' Rotation: ' + camera.transform.rotation); + Phaser.DebugUtils.line('WorldView X: ' + camera.worldView.x + ' Y: ' + camera.worldView.y + ' W: ' + camera.worldView.width + ' H: ' + camera.worldView.height); + Phaser.DebugUtils.line('ScreenView X: ' + camera.screenView.x + ' Y: ' + camera.screenView.y + ' W: ' + camera.screenView.width + ' H: ' + camera.screenView.height); if (camera.worldBounds) { - line('Bounds: ' + camera.worldBounds.width + ' x ' + camera.worldBounds.height); + Phaser.DebugUtils.line('Bounds: ' + camera.worldBounds.width + ' x ' + camera.worldBounds.height); } } @@ -129,43 +124,43 @@ module Phaser { * Renders the Pointer.circle object onto the stage in green if down or red if up. * @method renderDebug */ - static renderPointer(pointer: Pointer, hideIfUp: boolean = false, downColor: string = 'rgba(0,255,0,0.5)', upColor: string = 'rgba(255,0,0,0.5)', color: string = 'rgb(255,255,255)') { + static renderPointer(pointer: Phaser.Pointer, hideIfUp: boolean = false, downColor: string = 'rgba(0,255,0,0.5)', upColor: string = 'rgba(255,0,0,0.5)', color: string = 'rgb(255,255,255)') { if (hideIfUp == true && pointer.isUp == true) { return; } - DebugUtils.context.beginPath(); - DebugUtils.context.arc(pointer.x, pointer.y, pointer.circle.radius, 0, Math.PI * 2); + Phaser.DebugUtils.context.beginPath(); + Phaser.DebugUtils.context.arc(pointer.x, pointer.y, pointer.circle.radius, 0, Math.PI * 2); if (pointer.active) { - DebugUtils.context.fillStyle = downColor; + Phaser.DebugUtils.context.fillStyle = downColor; } else { - DebugUtils.context.fillStyle = upColor; + Phaser.DebugUtils.context.fillStyle = upColor; } - DebugUtils.context.fill(); - DebugUtils.context.closePath(); + Phaser.DebugUtils.context.fill(); + Phaser.DebugUtils.context.closePath(); // Render the points - DebugUtils.context.beginPath(); - DebugUtils.context.moveTo(pointer.positionDown.x, pointer.positionDown.y); - DebugUtils.context.lineTo(pointer.position.x, pointer.position.y); - DebugUtils.context.lineWidth = 2; - DebugUtils.context.stroke(); - DebugUtils.context.closePath(); + Phaser.DebugUtils.context.beginPath(); + Phaser.DebugUtils.context.moveTo(pointer.positionDown.x, pointer.positionDown.y); + Phaser.DebugUtils.context.lineTo(pointer.position.x, pointer.position.y); + Phaser.DebugUtils.context.lineWidth = 2; + Phaser.DebugUtils.context.stroke(); + Phaser.DebugUtils.context.closePath(); // Render the text - start(pointer.x, pointer.y - 100, color); + Phaser.DebugUtils.start(pointer.x, pointer.y - 100, color); - line('ID: ' + pointer.id + " Active: " + pointer.active); - line('World X: ' + pointer.worldX + " World Y: " + pointer.worldY); - line('Screen X: ' + pointer.x + " Screen Y: " + pointer.y); - line('Duration: ' + pointer.duration + " ms"); + Phaser.DebugUtils.line('ID: ' + pointer.id + " Active: " + pointer.active); + Phaser.DebugUtils.line('World X: ' + pointer.worldX + " World Y: " + pointer.worldY); + Phaser.DebugUtils.line('Screen X: ' + pointer.x + " Screen Y: " + pointer.y); + Phaser.DebugUtils.line('Duration: ' + pointer.duration + " ms"); } @@ -175,15 +170,15 @@ module Phaser { * @param y {number} Y position of the debug info to be rendered. * @param [color] {number} color of the debug info to be rendered. (format is css color string) */ - static renderSpriteInputInfo(sprite: Sprite, x: number, y: number, color: string = 'rgb(255,255,255)') { + static renderSpriteInputInfo(sprite: Phaser.Sprite, x: number, y: number, color: string = 'rgb(255,255,255)') { - start(x, y, color); + Phaser.DebugUtils.start(x, y, color); - line('Sprite Input: (' + sprite.width + ' x ' + sprite.height + ')'); - line('x: ' + sprite.input.pointerX().toFixed(1) + ' y: ' + sprite.input.pointerY().toFixed(1)); - line('over: ' + sprite.input.pointerOver() + ' duration: ' + sprite.input.overDuration().toFixed(0)); - line('down: ' + sprite.input.pointerDown() + ' duration: ' + sprite.input.downDuration().toFixed(0)); - line('just over: ' + sprite.input.justOver() + ' just out: ' + sprite.input.justOut()); + Phaser.DebugUtils.line('Sprite Input: (' + sprite.width + ' x ' + sprite.height + ')'); + Phaser.DebugUtils.line('x: ' + sprite.input.pointerX().toFixed(1) + ' y: ' + sprite.input.pointerY().toFixed(1)); + Phaser.DebugUtils.line('over: ' + sprite.input.pointerOver() + ' duration: ' + sprite.input.overDuration().toFixed(0)); + Phaser.DebugUtils.line('down: ' + sprite.input.pointerDown() + ' duration: ' + sprite.input.downDuration().toFixed(0)); + Phaser.DebugUtils.line('just over: ' + sprite.input.justOver() + ' just out: ' + sprite.input.justOut()); } @@ -195,30 +190,30 @@ module Phaser { */ static renderInputInfo(x: number, y: number, color: string = 'rgb(255,255,255)') { - start(x, y, color); + Phaser.DebugUtils.start(x, y, color); - if (game.input.camera) + if (Phaser.DebugUtils.game.input.camera) { - line('Input - Camera: ' + game.input.camera.ID); + Phaser.DebugUtils.line('Input - Camera: ' + Phaser.DebugUtils.game.input.camera.ID); } else { - line('Input - Camera: null'); + Phaser.DebugUtils.line('Input - Camera: null'); } - line('X: ' + game.input.x + ' Y: ' + game.input.y); - line('World X: ' + game.input.worldX + ' World Y: ' + game.input.worldY); - line('Scale X: ' + game.input.scale.x.toFixed(1) + ' Scale Y: ' + game.input.scale.x.toFixed(1)); - line('Screen X: ' + game.input.activePointer.screenX + ' Screen Y: ' + game.input.activePointer.screenY); + Phaser.DebugUtils.line('X: ' + Phaser.DebugUtils.game.input.x + ' Y: ' + Phaser.DebugUtils.game.input.y); + Phaser.DebugUtils.line('World X: ' + Phaser.DebugUtils.game.input.worldX + ' World Y: ' + Phaser.DebugUtils.game.input.worldY); + Phaser.DebugUtils.line('Scale X: ' + Phaser.DebugUtils.game.input.scale.x.toFixed(1) + ' Scale Y: ' + Phaser.DebugUtils.game.input.scale.x.toFixed(1)); + Phaser.DebugUtils.line('Screen X: ' + Phaser.DebugUtils.game.input.activePointer.screenX + ' Screen Y: ' + Phaser.DebugUtils.game.input.activePointer.screenY); } - static renderSpriteWorldView(sprite: Sprite, x: number, y: number, color: string = 'rgb(255,255,255)') { + static renderSpriteWorldView(sprite: Phaser.Sprite, x: number, y: number, color: string = 'rgb(255,255,255)') { - start(x, y, color); - line('Sprite World Coords (' + sprite.width + ' x ' + sprite.height + ')'); - line('x: ' + sprite.worldView.x + ' y: ' + sprite.worldView.y); - line('bottom: ' + sprite.worldView.bottom + ' right: ' + sprite.worldView.right.toFixed(1)); + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Sprite World Coords (' + sprite.width + ' x ' + sprite.height + ')'); + Phaser.DebugUtils.line('x: ' + sprite.worldView.x + ' y: ' + sprite.worldView.y); + Phaser.DebugUtils.line('bottom: ' + sprite.worldView.bottom + ' right: ' + sprite.worldView.right.toFixed(1)); } @@ -228,61 +223,61 @@ module Phaser { * @param y {number} Y position of the debug info to be rendered. * @param [color] {number} color of the debug info to be rendered. (format is css color string) */ - static renderSpriteInfo(sprite: Sprite, x: number, y: number, color: string = 'rgb(255,255,255)') { + static renderSpriteInfo(sprite: Phaser.Sprite, x: number, y: number, color: string = 'rgb(255,255,255)') { - start(x, y, color); - line('Sprite: ' + ' (' + sprite.width + ' x ' + sprite.height + ') origin: ' + sprite.transform.origin.x + ' x ' + sprite.transform.origin.y); - line('x: ' + sprite.x.toFixed(1) + ' y: ' + sprite.y.toFixed(1) + ' rotation: ' + sprite.rotation.toFixed(1)); - line('wx: ' + sprite.worldView.x + ' wy: ' + sprite.worldView.y + ' ww: ' + sprite.worldView.width.toFixed(1) + ' wh: ' + sprite.worldView.height.toFixed(1) + ' wb: ' + sprite.worldView.bottom + ' wr: ' + sprite.worldView.right); - line('sx: ' + sprite.transform.scale.x.toFixed(1) + ' sy: ' + sprite.transform.scale.y.toFixed(1)); - line('tx: ' + sprite.texture.width.toFixed(1) + ' ty: ' + sprite.texture.height.toFixed(1)); - line('center x: ' + sprite.transform.center.x + ' y: ' + sprite.transform.center.y); - line('cameraView x: ' + sprite.cameraView.x + ' y: ' + sprite.cameraView.y + ' width: ' + sprite.cameraView.width + ' height: ' + sprite.cameraView.height); - line('inCamera: ' + DebugUtils.game.renderer.spriteRenderer.inCamera(DebugUtils.game.camera, sprite)); + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Sprite: ' + ' (' + sprite.width + ' x ' + sprite.height + ') origin: ' + sprite.transform.origin.x + ' x ' + sprite.transform.origin.y); + Phaser.DebugUtils.line('x: ' + sprite.x.toFixed(1) + ' y: ' + sprite.y.toFixed(1) + ' rotation: ' + sprite.rotation.toFixed(1)); + Phaser.DebugUtils.line('wx: ' + sprite.worldView.x + ' wy: ' + sprite.worldView.y + ' ww: ' + sprite.worldView.width.toFixed(1) + ' wh: ' + sprite.worldView.height.toFixed(1) + ' wb: ' + sprite.worldView.bottom + ' wr: ' + sprite.worldView.right); + Phaser.DebugUtils.line('sx: ' + sprite.transform.scale.x.toFixed(1) + ' sy: ' + sprite.transform.scale.y.toFixed(1)); + Phaser.DebugUtils.line('tx: ' + sprite.texture.width.toFixed(1) + ' ty: ' + sprite.texture.height.toFixed(1)); + Phaser.DebugUtils.line('center x: ' + sprite.transform.center.x + ' y: ' + sprite.transform.center.y); + Phaser.DebugUtils.line('cameraView x: ' + sprite.cameraView.x + ' y: ' + sprite.cameraView.y + ' width: ' + sprite.cameraView.width + ' height: ' + sprite.cameraView.height); + Phaser.DebugUtils.line('inCamera: ' + Phaser.DebugUtils.game.renderer.spriteRenderer.inCamera(Phaser.DebugUtils.game.camera, sprite)); } - static renderSpriteBounds(sprite: Sprite, camera: Camera = null, color: string = 'rgba(0,255,0,0.2)') { + static renderSpriteBounds(sprite: Phaser.Sprite, camera: Phaser.Camera = null, color: string = 'rgba(0,255,0,0.2)') { if (camera == null) { - camera = DebugUtils.game.camera; + camera = Phaser.DebugUtils.game.camera; } var dx = sprite.worldView.x; var dy = sprite.worldView.y; - DebugUtils.context.fillStyle = color; - DebugUtils.context.fillRect(dx, dy, sprite.width, sprite.height); + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.fillRect(dx, dy, sprite.width, sprite.height); } static renderPixel(x: number, y: number, fillStyle: string = 'rgba(0,255,0,1)') { - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.fillRect(x, y, 1, 1); + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(x, y, 1, 1); } static renderPoint(point: Phaser.Point, fillStyle: string = 'rgba(0,255,0,1)') { - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.fillRect(point.x, point.y, 1, 1); + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(point.x, point.y, 1, 1); } static renderRectangle(rect: Phaser.Rectangle, fillStyle: string = 'rgba(0,255,0,0.3)') { - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.fillRect(rect.x, rect.y, rect.width, rect.height); + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(rect.x, rect.y, rect.width, rect.height); } static renderCircle(circle: Phaser.Circle, fillStyle: string = 'rgba(0,255,0,0.3)') { - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.arc(circle.x, circle.y, circle.radius, 0, Math.PI * 2, false); - DebugUtils.context.fill(); + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.arc(circle.x, circle.y, circle.radius, 0, Math.PI * 2, false); + Phaser.DebugUtils.context.fill(); } @@ -294,9 +289,9 @@ module Phaser { */ static renderText(text: string, x: number, y: number, color: string = 'rgb(255,255,255)', font: string = '16px Courier') { - DebugUtils.context.font = font; - DebugUtils.context.fillStyle = color; - DebugUtils.context.fillText(text, x, y); + Phaser.DebugUtils.context.font = font; + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.fillText(text, x, y); } diff --git a/Phaser/utils/PointUtils.ts b/Phaser/utils/PointUtils.ts index cb7d12cc..0bb43bfa 100644 --- a/Phaser/utils/PointUtils.ts +++ b/Phaser/utils/PointUtils.ts @@ -1,5 +1,4 @@ -/// -/// +/// /** * Phaser - PointUtils @@ -21,7 +20,7 @@ module Phaser { * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - static add(a: Point, b: Point, out: Point = new Point): Point { + static add(a: Phaser.Point, b: Phaser.Point, out: Phaser.Point = new Phaser.Point): Phaser.Point { return out.setTo(a.x + b.x, a.y + b.y); } @@ -33,7 +32,7 @@ module Phaser { * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - static subtract(a: Point, b: Point, out: Point = new Point): Point { + static subtract(a: Phaser.Point, b: Phaser.Point, out: Phaser.Point = new Phaser.Point): Phaser.Point { return out.setTo(a.x - b.x, a.y - b.y); } @@ -45,7 +44,7 @@ module Phaser { * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - static multiply(a: Point, b: Point, out: Point = new Point): Point { + static multiply(a: Phaser.Point, b: Phaser.Point, out: Phaser.Point = new Phaser.Point): Phaser.Point { return out.setTo(a.x * b.x, a.y * b.y); } @@ -57,7 +56,7 @@ module Phaser { * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - static divide(a: Point, b: Point, out: Point = new Point): Point { + static divide(a: Phaser.Point, b: Phaser.Point, out: Phaser.Point = new Phaser.Point): Phaser.Point { return out.setTo(a.x / b.x, a.y / b.y); } @@ -69,10 +68,10 @@ module Phaser { * @param {number} The maximum value to clamp this Point to * @return {Point} This Point object. **/ - static clamp(a: Point, min: number, max: number): Point { + static clamp(a: Phaser.Point, min: number, max: number): Phaser.Point { - PointUtils.clampX(a, min, max); - PointUtils.clampY(a, min, max); + Phaser.PointUtils.clampX(a, min, max); + Phaser.PointUtils.clampY(a, min, max); return a; } @@ -85,7 +84,7 @@ module Phaser { * @param {number} The maximum value to clamp this Point to * @return {Point} This Point object. **/ - static clampX(a: Point, min: number, max: number): Point { + static clampX(a: Phaser.Point, min: number, max: number): Phaser.Point { a.x = Math.max(Math.min(a.x, max), min); return a; @@ -100,7 +99,7 @@ module Phaser { * @param {number} The maximum value to clamp this Point to * @return {Point} This Point object. **/ - static clampY(a: Point, min: number, max: number): Point { + static clampY(a: Phaser.Point, min: number, max: number): Phaser.Point { a.y = Math.max(Math.min(a.y, max), min); return a; @@ -113,7 +112,7 @@ module Phaser { * @param {Point} output Optional Point object. If given the values will be set into this object, otherwise a brand new Point object will be created and returned. * @return {Point} The new Point object. **/ - static clone(a: Point, output: Point = new Point): Point { + static clone(a: Phaser.Point, output: Phaser.Point = new Phaser.Point): Phaser.Point { return output.setTo(a.x, a.y); } @@ -125,7 +124,7 @@ module Phaser { * @param {Boolean} round - Round the distance to the nearest integer (default false) * @return {Number} The distance between the two Point objects. **/ - static distanceBetween(a: Point, b: Point, round: boolean = false): number { + static distanceBetween(a: Phaser.Point, b: Phaser.Point, round: boolean = false): number { var dx = a.x - b.x; var dy = a.y - b.y; @@ -148,7 +147,7 @@ module Phaser { * @param {Point} b - The second Point object. * @return {Boolean} A value of true if the Points are equal, otherwise false. **/ - static equals(a: Point, b: Point): boolean { + static equals(a: Phaser.Point, b: Phaser.Point): boolean { return (a.x == b.x && a.y == b.y); } @@ -184,11 +183,11 @@ module Phaser { * @param {Number} distance An optional distance constraint between the Point and the anchor. * @return The modified point object */ - static rotate(a: Point, x: number, y: number, angle: number, asDegrees: boolean = false, distance: number = null): Point { + static rotate(a: Phaser.Point, x: number, y: number, angle: number, asDegrees: boolean = false, distance: number = null): Phaser.Point { if (asDegrees) { - angle = angle * GameMath.DEG_TO_RAD; + angle = angle * Phaser.GameMath.DEG_TO_RAD; } // Get distance from origin (cx/cy) to this point @@ -212,8 +211,8 @@ module Phaser { * @param {Number} distance An optional distance constraint between the Point and the anchor. * @return The modified point object */ - static rotateAroundPoint(a: Point, b: Point, angle: number, asDegrees: boolean = false, distance: number = null): Point { - return PointUtils.rotate(a, b.x, b.y, angle, asDegrees, distance); + static rotateAroundPoint(a: Phaser.Point, b: Phaser.Point, angle: number, asDegrees: boolean = false, distance: number = null): Phaser.Point { + return Phaser.PointUtils.rotate(a, b.x, b.y, angle, asDegrees, distance); } } diff --git a/Phaser/utils/RectangleUtils.ts b/Phaser/utils/RectangleUtils.ts index 1828b88e..09f3859f 100644 --- a/Phaser/utils/RectangleUtils.ts +++ b/Phaser/utils/RectangleUtils.ts @@ -1,6 +1,4 @@ -/// -/// -/// +/// /** * Phaser - RectangleUtils @@ -21,7 +19,7 @@ module Phaser { * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - static getTopLeftAsPoint(a: Rectangle, out: Point = new Point): Point { + static getTopLeftAsPoint(a: Phaser.Rectangle, out: Phaser.Point = new Phaser.Point): Phaser.Point { return out.setTo(a.x, a.y); } @@ -32,7 +30,7 @@ module Phaser { * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - static getBottomRightAsPoint(a: Rectangle, out: Point = new Point): Point { + static getBottomRightAsPoint(a: Phaser.Rectangle, out: Phaser.Point = new Phaser.Point): Phaser.Point { return out.setTo(a.right, a.bottom); } @@ -44,7 +42,7 @@ module Phaser { * @param {Number} dy The amount to be added to the bottom side of the Rectangle. * @return {Rectangle} This Rectangle object. **/ - static inflate(a: Rectangle, dx: number, dy: number): Rectangle { + static inflate(a: Phaser.Rectangle, dx: number, dy: number): Phaser.Rectangle { a.x -= dx; a.width += 2 * dx; @@ -63,8 +61,8 @@ module Phaser { * @param {Point} point The x property of this Point object is used to increase the horizontal dimension of the Rectangle object. The y property is used to increase the vertical dimension of the Rectangle object. * @return {Rectangle} The Rectangle object. **/ - static inflatePoint(a: Rectangle, point: Point): Rectangle { - return RectangleUtils.inflate(a, point.x, point.y); + static inflatePoint(a: Phaser.Rectangle, point: Phaser.Point): Phaser.Rectangle { + return Phaser.RectangleUtils.inflate(a, point.x, point.y); } /** @@ -74,7 +72,7 @@ module Phaser { * @param {Point} output Optional Point object. If given the values will be set into the object, otherwise a brand new Point object will be created and returned. * @return {Point} The size of the Rectangle object **/ - static size(a: Rectangle, output: Point = new Point): Point { + static size(a: Phaser.Rectangle, output: Phaser.Point = new Phaser.Point): Phaser.Point { return output.setTo(a.width, a.height); } @@ -85,7 +83,7 @@ module Phaser { * @param {Rectangle} output Optional Rectangle object. If given the values will be set into the object, otherwise a brand new Rectangle object will be created and returned. * @return {Rectangle} **/ - static clone(a: Rectangle, output: Rectangle = new Rectangle): Rectangle { + static clone(a: Phaser.Rectangle, output: Phaser.Rectangle = new Phaser.Rectangle): Phaser.Rectangle { return output.setTo(a.x, a.y, a.width, a.height); } @@ -97,7 +95,7 @@ module Phaser { * @param {Number} y The y coordinate of the point to test. * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. **/ - static contains(a: Rectangle, x: number, y: number): boolean { + static contains(a: Phaser.Rectangle, x: number, y: number): boolean { return (x >= a.x && x <= a.right && y >= a.y && y <= a.bottom); } @@ -108,8 +106,8 @@ module Phaser { * @param {Point} point The point object being checked. Can be Point or any object with .x and .y values. * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. **/ - static containsPoint(a: Rectangle, point: Point): boolean { - return RectangleUtils.contains(a, point.x, point.y); + static containsPoint(a: Phaser.Rectangle, point: Phaser.Point): boolean { + return Phaser.RectangleUtils.contains(a, point.x, point.y); } /** @@ -120,7 +118,7 @@ module Phaser { * @param {Rectangle} b - The second Rectangle object. * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. **/ - static containsRect(a: Rectangle, b: Rectangle): boolean { + static containsRect(a: Phaser.Rectangle, b: Phaser.Rectangle): boolean { // If the given rect has a larger volume than this one then it can never contain it if (a.volume > b.volume) @@ -140,7 +138,7 @@ module Phaser { * @param {Rectangle} b - The second Rectangle object. * @return {Boolean} A value of true if the two Rectangles have exactly the same values for the x, y, width and height properties; otherwise false. **/ - static equals(a: Rectangle, b: Rectangle): boolean { + static equals(a: Phaser.Rectangle, b: Phaser.Rectangle): boolean { return (a.x == b.x && a.y == b.y && a.width == b.width && a.height == b.height); } @@ -152,9 +150,9 @@ module Phaser { * @param {Rectangle} output Optional Rectangle object. If given the intersection values will be set into this object, otherwise a brand new Rectangle object will be created and returned. * @return {Rectangle} A Rectangle object that equals the area of intersection. If the Rectangles do not intersect, this method returns an empty Rectangle object; that is, a Rectangle with its x, y, width, and height properties set to 0. **/ - static intersection(a: Rectangle, b: Rectangle, out: Rectangle = new Rectangle): Rectangle { + static intersection(a: Phaser.Rectangle, b: Phaser.Rectangle, out: Phaser.Rectangle = new Phaser.Rectangle): Phaser.Rectangle { - if (RectangleUtils.intersects(a, b)) + if (Phaser.RectangleUtils.intersects(a, b)) { out.x = Math.max(a.x, b.x); out.y = Math.max(a.y, b.y); @@ -175,7 +173,7 @@ module Phaser { * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 * @return {Boolean} A value of true if the specified object intersects with this Rectangle object; otherwise false. **/ - static intersects(a: Rectangle, b: Rectangle, tolerance: number = 0): boolean { + static intersects(a: Phaser.Rectangle, b: Phaser.Rectangle, tolerance: number = 0): boolean { return !(a.left > b.right + tolerance || a.right < b.left - tolerance || a.top > b.bottom + tolerance || a.bottom < b.top - tolerance); } @@ -189,7 +187,7 @@ module Phaser { * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 * @return {Boolean} A value of true if the specified object intersects with the Rectangle; otherwise false. **/ - static intersectsRaw(a: Rectangle, left: number, right: number, top: number, bottom: number, tolerance: number = 0): boolean { + static intersectsRaw(a: Phaser.Rectangle, left: number, right: number, top: number, bottom: number, tolerance: number = 0): boolean { return !(left > a.right + tolerance || right < a.left - tolerance || top > a.bottom + tolerance || bottom < a.top - tolerance); } @@ -201,7 +199,7 @@ module Phaser { * @param {Rectangle} output Optional Rectangle object. If given the new values will be set into this object, otherwise a brand new Rectangle object will be created and returned. * @return {Rectangle} A Rectangle object that is the union of the two Rectangles. **/ - static union(a: Rectangle, b: Rectangle, out: Rectangle = new Rectangle): Rectangle { + static union(a: Phaser.Rectangle, b: Phaser.Rectangle, out: Phaser.Rectangle = new Phaser.Rectangle): Phaser.Rectangle { return out.setTo(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.max(a.right, b.right), Math.max(a.bottom, b.bottom)); } diff --git a/Phaser/utils/SpriteUtils.ts b/Phaser/utils/SpriteUtils.ts index 4ebcbbc8..572af9fa 100644 --- a/Phaser/utils/SpriteUtils.ts +++ b/Phaser/utils/SpriteUtils.ts @@ -1,9 +1,4 @@ -/// -/// -/// -/// -/// -/// +/// /** * Phaser - SpriteUtils @@ -15,7 +10,7 @@ module Phaser { export class SpriteUtils { - static _tempPoint: Point; + static _tempPoint: Phaser.Point; static _sin: number; static _cos: number; @@ -25,7 +20,7 @@ module Phaser { * @param sprite {Sprite} The Sprite that will have its cameraView property modified * @return {Rectangle} A reference to the Sprite.cameraView property */ - static updateCameraView(camera: Camera, sprite: Sprite): Rectangle { + static updateCameraView(camera: Phaser.Camera, sprite: Phaser.Sprite): Phaser.Rectangle { if (sprite.rotation == 0 || sprite.texture.renderRotation == false) { @@ -40,21 +35,21 @@ module Phaser { // If the sprite is rotated around its center we can use this quicker method: if (sprite.transform.origin.x == 0.5 && sprite.transform.origin.y == 0.5) { - SpriteUtils._sin = sprite.transform.sin; - SpriteUtils._cos = sprite.transform.cos; + Phaser.SpriteUtils._sin = sprite.transform.sin; + Phaser.SpriteUtils._cos = sprite.transform.cos; - if (SpriteUtils._sin < 0) + if (Phaser.SpriteUtils._sin < 0) { - SpriteUtils._sin = -SpriteUtils._sin; + Phaser.SpriteUtils._sin = -Phaser.SpriteUtils._sin; } - if (SpriteUtils._cos < 0) + if (Phaser.SpriteUtils._cos < 0) { - SpriteUtils._cos = -SpriteUtils._cos; + Phaser.SpriteUtils._cos = -Phaser.SpriteUtils._cos; } - sprite.cameraView.width = Math.round(sprite.height * SpriteUtils._sin + sprite.width * SpriteUtils._cos); - sprite.cameraView.height = Math.round(sprite.height * SpriteUtils._cos + sprite.width * SpriteUtils._sin); + sprite.cameraView.width = Math.round(sprite.height * Phaser.SpriteUtils._sin + sprite.width * Phaser.SpriteUtils._cos); + sprite.cameraView.height = Math.round(sprite.height * Phaser.SpriteUtils._cos + sprite.width * Phaser.SpriteUtils._sin); sprite.cameraView.x = Math.round(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.cameraView.width * sprite.transform.origin.x)); sprite.cameraView.y = Math.round(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.cameraView.height * sprite.transform.origin.y)); } @@ -71,21 +66,21 @@ module Phaser { } - static getAsPoints(sprite: Sprite): Phaser.Point[] { + static getAsPoints(sprite: Phaser.Sprite): Phaser.Point[] { var out: Phaser.Point[] = []; // top left - out.push(new Point(sprite.x, sprite.y)); + out.push(new Phaser.Point(sprite.x, sprite.y)); // top right - out.push(new Point(sprite.x + sprite.width, sprite.y)); + out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y)); // bottom right - out.push(new Point(sprite.x + sprite.width, sprite.y + sprite.height)); + out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y + sprite.height)); // bottom left - out.push(new Point(sprite.x, sprite.y + sprite.height)); + out.push(new Phaser.Point(sprite.x, sprite.y + sprite.height)); return out; @@ -195,8 +190,8 @@ module Phaser { * * @return Whether or not the point overlaps this object. */ - static overlapsPoint(sprite: Sprite, point: Point): boolean { - return SpriteUtils.overlapsXY(sprite, point.x, point.y); + static overlapsPoint(sprite: Phaser.Sprite, point: Phaser.Point): boolean { + return Phaser.SpriteUtils.overlapsXY(sprite, point.x, point.y); } /** @@ -206,16 +201,16 @@ module Phaser { * * @return {boolean} Whether the object is on screen or not. */ - static onScreen(sprite: Sprite, camera: Camera = null): boolean { + static onScreen(sprite: Phaser.Sprite, camera: Phaser.Camera = null): boolean { if (camera == null) { camera = sprite.game.camera; } - SpriteUtils.getScreenXY(sprite, SpriteUtils._tempPoint, camera); + Phaser.SpriteUtils.getScreenXY(sprite, SpriteUtils._tempPoint, camera); - return (SpriteUtils._tempPoint.x + sprite.width > 0) && (SpriteUtils._tempPoint.x < camera.width) && (SpriteUtils._tempPoint.y + sprite.height > 0) && (SpriteUtils._tempPoint.y < camera.height); + return (Phaser.SpriteUtils._tempPoint.x + sprite.width > 0) && (Phaser.SpriteUtils._tempPoint.x < camera.width) && (Phaser.SpriteUtils._tempPoint.y + sprite.height > 0) && (Phaser.SpriteUtils._tempPoint.y < camera.height); } @@ -227,7 +222,7 @@ module Phaser { * * @return {Point} The Point you passed in, or a new Point if you didn't pass one, containing the screen X and Y position of this object. */ - static getScreenXY(sprite: Sprite, point: Point = null, camera: Camera = null): Point { + static getScreenXY(sprite: Phaser.Sprite, point: Phaser.Point = null, camera: Phaser.Camera = null): Phaser.Point { if (point == null) { @@ -236,7 +231,7 @@ module Phaser { if (camera == null) { - camera = this.game.camera; + camera = sprite.game.camera; } point.x = sprite.x - camera.x * sprite.transform.scrollFactor.x; @@ -269,7 +264,7 @@ module Phaser { * @param x {number} The new X position of this object. * @param y {number} The new Y position of this object. */ - static reset(sprite: Sprite, x: number, y: number) { + static reset(sprite: Phaser.Sprite, x: number, y: number) { sprite.revive(); //sprite.body.touching = Types.NONE; diff --git a/Phaser/web.Debug.config b/Phaser/web.Debug.config new file mode 100644 index 00000000..2e302f9f --- /dev/null +++ b/Phaser/web.Debug.config @@ -0,0 +1,30 @@ + + + + + + + + + + \ No newline at end of file diff --git a/Phaser/web.Release.config b/Phaser/web.Release.config new file mode 100644 index 00000000..c3584446 --- /dev/null +++ b/Phaser/web.Release.config @@ -0,0 +1,31 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/Phaser/web.config b/Phaser/web.config new file mode 100644 index 00000000..bfb640da --- /dev/null +++ b/Phaser/web.config @@ -0,0 +1,11 @@ + + + + + + + + \ No newline at end of file diff --git a/README.md b/README.md index 0aedba92..b39eea6f 100644 --- a/README.md +++ b/README.md @@ -30,10 +30,14 @@ Future Plans * Basic Window UI component (maybe a propogating Group?) * Add clip support + shape options to Texture Component. * Tilemap: remove tiles of a certain type, replace tile with sprite, change layer order +* Joypad support +* Gestures input class ToDo before release ------------------- +* Move embedded Phaser logo outside +* Put Device.getAll elsewhere (plugin? utils?) * Investigate bug re: tilemap collision and animation frames * Allow camera to directly render to the stage rather than hidden ctx (maybe does this by default? or have under Mobile Optimisations list) * Sprite collision events @@ -47,7 +51,6 @@ ToDo before release * Pixel-perfect click check * Check Flash atlas export is supported * DynamicTexture.setPixel needs to be swapped for a proper pixel put, not the filledRect it currently is. -* TypeScript 0.9.1 update! Latest Update ------------- @@ -157,7 +160,8 @@ V1.0.0 * Added Sprite.transform.centerOn(x,y) to quickly center a sprite on a coordinate without messing with the sprite origin and regardless of rotation. * Added Input.pollRate - this lets you limit how often Pointer events are handled (0 = every frame, 1 = every other frame, etc) * Renamed the 'init' function to 'preload'. It now calls load.start automatically. -* Added +* Entire framework updated for TypeScript 0.9.1 - what a mammoth amount of work that was! Sorry but not backward compatible. + V0.9.6 diff --git a/build/phaser.js b/Tests/phaser-debug.js similarity index 69% rename from build/phaser.js rename to Tests/phaser-debug.js index 9b3e45bb..f3d6b439 100644 --- a/build/phaser.js +++ b/Tests/phaser-debug.js @@ -1,4 +1,103 @@ -/// +/// +/** +* Phaser +* www.phaser.io +* +* v1.0.0 - August 12th 2013 +* +* A feature-packed 2D canvas game framework born from the firey pits of Flixel and Kiwi. +* +* Richard Davey (@photonstorm) +* +* Many thanks to Adam Saltsman (@ADAMATOMIC) for releasing Flixel, from both which Phaser +* and my love of game development took a lot of inspiration. +* +* "If you want your children to be intelligent, read them fairy tales." +* "If you want them to be more intelligent, read them more fairy tales." +* -- Albert Einstein +*/ +var Phaser; +(function (Phaser) { + Phaser.VERSION = 'Phaser version 1.0.0'; + + Phaser.GAMES = []; +})(Phaser || (Phaser = {})); +/// +var Phaser; +(function (Phaser) { + /** + * Constants used to define game object types (faster than doing typeof object checks in core loops) + */ + var Types = (function () { + function Types() { + } + Types.RENDERER_AUTO_DETECT = 0; + Types.RENDERER_HEADLESS = 1; + Types.RENDERER_CANVAS = 2; + Types.RENDERER_WEBGL = 3; + + Types.CAMERA_TYPE_ORTHOGRAPHIC = 0; + Types.CAMERA_TYPE_ISOMETRIC = 1; + + Types.CAMERA_FOLLOW_LOCKON = 0; + + Types.CAMERA_FOLLOW_PLATFORMER = 1; + + Types.CAMERA_FOLLOW_TOPDOWN = 2; + + Types.CAMERA_FOLLOW_TOPDOWN_TIGHT = 3; + + Types.GROUP = 0; + Types.SPRITE = 1; + Types.GEOMSPRITE = 2; + Types.PARTICLE = 3; + Types.EMITTER = 4; + Types.TILEMAP = 5; + Types.SCROLLZONE = 6; + Types.BUTTON = 7; + Types.DYNAMICTEXTURE = 8; + + Types.GEOM_POINT = 0; + Types.GEOM_CIRCLE = 1; + Types.GEOM_RECTANGLE = 2; + Types.GEOM_LINE = 3; + Types.GEOM_POLYGON = 4; + + Types.BODY_DISABLED = 0; + Types.BODY_STATIC = 1; + Types.BODY_KINETIC = 2; + Types.BODY_DYNAMIC = 3; + + Types.OUT_OF_BOUNDS_KILL = 0; + Types.OUT_OF_BOUNDS_DESTROY = 1; + Types.OUT_OF_BOUNDS_PERSIST = 2; + + Types.SORT_ASCENDING = -1; + + Types.SORT_DESCENDING = 1; + + Types.LEFT = 0x0001; + + Types.RIGHT = 0x0010; + + Types.UP = 0x0100; + + Types.DOWN = 0x1000; + + Types.NONE = 0; + + Types.CEILING = Phaser.Types.UP; + + Types.FLOOR = Phaser.Types.DOWN; + + Types.WALL = Phaser.Types.LEFT | Phaser.Types.RIGHT; + + Types.ANY = Phaser.Types.LEFT | Phaser.Types.RIGHT | Phaser.Types.UP | Phaser.Types.DOWN; + return Types; + })(); + Phaser.Types = Types; +})(Phaser || (Phaser = {})); +/// /** * Phaser - Point * @@ -20,48 +119,52 @@ var Phaser; this.x = x; this.y = y; } - Point.prototype.copyFrom = /** + /** * Copies the x and y properties from any given object to this Point. * @method copyFrom * @param {any} source - The object to copy from. * @return {Point} This Point object. **/ - function (source) { + Point.prototype.copyFrom = function (source) { return this.setTo(source.x, source.y); }; - Point.prototype.invert = /** + + /** * Inverts the x and y values of this Point * @method invert * @return {Point} This Point object. **/ - function () { + Point.prototype.invert = function () { return this.setTo(this.y, this.x); }; - Point.prototype.setTo = /** + + /** * Sets the x and y values of this MicroPoint object to the given coordinates. * @method setTo * @param {Number} x - The horizontal position of this point. * @param {Number} y - The vertical position of this point. * @return {MicroPoint} This MicroPoint object. Useful for chaining method calls. **/ - function (x, y) { + Point.prototype.setTo = function (x, y) { this.x = x; this.y = y; + return this; }; - Point.prototype.toString = /** + + /** * Returns a string representation of this object. * @method toString * @return {string} a string representation of the instance. **/ - function () { + Point.prototype.toString = function () { return '[{Point (x=' + this.x + ' y=' + this.y + ')}]'; }; return Point; })(); - Phaser.Point = Point; + Phaser.Point = Point; })(Phaser || (Phaser = {})); -/// +/// /** * Rectangle * @@ -105,6 +208,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Rectangle.prototype, "halfHeight", { get: /** * Half of the height of the Rectangle @@ -117,6 +221,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Rectangle.prototype, "bottom", { get: /** * The sum of the y and height properties. Changing the bottom property of a Rectangle object has no effect on the x, y and width properties, but does change the height property. @@ -132,7 +237,7 @@ var Phaser; * @param {Number} value **/ function (value) { - if(value <= this.y) { + if (value <= this.y) { this.height = 0; } else { this.height = (this.y - value); @@ -141,6 +246,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Rectangle.prototype, "bottomRight", { set: /** * Sets the bottom-right corner of the Rectangle, determined by the values of the given Point object. @@ -154,6 +261,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Rectangle.prototype, "left", { get: /** * The x coordinate of the left of the Rectangle. Changing the left property of a Rectangle object has no effect on the y and height properties. However it does affect the width property, whereas changing the x value does not affect the width property. @@ -170,16 +278,19 @@ var Phaser; * @param {Number} value **/ function (value) { - if(value >= this.right) { + if (value >= this.right) { this.width = 0; } else { this.width = this.right - value; } + this.x = value; }, enumerable: true, configurable: true }); + + Object.defineProperty(Rectangle.prototype, "right", { get: /** * The sum of the x and width properties. Changing the right property of a Rectangle object has no effect on the x, y and height properties. @@ -197,7 +308,7 @@ var Phaser; * @param {Number} value **/ function (value) { - if(value <= this.x) { + if (value <= this.x) { this.width = 0; } else { this.width = this.x + value; @@ -206,6 +317,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Rectangle.prototype, "volume", { get: /** * The volume of the Rectangle derived from width * height @@ -218,6 +331,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Rectangle.prototype, "perimeter", { get: /** * The perimeter size of the Rectangle. This is the sum of all 4 sides. @@ -230,6 +344,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Rectangle.prototype, "top", { get: /** * The y coordinate of the top of the Rectangle. Changing the top property of a Rectangle object has no effect on the x and width properties. @@ -247,7 +362,7 @@ var Phaser; * @param {Number} value **/ function (value) { - if(value >= this.bottom) { + if (value >= this.bottom) { this.height = 0; this.y = value; } else { @@ -257,6 +372,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Rectangle.prototype, "topLeft", { set: /** * The location of the Rectangles top-left corner, determined by the x and y coordinates of the Point. @@ -270,6 +387,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Rectangle.prototype, "empty", { get: /** * Determines whether or not this Rectangle object is empty. @@ -285,33 +403,38 @@ var Phaser; * @return {Rectangle} This Rectangle object **/ function (value) { - return this.setTo(0, 0, 0, 0); + this.setTo(0, 0, 0, 0); }, enumerable: true, configurable: true }); - Rectangle.prototype.offset = /** + + + /** * Adjusts the location of the Rectangle object, as determined by its top-left corner, by the specified amounts. * @method offset * @param {Number} dx Moves the x value of the Rectangle object by this amount. * @param {Number} dy Moves the y value of the Rectangle object by this amount. * @return {Rectangle} This Rectangle object. **/ - function (dx, dy) { + Rectangle.prototype.offset = function (dx, dy) { this.x += dx; this.y += dy; + return this; }; - Rectangle.prototype.offsetPoint = /** + + /** * Adjusts the location of the Rectangle object using a Point object as a parameter. This method is similar to the Rectangle.offset() method, except that it takes a Point object as a parameter. * @method offsetPoint * @param {Point} point A Point object to use to offset this Rectangle object. * @return {Rectangle} This Rectangle object. **/ - function (point) { + Rectangle.prototype.offsetPoint = function (point) { return this.offset(point.x, point.y); }; - Rectangle.prototype.setTo = /** + + /** * Sets the members of Rectangle to the specified values. * @method setTo * @param {Number} x The x coordinate of the top-left corner of the Rectangle. @@ -320,666 +443,47 @@ var Phaser; * @param {Number} height The height of the Rectangle in pixels. * @return {Rectangle} This Rectangle object **/ - function (x, y, width, height) { + Rectangle.prototype.setTo = function (x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; + return this; }; - Rectangle.prototype.floor = /** + + /** * Runs Math.floor() on both the x and y values of this Rectangle. * @method floor **/ - function () { + Rectangle.prototype.floor = function () { this.x = Math.floor(this.x); this.y = Math.floor(this.y); }; - Rectangle.prototype.copyFrom = /** + + /** * Copies the x, y, width and height properties from any given object to this Rectangle. * @method copyFrom * @param {any} source - The object to copy from. * @return {Rectangle} This Rectangle object. **/ - function (source) { + Rectangle.prototype.copyFrom = function (source) { return this.setTo(source.x, source.y, source.width, source.height); }; - Rectangle.prototype.toString = /** + + /** * Returns a string representation of this object. * @method toString * @return {string} a string representation of the instance. **/ - function () { + Rectangle.prototype.toString = function () { return "[{Rectangle (x=" + this.x + " y=" + this.y + " width=" + this.width + " height=" + this.height + " empty=" + this.empty + ")}]"; }; return Rectangle; })(); - Phaser.Rectangle = Rectangle; + Phaser.Rectangle = Rectangle; })(Phaser || (Phaser = {})); -/// -/** -* Phaser - LinkedList -* -* A miniature linked list class. Useful for optimizing time-critical or highly repetitive tasks! -*/ -var Phaser; -(function (Phaser) { - var LinkedList = (function () { - /** - * Creates a new link, and sets object and next to null. - */ - function LinkedList() { - this.object = null; - this.next = null; - } - LinkedList.prototype.destroy = /** - * Clean up memory. - */ - function () { - this.object = null; - if(this.next != null) { - this.next.destroy(); - } - this.next = null; - }; - return LinkedList; - })(); - Phaser.LinkedList = LinkedList; -})(Phaser || (Phaser = {})); -var __extends = this.__extends || function (d, b) { - function __() { this.constructor = d; } - __.prototype = b.prototype; - d.prototype = new __(); -}; -/// -/// -/// -/** -* Phaser - QuadTree -* -* A fairly generic quad tree structure for rapid overlap checks. QuadTree is also configured for single or dual list operation. -* You can add items either to its A list or its B list. When you do an overlap check, you can compare the A list to itself, -* or the A list against the B list. Handy for different things! -*/ -var Phaser; -(function (Phaser) { - var QuadTree = (function (_super) { - __extends(QuadTree, _super); - /** - * Instantiate a new Quad Tree node. - * - * @param {Number} x The X-coordinate of the point in space. - * @param {Number} y The Y-coordinate of the point in space. - * @param {Number} width Desired width of this node. - * @param {Number} height Desired height of this node. - * @param {Number} parent The parent branch or node. Pass null to create a root. - */ - function QuadTree(manager, x, y, width, height, parent) { - if (typeof parent === "undefined") { parent = null; } - _super.call(this, x, y, width, height); - QuadTree.physics = manager; - this._headA = this._tailA = new Phaser.LinkedList(); - this._headB = this._tailB = new Phaser.LinkedList(); - //Copy the parent's children (if there are any) - if(parent != null) { - if(parent._headA.object != null) { - this._iterator = parent._headA; - while(this._iterator != null) { - if(this._tailA.object != null) { - this._ot = this._tailA; - this._tailA = new Phaser.LinkedList(); - this._ot.next = this._tailA; - } - this._tailA.object = this._iterator.object; - this._iterator = this._iterator.next; - } - } - if(parent._headB.object != null) { - this._iterator = parent._headB; - while(this._iterator != null) { - if(this._tailB.object != null) { - this._ot = this._tailB; - this._tailB = new Phaser.LinkedList(); - this._ot.next = this._tailB; - } - this._tailB.object = this._iterator.object; - this._iterator = this._iterator.next; - } - } - } else { - QuadTree._min = (this.width + this.height) / (2 * QuadTree.divisions); - } - this._canSubdivide = (this.width > QuadTree._min) || (this.height > QuadTree._min); - //Set up comparison/sort helpers - this._northWestTree = null; - this._northEastTree = null; - this._southEastTree = null; - this._southWestTree = null; - this._leftEdge = this.x; - this._rightEdge = this.x + this.width; - this._halfWidth = this.width / 2; - this._midpointX = this._leftEdge + this._halfWidth; - this._topEdge = this.y; - this._bottomEdge = this.y + this.height; - this._halfHeight = this.height / 2; - this._midpointY = this._topEdge + this._halfHeight; - } - QuadTree.A_LIST = 0; - QuadTree.B_LIST = 1; - QuadTree.prototype.destroy = /** - * Clean up memory. - */ - function () { - this._tailA.destroy(); - this._tailB.destroy(); - this._headA.destroy(); - this._headB.destroy(); - this._tailA = null; - this._tailB = null; - this._headA = null; - this._headB = null; - if(this._northWestTree != null) { - this._northWestTree.destroy(); - } - if(this._northEastTree != null) { - this._northEastTree.destroy(); - } - if(this._southEastTree != null) { - this._southEastTree.destroy(); - } - if(this._southWestTree != null) { - this._southWestTree.destroy(); - } - this._northWestTree = null; - this._northEastTree = null; - this._southEastTree = null; - this._southWestTree = null; - QuadTree._object = null; - QuadTree._processingCallback = null; - QuadTree._notifyCallback = null; - }; - QuadTree.prototype.load = /** - * Load objects and/or groups into the quad tree, and register notify and processing callbacks. - * - * @param {} objectOrGroup1 Any object that is or extends IGameObject or Group. - * @param {} objectOrGroup2 Any object that is or extends IGameObject or Group. If null, the first parameter will be checked against itself. - * @param {Function} notifyCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject) that is called whenever two objects are found to overlap in world space, and either no processCallback is specified, or the processCallback returns true. - * @param {Function} processCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject):bool that is called whenever two objects are found to overlap in world space. The notifyCallback is only called if this function returns true. See GameObject.separate(). - * @param context The context in which the callbacks will be called - */ - function (objectOrGroup1, objectOrGroup2, notifyCallback, processCallback, context) { - if (typeof objectOrGroup2 === "undefined") { objectOrGroup2 = null; } - if (typeof notifyCallback === "undefined") { notifyCallback = null; } - if (typeof processCallback === "undefined") { processCallback = null; } - if (typeof context === "undefined") { context = null; } - this.add(objectOrGroup1, QuadTree.A_LIST); - if(objectOrGroup2 != null) { - this.add(objectOrGroup2, QuadTree.B_LIST); - QuadTree._useBothLists = true; - } else { - QuadTree._useBothLists = false; - } - QuadTree._notifyCallback = notifyCallback; - QuadTree._processingCallback = processCallback; - QuadTree._callbackContext = context; - }; - QuadTree.prototype.add = /** - * Call this function to add an object to the root of the tree. - * This function will recursively add all group members, but - * not the groups themselves. - * - * @param {} objectOrGroup GameObjects are just added, Groups are recursed and their applicable members added accordingly. - * @param {Number} list A uint flag indicating the list to which you want to add the objects. Options are QuadTree.A_LIST and QuadTree.B_LIST. - */ - function (objectOrGroup, list) { - QuadTree._list = list; - if(objectOrGroup.type == Phaser.Types.GROUP) { - this._i = 0; - this._members = objectOrGroup['members']; - this._l = objectOrGroup['length']; - while(this._i < this._l) { - this._basic = this._members[this._i++]; - if(this._basic != null && this._basic.exists) { - if(this._basic.type == Phaser.Types.GROUP) { - this.add(this._basic, list); - } else { - QuadTree._object = this._basic; - if(QuadTree._object.exists && QuadTree._object.body.allowCollisions) { - this.addObject(); - } - } - } - } - } else { - QuadTree._object = objectOrGroup; - if(QuadTree._object.exists && QuadTree._object.body.allowCollisions) { - this.addObject(); - } - } - }; - QuadTree.prototype.addObject = /** - * Internal function for recursively navigating and creating the tree - * while adding objects to the appropriate nodes. - */ - function () { - //If this quad (not its children) lies entirely inside this object, add it here - if(!this._canSubdivide || ((this._leftEdge >= QuadTree._object.body.bounds.x) && (this._rightEdge <= QuadTree._object.body.bounds.right) && (this._topEdge >= QuadTree._object.body.bounds.y) && (this._bottomEdge <= QuadTree._object.body.bounds.bottom))) { - this.addToList(); - return; - } - //See if the selected object fits completely inside any of the quadrants - if((QuadTree._object.body.bounds.x > this._leftEdge) && (QuadTree._object.body.bounds.right < this._midpointX)) { - if((QuadTree._object.body.bounds.y > this._topEdge) && (QuadTree._object.body.bounds.bottom < this._midpointY)) { - if(this._northWestTree == null) { - this._northWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._topEdge, this._halfWidth, this._halfHeight, this); - } - this._northWestTree.addObject(); - return; - } - if((QuadTree._object.body.bounds.y > this._midpointY) && (QuadTree._object.body.bounds.bottom < this._bottomEdge)) { - if(this._southWestTree == null) { - this._southWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._midpointY, this._halfWidth, this._halfHeight, this); - } - this._southWestTree.addObject(); - return; - } - } - if((QuadTree._object.body.bounds.x > this._midpointX) && (QuadTree._object.body.bounds.right < this._rightEdge)) { - if((QuadTree._object.body.bounds.y > this._topEdge) && (QuadTree._object.body.bounds.bottom < this._midpointY)) { - if(this._northEastTree == null) { - this._northEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._topEdge, this._halfWidth, this._halfHeight, this); - } - this._northEastTree.addObject(); - return; - } - if((QuadTree._object.body.bounds.y > this._midpointY) && (QuadTree._object.body.bounds.bottom < this._bottomEdge)) { - if(this._southEastTree == null) { - this._southEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._midpointY, this._halfWidth, this._halfHeight, this); - } - this._southEastTree.addObject(); - return; - } - } - //If it wasn't completely contained we have to check out the partial overlaps - if((QuadTree._object.body.bounds.right > this._leftEdge) && (QuadTree._object.body.bounds.x < this._midpointX) && (QuadTree._object.body.bounds.bottom > this._topEdge) && (QuadTree._object.body.bounds.y < this._midpointY)) { - if(this._northWestTree == null) { - this._northWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._topEdge, this._halfWidth, this._halfHeight, this); - } - this._northWestTree.addObject(); - } - if((QuadTree._object.body.bounds.right > this._midpointX) && (QuadTree._object.body.bounds.x < this._rightEdge) && (QuadTree._object.body.bounds.bottom > this._topEdge) && (QuadTree._object.body.bounds.y < this._midpointY)) { - if(this._northEastTree == null) { - this._northEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._topEdge, this._halfWidth, this._halfHeight, this); - } - this._northEastTree.addObject(); - } - if((QuadTree._object.body.bounds.right > this._midpointX) && (QuadTree._object.body.bounds.x < this._rightEdge) && (QuadTree._object.body.bounds.bottom > this._midpointY) && (QuadTree._object.body.bounds.y < this._bottomEdge)) { - if(this._southEastTree == null) { - this._southEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._midpointY, this._halfWidth, this._halfHeight, this); - } - this._southEastTree.addObject(); - } - if((QuadTree._object.body.bounds.right > this._leftEdge) && (QuadTree._object.body.bounds.x < this._midpointX) && (QuadTree._object.body.bounds.bottom > this._midpointY) && (QuadTree._object.body.bounds.y < this._bottomEdge)) { - if(this._southWestTree == null) { - this._southWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._midpointY, this._halfWidth, this._halfHeight, this); - } - this._southWestTree.addObject(); - } - }; - QuadTree.prototype.addToList = /** - * Internal function for recursively adding objects to leaf lists. - */ - function () { - if(QuadTree._list == QuadTree.A_LIST) { - if(this._tailA.object != null) { - this._ot = this._tailA; - this._tailA = new Phaser.LinkedList(); - this._ot.next = this._tailA; - } - this._tailA.object = QuadTree._object; - } else { - if(this._tailB.object != null) { - this._ot = this._tailB; - this._tailB = new Phaser.LinkedList(); - this._ot.next = this._tailB; - } - this._tailB.object = QuadTree._object; - } - if(!this._canSubdivide) { - return; - } - if(this._northWestTree != null) { - this._northWestTree.addToList(); - } - if(this._northEastTree != null) { - this._northEastTree.addToList(); - } - if(this._southEastTree != null) { - this._southEastTree.addToList(); - } - if(this._southWestTree != null) { - this._southWestTree.addToList(); - } - }; - QuadTree.prototype.execute = /** - * QuadTree's other main function. Call this after adding objects - * using QuadTree.load() to compare the objects that you loaded. - * - * @return {Boolean} Whether or not any overlaps were found. - */ - function () { - this._overlapProcessed = false; - if(this._headA.object != null) { - this._iterator = this._headA; - while(this._iterator != null) { - QuadTree._object = this._iterator.object; - if(QuadTree._useBothLists) { - QuadTree._iterator = this._headB; - } else { - QuadTree._iterator = this._iterator.next; - } - if(QuadTree._object.exists && (QuadTree._object.body.allowCollisions > 0) && (QuadTree._iterator != null) && (QuadTree._iterator.object != null) && QuadTree._iterator.object.exists && this.overlapNode()) { - this._overlapProcessed = true; - } - this._iterator = this._iterator.next; - } - } - //Advance through the tree by calling overlap on each child - if((this._northWestTree != null) && this._northWestTree.execute()) { - this._overlapProcessed = true; - } - if((this._northEastTree != null) && this._northEastTree.execute()) { - this._overlapProcessed = true; - } - if((this._southEastTree != null) && this._southEastTree.execute()) { - this._overlapProcessed = true; - } - if((this._southWestTree != null) && this._southWestTree.execute()) { - this._overlapProcessed = true; - } - return this._overlapProcessed; - }; - QuadTree.prototype.overlapNode = /** - * A private for comparing an object against the contents of a node. - * - * @return {Boolean} Whether or not any overlaps were found. - */ - function () { - //Walk the list and check for overlaps - this._overlapProcessed = false; - while(QuadTree._iterator != null) { - if(!QuadTree._object.exists || (QuadTree._object.body.allowCollisions <= 0)) { - break; - } - this._checkObject = QuadTree._iterator.object; - if((QuadTree._object === this._checkObject) || !this._checkObject.exists || (this._checkObject.body.allowCollisions <= 0)) { - QuadTree._iterator = QuadTree._iterator.next; - continue; - } - /* - if (QuadTree.physics.checkHullIntersection(QuadTree._object.body, this._checkObject.body)) - { - //Execute callback functions if they exist - if ((QuadTree._processingCallback == null) || QuadTree._processingCallback(QuadTree._object, this._checkObject)) - { - this._overlapProcessed = true; - } - - if (this._overlapProcessed && (QuadTree._notifyCallback != null)) - { - if (QuadTree._callbackContext !== null) - { - QuadTree._notifyCallback.call(QuadTree._callbackContext, QuadTree._object, this._checkObject); - } - else - { - QuadTree._notifyCallback(QuadTree._object, this._checkObject); - } - } - } - */ - QuadTree._iterator = QuadTree._iterator.next; - } - return this._overlapProcessed; - }; - return QuadTree; - })(Phaser.Rectangle); - Phaser.QuadTree = QuadTree; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Vec2 -* -* A Vector 2 -*/ -var Phaser; -(function (Phaser) { - var Vec2 = (function () { - /** - * Creates a new Vec2 object. - * @class Vec2 - * @constructor - * @param {Number} x The x position of the vector - * @param {Number} y The y position of the vector - * @return {Vec2} This object - **/ - function Vec2(x, y) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - this.x = x; - this.y = y; - return this; - } - Vec2.prototype.copyFrom = /** - * Copies the x and y properties from any given object to this Vec2. - * @method copyFrom - * @param {any} source - The object to copy from. - * @return {Vec2} This Vec2 object. - **/ - function (source) { - return this.setTo(source.x, source.y); - }; - Vec2.prototype.setTo = /** - * Sets the x and y properties of the Vector. - * @param {Number} x The x position of the vector - * @param {Number} y The y position of the vector - * @return {Vec2} This object - **/ - function (x, y) { - this.x = x; - this.y = y; - return this; - }; - Vec2.prototype.add = /** - * Add another vector to this one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - function (a) { - this.x += a.x; - this.y += a.y; - return this; - }; - Vec2.prototype.subtract = /** - * Subtract another vector from this one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - function (v) { - this.x -= v.x; - this.y -= v.y; - return this; - }; - Vec2.prototype.multiply = /** - * Multiply another vector with this one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - function (v) { - this.x *= v.x; - this.y *= v.y; - return this; - }; - Vec2.prototype.divide = /** - * Divide this vector by another one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - function (v) { - this.x /= v.x; - this.y /= v.y; - return this; - }; - Vec2.prototype.length = /** - * Get the length of this vector. - * - * @return {number} The length of this vector. - */ - function () { - return Math.sqrt((this.x * this.x) + (this.y * this.y)); - }; - Vec2.prototype.lengthSq = /** - * Get the length squared of this vector. - * - * @return {number} The length^2 of this vector. - */ - function () { - return (this.x * this.x) + (this.y * this.y); - }; - Vec2.prototype.normalize = /** - * Normalize this vector. - * - * @return {Vec2} This for chaining. - */ - function () { - var inv = (this.x != 0 || this.y != 0) ? 1 / Math.sqrt(this.x * this.x + this.y * this.y) : 0; - this.x *= inv; - this.y *= inv; - return this; - }; - Vec2.prototype.dot = /** - * The dot product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - function (a) { - return ((this.x * a.x) + (this.y * a.y)); - }; - Vec2.prototype.cross = /** - * The cross product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - function (a) { - return ((this.x * a.y) - (this.y * a.x)); - }; - Vec2.prototype.projectionLength = /** - * The projection magnitude of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - function (a) { - var den = a.dot(a); - if(den == 0) { - return 0; - } else { - return Math.abs(this.dot(a) / den); - } - }; - Vec2.prototype.angle = /** - * The angle between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - function (a) { - return Math.atan2(a.x * this.y - a.y * this.x, a.x * this.x + a.y * this.y); - }; - Vec2.prototype.scale = /** - * Scale this vector. - * - * @param {number} x The scaling factor in the x direction. - * @param {?number=} y The scaling factor in the y direction. If this is not specified, the x scaling factor will be used. - * @return {Vec2} This for chaining. - */ - function (x, y) { - this.x *= x; - this.y *= y || x; - return this; - }; - Vec2.prototype.multiplyByScalar = /** - * Multiply this vector by the given scalar. - * - * @param {number} scalar - * @return {Vec2} This for chaining. - */ - function (scalar) { - this.x *= scalar; - this.y *= scalar; - return this; - }; - Vec2.prototype.multiplyAddByScalar = /** - * Adds the given vector to this vector then multiplies by the given scalar. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {number} scalar - * @return {Vec2} This for chaining. - */ - function (a, scalar) { - this.x += a.x * scalar; - this.y += a.y * scalar; - return this; - }; - Vec2.prototype.divideByScalar = /** - * Divide this vector by the given scalar. - * - * @param {number} scalar - * @return {Vec2} This for chaining. - */ - function (scalar) { - this.x /= scalar; - this.y /= scalar; - return this; - }; - Vec2.prototype.reverse = /** - * Reverse this vector. - * - * @return {Vec2} This for chaining. - */ - function () { - this.x = -this.x; - this.y = -this.y; - return this; - }; - Vec2.prototype.equals = /** - * Check if both the x and y of this vector equal the given value. - * - * @return {Boolean} - */ - function (value) { - return (this.x == value && this.y == value); - }; - Vec2.prototype.toString = /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the object. - **/ - function () { - //return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; - return "x=" + this.x + " y=" + this.y; - }; - return Vec2; - })(); - Phaser.Vec2 = Vec2; -})(Phaser || (Phaser = {})); -/// +/// /** * Phaser - Circle * @@ -1032,7 +536,7 @@ var Phaser; * @param {Number} The diameter of the circle. **/ function (value) { - if(value > 0) { + if (value > 0) { this._diameter = value; this._radius = value * 0.5; } @@ -1040,6 +544,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Circle.prototype, "radius", { get: /** * The radius of the circle. The length of a line extending from the center of the circle to any point on the circle itself. The same as half the diameter. @@ -1055,7 +561,7 @@ var Phaser; * @param {Number} The radius of the circle. **/ function (value) { - if(value > 0) { + if (value > 0) { this._radius = value; this._diameter = value * 2; } @@ -1063,14 +569,17 @@ var Phaser; enumerable: true, configurable: true }); - Circle.prototype.circumference = /** + + + /** * The circumference of the circle. * @method circumference * @return {Number} **/ - function () { + Circle.prototype.circumference = function () { return 2 * (Math.PI * this._radius); }; + Object.defineProperty(Circle.prototype, "bottom", { get: /** * The sum of the y and radius properties. Changing the bottom property of a Circle object has no effect on the x and y properties, but does change the diameter. @@ -1086,7 +595,7 @@ var Phaser; * @param {Number} The value to adjust the height of the circle by. **/ function (value) { - if(value < this.y) { + if (value < this.y) { this._radius = 0; this._diameter = 0; } else { @@ -1096,6 +605,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Circle.prototype, "left", { get: /** * The x coordinate of the leftmost point of the circle. Changing the left property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. @@ -1111,7 +622,7 @@ var Phaser; * @param {Number} The value to adjust the position of the leftmost point of the circle by. **/ function (value) { - if(value > this.x) { + if (value > this.x) { this._radius = 0; this._diameter = 0; } else { @@ -1121,6 +632,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Circle.prototype, "right", { get: /** * The x coordinate of the rightmost point of the circle. Changing the right property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. @@ -1136,7 +649,7 @@ var Phaser; * @param {Number} The amount to adjust the diameter of the circle by. **/ function (value) { - if(value < this.x) { + if (value < this.x) { this._radius = 0; this._diameter = 0; } else { @@ -1146,6 +659,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Circle.prototype, "top", { get: /** * The sum of the y minus the radius property. Changing the top property of a Circle object has no effect on the x and y properties, but does change the diameter. @@ -1161,7 +676,7 @@ var Phaser; * @param {Number} The amount to adjust the height of the circle by. **/ function (value) { - if(value > this.y) { + if (value > this.y) { this._radius = 0; this._diameter = 0; } else { @@ -1171,6 +686,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Circle.prototype, "area", { get: /** * Gets the area of this Circle. @@ -1178,7 +695,7 @@ var Phaser; * @return {Number} This area of this circle. **/ function () { - if(this._radius > 0) { + if (this._radius > 0) { return Math.PI * this._radius * this._radius; } else { return 0; @@ -1187,7 +704,8 @@ var Phaser; enumerable: true, configurable: true }); - Circle.prototype.setTo = /** + + /** * Sets the members of Circle to the specified values. * @method setTo * @param {Number} x The x coordinate of the center of the circle. @@ -1195,22 +713,25 @@ var Phaser; * @param {Number} diameter The diameter of the circle in pixels. * @return {Circle} This circle object **/ - function (x, y, diameter) { + Circle.prototype.setTo = function (x, y, diameter) { this.x = x; this.y = y; this._diameter = diameter; this._radius = diameter * 0.5; + return this; }; - Circle.prototype.copyFrom = /** + + /** * Copies the x, y and diameter properties from any given object to this Circle. * @method copyFrom * @param {any} source - The object to copy from. * @return {Circle} This Circle object. **/ - function (source) { + Circle.prototype.copyFrom = function (source) { return this.setTo(source.x, source.y, source.diameter); }; + Object.defineProperty(Circle.prototype, "empty", { get: /** * Determines whether or not this Circle object is empty. @@ -1226,1383 +747,1889 @@ var Phaser; * @return {Circle} This Circle object **/ function (value) { - return this.setTo(0, 0, 0); + this.setTo(0, 0, 0); }, enumerable: true, configurable: true }); - Circle.prototype.offset = /** + + + /** * Adjusts the location of the Circle object, as determined by its center coordinate, by the specified amounts. * @method offset * @param {Number} dx Moves the x value of the Circle object by this amount. * @param {Number} dy Moves the y value of the Circle object by this amount. * @return {Circle} This Circle object. **/ - function (dx, dy) { + Circle.prototype.offset = function (dx, dy) { this.x += dx; this.y += dy; + return this; }; - Circle.prototype.offsetPoint = /** + + /** * Adjusts the location of the Circle object using a Point object as a parameter. This method is similar to the Circle.offset() method, except that it takes a Point object as a parameter. * @method offsetPoint * @param {Point} point A Point object to use to offset this Circle object. * @return {Circle} This Circle object. **/ - function (point) { + Circle.prototype.offsetPoint = function (point) { return this.offset(point.x, point.y); }; - Circle.prototype.toString = /** + + /** * Returns a string representation of this object. * @method toString * @return {string} a string representation of the instance. **/ - function () { + Circle.prototype.toString = function () { return "[{Circle (x=" + this.x + " y=" + this.y + " diameter=" + this.diameter + " radius=" + this.radius + ")}]"; }; return Circle; })(); - Phaser.Circle = Circle; + Phaser.Circle = Circle; })(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /** - * Constants used to define game object types (faster than doing typeof object checks in core loops) - */ - var Types = (function () { - function Types() { } - Types.RENDERER_AUTO_DETECT = 0; - Types.RENDERER_HEADLESS = 1; - Types.RENDERER_CANVAS = 2; - Types.RENDERER_WEBGL = 3; - Types.CAMERA_TYPE_ORTHOGRAPHIC = 0; - Types.CAMERA_TYPE_ISOMETRIC = 1; - Types.CAMERA_FOLLOW_LOCKON = 0; - Types.CAMERA_FOLLOW_PLATFORMER = 1; - Types.CAMERA_FOLLOW_TOPDOWN = 2; - Types.CAMERA_FOLLOW_TOPDOWN_TIGHT = 3; - Types.GROUP = 0; - Types.SPRITE = 1; - Types.GEOMSPRITE = 2; - Types.PARTICLE = 3; - Types.EMITTER = 4; - Types.TILEMAP = 5; - Types.SCROLLZONE = 6; - Types.BUTTON = 7; - Types.GEOM_POINT = 0; - Types.GEOM_CIRCLE = 1; - Types.GEOM_RECTANGLE = 2; - Types.GEOM_LINE = 3; - Types.GEOM_POLYGON = 4; - Types.BODY_DISABLED = 0; - Types.BODY_STATIC = 1; - Types.BODY_KINETIC = 2; - Types.BODY_DYNAMIC = 3; - Types.OUT_OF_BOUNDS_KILL = 0; - Types.OUT_OF_BOUNDS_DESTROY = 1; - Types.OUT_OF_BOUNDS_PERSIST = 2; - Types.LEFT = 0x0001; - Types.RIGHT = 0x0010; - Types.UP = 0x0100; - Types.DOWN = 0x1000; - Types.NONE = 0; - Types.CEILING = Types.UP; - Types.FLOOR = Types.DOWN; - Types.WALL = Types.LEFT | Types.RIGHT; - Types.ANY = Types.LEFT | Types.RIGHT | Types.UP | Types.DOWN; - return Types; - })(); - Phaser.Types = Types; -})(Phaser || (Phaser = {})); -/// +/// /** -* Phaser - AnimationLoader +* Phaser - Line * -* Responsible for parsing sprite sheet and JSON data into the internal FrameData format that Phaser uses for animations. +* A Line object is an infinte line through space. The two sets of x/y coordinates define the Line Segment. */ var Phaser; (function (Phaser) { - var AnimationLoader = (function () { - function AnimationLoader() { } - AnimationLoader.parseSpriteSheet = /** - * Parse a sprite sheet from asset data. - * @param key {string} Asset key for the sprite sheet data. - * @param frameWidth {number} Width of animation frame. - * @param frameHeight {number} Height of animation frame. - * @param frameMax {number} Number of animation frames. - * @return {FrameData} Generated FrameData object. - */ - function parseSpriteSheet(game, key, frameWidth, frameHeight, frameMax) { - // How big is our image? - var img = game.cache.getImage(key); - if(img == null) { - return null; - } - var width = img.width; - var height = img.height; - var row = Math.round(width / frameWidth); - var column = Math.round(height / frameHeight); - var total = row * column; - if(frameMax !== -1) { - total = frameMax; - } - // Zero or smaller than frame sizes? - if(width == 0 || height == 0 || width < frameWidth || height < frameHeight || total === 0) { - throw new Error("AnimationLoader.parseSpriteSheet: width/height zero or width/height < given frameWidth/frameHeight"); - return null; - } - // Let's create some frames then - var data = new Phaser.FrameData(); - var x = 0; - var y = 0; - for(var i = 0; i < total; i++) { - data.addFrame(new Phaser.Frame(x, y, frameWidth, frameHeight, '')); - x += frameWidth; - if(x === width) { - x = 0; - y += frameHeight; - } - } - return data; - }; - AnimationLoader.parseJSONData = /** - * Parse frame datas from json. - * @param json {object} Json data you want to parse. - * @return {FrameData} Generated FrameData object. - */ - function parseJSONData(game, json) { - // Malformed? - if(!json['frames']) { - console.log(json); - throw new Error("Phaser.AnimationLoader.parseJSONData: Invalid Texture Atlas JSON given, missing 'frames' array"); - } - // Let's create some frames then - var data = new Phaser.FrameData(); - // By this stage frames is a fully parsed array - var frames = json['frames']; - var newFrame; - for(var i = 0; i < frames.length; i++) { - newFrame = data.addFrame(new Phaser.Frame(frames[i].frame.x, frames[i].frame.y, frames[i].frame.w, frames[i].frame.h, frames[i].filename)); - newFrame.setTrim(frames[i].trimmed, frames[i].sourceSize.w, frames[i].sourceSize.h, frames[i].spriteSourceSize.x, frames[i].spriteSourceSize.y, frames[i].spriteSourceSize.w, frames[i].spriteSourceSize.h); - } - return data; - }; - AnimationLoader.parseXMLData = function parseXMLData(game, xml, format) { - // Malformed? - if(!xml.getElementsByTagName('TextureAtlas')) { - throw new Error("Phaser.AnimationLoader.parseXMLData: Invalid Texture Atlas XML given, missing tag"); - } - // Let's create some frames then - var data = new Phaser.FrameData(); - var frames = xml.getElementsByTagName('SubTexture'); - var newFrame; - for(var i = 0; i < frames.length; i++) { - var frame = frames[i].attributes; - newFrame = data.addFrame(new Phaser.Frame(frame.x.nodeValue, frame.y.nodeValue, frame.width.nodeValue, frame.height.nodeValue, frame.name.nodeValue)); - // Trimmed? - if(frame.frameX.nodeValue != '-0' || frame.frameY.nodeValue != '-0') { - newFrame.setTrim(true, frame.width.nodeValue, frame.height.nodeValue, Math.abs(frame.frameX.nodeValue), Math.abs(frame.frameY.nodeValue), frame.frameWidth.nodeValue, frame.frameHeight.nodeValue); - } - } - return data; - }; - return AnimationLoader; - })(); - Phaser.AnimationLoader = AnimationLoader; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Frame -* -* A Frame is a single frame of an animation and is part of a FrameData collection. -*/ -var Phaser; -(function (Phaser) { - var Frame = (function () { + var Line = (function () { /** - * Frame constructor - * Create a new Frame with specific position, size and name. * - * @param x {number} X position within the image to cut from. - * @param y {number} Y position within the image to cut from. - * @param width {number} Width of the frame. - * @param height {number} Height of the frame. - * @param name {string} Name of this frame. + * @constructor + * @param {Number} x1 + * @param {Number} y1 + * @param {Number} x2 + * @param {Number} y2 + * @return {Phaser.Line} This Object */ - function Frame(x, y, width, height, name) { + function Line(x1, y1, x2, y2) { + if (typeof x1 === "undefined") { x1 = 0; } + if (typeof y1 === "undefined") { y1 = 0; } + if (typeof x2 === "undefined") { x2 = 0; } + if (typeof y2 === "undefined") { y2 = 0; } /** - * Useful for Texture Atlas files. (is set to the filename value) + * + * @property x1 + * @type {Number} */ - this.name = ''; + this.x1 = 0; /** - * Rotated? (not yet implemented) + * + * @property y1 + * @type {Number} */ - this.rotated = false; + this.y1 = 0; /** - * Either cw or ccw, rotation is always 90 degrees. + * + * @property x2 + * @type {Number} */ - this.rotationDirection = 'cw'; - //console.log('Creating Frame', name, 'x', x, 'y', y, 'width', width, 'height', height); - this.x = x; - this.y = y; - this.width = width; - this.height = height; - this.name = name; - this.rotated = false; - this.trimmed = false; + this.x2 = 0; + /** + * + * @property y2 + * @type {Number} + */ + this.y2 = 0; + this.setTo(x1, y1, x2, y2); } - Frame.prototype.setRotation = /** - * Set rotation of this frame. (Not yet supported!) - */ - function (rotated, rotationDirection) { - // Not yet supported - }; - Frame.prototype.setTrim = /** - * Set trim of the frame. - * @param trimmed {boolean} Whether this frame trimmed or not. - * @param actualWidth {number} Actual width of this frame. - * @param actualHeight {number} Actual height of this frame. - * @param destX {number} Destination x position. - * @param destY {number} Destination y position. - * @param destWidth {number} Destination draw width. - * @param destHeight {number} Destination draw height. - */ - function (trimmed, actualWidth, actualHeight, destX, destY, destWidth, destHeight) { - //console.log('setTrim', trimmed, 'aw', actualWidth, 'ah', actualHeight, 'dx', destX, 'dy', destY, 'dw', destWidth, 'dh', destHeight); - this.trimmed = trimmed; - if(trimmed) { - this.width = actualWidth; - this.height = actualHeight; - this.sourceSizeW = actualWidth; - this.sourceSizeH = actualHeight; - this.spriteSourceSizeX = destX; - this.spriteSourceSizeY = destY; - this.spriteSourceSizeW = destWidth; - this.spriteSourceSizeH = destHeight; - } - }; - return Frame; - })(); - Phaser.Frame = Frame; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - FrameData -* -* FrameData is a container for Frame objects, the internal representation of animation data in Phaser. -*/ -var Phaser; -(function (Phaser) { - var FrameData = (function () { /** - * FrameData constructor + * + * @method clone + * @param {Phaser.Line} [output] + * @return {Phaser.Line} */ - function FrameData() { - this._frames = []; - this._frameNames = []; - } - Object.defineProperty(FrameData.prototype, "total", { + Line.prototype.clone = function (output) { + if (typeof output === "undefined") { output = new Line(); } + return output.setTo(this.x1, this.y1, this.x2, this.y2); + }; + + /** + * + * @method copyFrom + * @param {Phaser.Line} source + * @return {Phaser.Line} + */ + Line.prototype.copyFrom = function (source) { + return this.setTo(source.x1, source.y1, source.x2, source.y2); + }; + + /** + * + * @method copyTo + * @param {Phaser.Line} target + * @return {Phaser.Line} + */ + Line.prototype.copyTo = function (target) { + return target.copyFrom(this); + }; + + /** + * + * @method setTo + * @param {Number} x1 + * @param {Number} y1 + * @param {Number} x2 + * @param {Number} y2 + * @return {Phaser.Line} + */ + Line.prototype.setTo = function (x1, y1, x2, y2) { + if (typeof x1 === "undefined") { x1 = 0; } + if (typeof y1 === "undefined") { y1 = 0; } + if (typeof x2 === "undefined") { x2 = 0; } + if (typeof y2 === "undefined") { y2 = 0; } + this.x1 = x1; + this.y1 = y1; + this.x2 = x2; + this.y2 = y2; + + return this; + }; + + Object.defineProperty(Line.prototype, "width", { get: function () { - return this._frames.length; + return Math.max(this.x1, this.x2) - Math.min(this.x1, this.x2); }, enumerable: true, configurable: true }); - FrameData.prototype.addFrame = /** - * Add a new frame. - * @param frame {Frame} The frame you want to add. - * @return {Frame} The frame you just added. + + Object.defineProperty(Line.prototype, "height", { + get: function () { + return Math.max(this.y1, this.y2) - Math.min(this.y1, this.y2); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "length", { + get: /** + * + * @method length + * @return {Number} + */ + function () { + return Math.sqrt((this.x2 - this.x1) * (this.x2 - this.x1) + (this.y2 - this.y1) * (this.y2 - this.y1)); + }, + enumerable: true, + configurable: true + }); + + /** + * + * @method getY + * @param {Number} x + * @return {Number} */ - function (frame) { - frame.index = this._frames.length; - this._frames.push(frame); - if(frame.name !== '') { - this._frameNames[frame.name] = frame.index; - } - return frame; + Line.prototype.getY = function (x) { + return this.slope * x + this.yIntercept; }; - FrameData.prototype.getFrame = /** - * Get a frame by its index. - * @param index {number} Index of the frame you want to get. - * @return {Frame} The frame you want. + + Object.defineProperty(Line.prototype, "angle", { + get: /** + * + * @method angle + * @return {Number} + */ + function () { + return Math.atan2(this.x2 - this.x1, this.y2 - this.y1); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "slope", { + get: /** + * + * @method slope + * @return {Number} + */ + function () { + return (this.y2 - this.y1) / (this.x2 - this.x1); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "perpSlope", { + get: /** + * + * @method perpSlope + * @return {Number} + */ + function () { + return -((this.x2 - this.x1) / (this.y2 - this.y1)); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "yIntercept", { + get: /** + * + * @method yIntercept + * @return {Number} + */ + function () { + return (this.y1 - this.slope * this.x1); + }, + enumerable: true, + configurable: true + }); + + /** + * + * @method isPointOnLine + * @param {Number} x + * @param {Number} y + * @return {Boolean} */ - function (index) { - if(this._frames[index]) { - return this._frames[index]; - } - return null; - }; - FrameData.prototype.getFrameByName = /** - * Get a frame by its name. - * @param name {string} Name of the frame you want to get. - * @return {Frame} The frame you want. - */ - function (name) { - if(this._frameNames[name] !== '') { - return this._frames[this._frameNames[name]]; - } - return null; - }; - FrameData.prototype.checkFrameName = /** - * Check whether there's a frame with given name. - * @param name {string} Name of the frame you want to check. - * @return {boolean} True if frame with given name found, otherwise return false. - */ - function (name) { - if(this._frameNames[name] == null) { + Line.prototype.isPointOnLine = function (x, y) { + if ((x - this.x1) * (this.y2 - this.y1) === (this.x2 - this.x1) * (y - this.y1)) { + return true; + } else { return false; } - return true; }; - FrameData.prototype.getFrameRange = /** - * Get ranges of frames in an array. - * @param start {number} Start index of frames you want. - * @param end {number} End index of frames you want. - * @param [output] {Frame[]} result will be added into this array. - * @return {Frame[]} Ranges of specific frames in an array. + + /** + * + * @method isPointOnLineSegment + * @param {Number} x + * @param {Number} y + * @return {Boolean} */ - function (start, end, output) { - if (typeof output === "undefined") { output = []; } - for(var i = start; i <= end; i++) { - output.push(this._frames[i]); - } - return output; - }; - FrameData.prototype.getFrameIndexes = /** - * Get all indexes of frames by giving their name. - * @param [output] {number[]} result will be added into this array. - * @return {number[]} Indexes of specific frames in an array. - */ - function (output) { - if (typeof output === "undefined") { output = []; } - output.length = 0; - for(var i = 0; i < this._frames.length; i++) { - output.push(i); - } - return output; - }; - FrameData.prototype.getFrameIndexesByName = /** - * Get the frame indexes by giving the frame names. - * @param [output] {number[]} result will be added into this array. - * @return {number[]} Names of specific frames in an array. - */ - function (input) { - var output = []; - for(var i = 0; i < input.length; i++) { - if(this.getFrameByName(input[i])) { - output.push(this.getFrameByName(input[i]).index); - } - } - return output; - }; - FrameData.prototype.getAllFrames = /** - * Get all frames in this frame data. - * @return {Frame[]} All the frames in an array. - */ - function () { - return this._frames; - }; - FrameData.prototype.getFrames = /** - * Get All frames with specific ranges. - * @param range {number[]} Ranges in an array. - * @return {Frame[]} All frames in an array. - */ - function (range) { - var output = []; - for(var i = 0; i < range.length; i++) { - output.push(this._frames[i]); - } - return output; - }; - return FrameData; - })(); - Phaser.FrameData = FrameData; -})(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /// - /// - /// - /// - /// - /** - * Phaser - AnimationManager - * - * Any Sprite that has animation contains an instance of the AnimationManager, which is used to add, play and update - * sprite specific animations. - */ - (function (Components) { - var AnimationManager = (function () { - /** - * AnimationManager constructor - * Create a new AnimationManager. - * - * @param parent {Sprite} Owner sprite of this manager. - */ - function AnimationManager(parent) { - /** - * Data contains animation frames. - * @type {FrameData} - */ - this._frameData = null; - /** - * When an animation frame changes you can choose to automatically update the physics bounds of the parent Sprite - * to the width and height of the new frame. If you've set a specific physics bounds that you don't want changed during - * animation then set this to false, otherwise leave it set to true. - * @type {boolean} - */ - this.autoUpdateBounds = true; - /** - * Keeps track of the current frame of animation. - */ - this.currentFrame = null; - this._parent = parent; - this.game = parent.game; - this._anims = { - }; - } - AnimationManager.prototype.loadFrameData = /** - * Load animation frame data. - * @param frameData Data to be loaded. - */ - function (frameData) { - this._frameData = frameData; - this.frame = 0; - }; - AnimationManager.prototype.add = /** - * Add a new animation. - * @param name {string} What this animation should be called (e.g. "run"). - * @param frames {any[]} An array of numbers/strings indicating what frames to play in what order (e.g. [1, 2, 3] or ['run0', 'run1', run2]). - * @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 - */ - function (name, frames, frameRate, loop, useNumericIndex) { - if (typeof frames === "undefined") { frames = null; } - if (typeof frameRate === "undefined") { frameRate = 60; } - if (typeof loop === "undefined") { loop = false; } - if (typeof useNumericIndex === "undefined") { useNumericIndex = true; } - if(this._frameData == null) { - return; - } - // Create the signals the AnimationManager will emit - if(this._parent.events.onAnimationStart == null) { - this._parent.events.onAnimationStart = new Phaser.Signal(); - this._parent.events.onAnimationComplete = new Phaser.Signal(); - this._parent.events.onAnimationLoop = new Phaser.Signal(); - } - if(frames == null) { - frames = this._frameData.getFrameIndexes(); - } else { - if(this.validateFrames(frames, useNumericIndex) == false) { - throw Error('Invalid frames given to Animation ' + name); - return; - } - } - if(useNumericIndex == false) { - frames = this._frameData.getFrameIndexesByName(frames); - } - this._anims[name] = new Phaser.Animation(this.game, this._parent, this._frameData, name, frames, frameRate, loop); - this.currentAnim = this._anims[name]; - this.currentFrame = this.currentAnim.currentFrame; - return this._anims[name]; - }; - AnimationManager.prototype.validateFrames = /** - * Check whether the frames is valid. - * @param frames {any[]} Frames to be validated. - * @param useNumericIndex {boolean} Does these frames use number indexes or string indexes? - * @return {boolean} True if they're valid, otherwise return false. - */ - function (frames, useNumericIndex) { - for(var i = 0; i < frames.length; i++) { - if(useNumericIndex == true) { - if(frames[i] > this._frameData.total) { - return false; - } - } else { - if(this._frameData.checkFrameName(frames[i]) == false) { - return false; - } - } - } + Line.prototype.isPointOnLineSegment = function (x, y) { + var xMin = Math.min(this.x1, this.x2); + var xMax = Math.max(this.x1, this.x2); + var yMin = Math.min(this.y1, this.y2); + var yMax = Math.max(this.y1, this.y2); + + if (this.isPointOnLine(x, y) && (x >= xMin && x <= xMax) && (y >= yMin && y <= yMax)) { return true; - }; - AnimationManager.prototype.play = /** - * Play animation with specific name. - * @param name {string} The string name of the animation you want to play. - * @param frameRate {number} FrameRate you want to specify instead of using default. - * @param loop {boolean} Whether or not the animation is looped or just plays once. - */ - function (name, frameRate, loop) { - if (typeof frameRate === "undefined") { frameRate = null; } - if(this._anims[name]) { - if(this.currentAnim == this._anims[name]) { - if(this.currentAnim.isPlaying == false) { - return this.currentAnim.play(frameRate, loop); - } - } else { - this.currentAnim = this._anims[name]; - return this.currentAnim.play(frameRate, loop); - } + } else { + return false; + } + }; + + /** + * + * @method intersectLineLine + * @param {Any} line + * @return {Any} + */ + Line.prototype.intersectLineLine = function (line) { + //return Phaser.intersectLineLine(this,line); + }; + + /** + * + * @method perp + * @param {Number} x + * @param {Number} y + * @param {Phaser.Line} [output] + * @return {Phaser.Line} + */ + Line.prototype.perp = function (x, y, output) { + if (this.y1 === this.y2) { + if (output) { + output.setTo(x, y, x, this.y1); + } else { + return new Line(x, y, x, this.y1); } - }; - AnimationManager.prototype.stop = /** - * Stop animation by name. - * Current animation will be automatically set to the stopped one. - */ - function (name) { - if(this._anims[name]) { - this.currentAnim = this._anims[name]; - this.currentAnim.stop(); - } - }; - AnimationManager.prototype.update = /** - * Update animation and parent sprite's bounds. - */ - function () { - if(this.currentAnim && this.currentAnim.update() == true) { - this.currentFrame = this.currentAnim.currentFrame; - this._parent.texture.width = this.currentFrame.width; - this._parent.texture.height = this.currentFrame.height; - } - }; - Object.defineProperty(AnimationManager.prototype, "frameData", { - get: function () { - return this._frameData; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(AnimationManager.prototype, "frameTotal", { - get: function () { - if(this._frameData) { - return this._frameData.total; - } else { - return -1; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(AnimationManager.prototype, "frame", { - get: function () { - return this._frameIndex; - }, - set: function (value) { - if(this._frameData && this._frameData.getFrame(value) !== null) { - this.currentFrame = this._frameData.getFrame(value); - this._parent.texture.width = this.currentFrame.width; - this._parent.texture.height = this.currentFrame.height; - if(this.autoUpdateBounds && this._parent['body']) { - this._parent.body.bounds.width = this.currentFrame.width; - this._parent.body.bounds.height = this.currentFrame.height; - } - this._frameIndex = value; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(AnimationManager.prototype, "frameName", { - get: function () { - return this.currentFrame.name; - }, - set: function (value) { - if(this._frameData && this._frameData.getFrameByName(value)) { - this.currentFrame = this._frameData.getFrameByName(value); - this._parent.texture.width = this.currentFrame.width; - this._parent.texture.height = this.currentFrame.height; - this._frameIndex = this.currentFrame.index; - } else { - throw new Error("Cannot set frameName: " + value); - } - }, - enumerable: true, - configurable: true - }); - AnimationManager.prototype.destroy = /** - * Removes all related references - */ - function () { - this._anims = { - }; - this._frameData = null; - this._frameIndex = 0; - this.currentAnim = null; - this.currentFrame = null; - }; - return AnimationManager; - })(); - Components.AnimationManager = AnimationManager; - })(Phaser.Components || (Phaser.Components = {})); - var Components = Phaser.Components; + } + + var yInt = (y - this.perpSlope * x); + + var pt = this.intersectLineLine({ x1: x, y1: y, x2: 0, y2: yInt }); + + if (output) { + output.setTo(x, y, pt.x, pt.y); + } else { + return new Line(x, y, pt.x, pt.y); + } + }; + + /* + intersectLineCircle (circle:Circle) + { + var perp = this.perp() + return Phaser.intersectLineCircle(this,circle); + + } + */ + /** + * + * @method toString + * @return {String} + */ + Line.prototype.toString = function () { + return "[{Line (x1=" + this.x1 + " y1=" + this.y1 + " x2=" + this.x2 + " y2=" + this.y2 + ")}]"; + }; + return Line; + })(); + Phaser.Line = Line; })(Phaser || (Phaser = {})); -/// -/// -/// +/// /** -* Phaser - RectangleUtils +* Phaser - GameMath * -* A collection of methods useful for manipulating and comparing Rectangle objects. -* -* TODO: Check docs + overlap + intersect + toPolygon? +* Adds a set of extra Math functions used through-out Phaser. +* Includes methods written by Dylan Engelman and Adam Saltsman. */ var Phaser; (function (Phaser) { - var RectangleUtils = (function () { - function RectangleUtils() { } - RectangleUtils.getTopLeftAsPoint = /** - * Get the location of the Rectangles top-left corner as a Point object. - * @method getTopLeftAsPoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - function getTopLeftAsPoint(a, out) { - if (typeof out === "undefined") { out = new Phaser.Point(); } - return out.setTo(a.x, a.y); + var GameMath = (function () { + function GameMath(game) { + this.cosTable = []; + this.sinTable = []; + this.game = game; + + GameMath.sinA = []; + GameMath.cosA = []; + + for (var i = 0; i < 360; i++) { + GameMath.sinA.push(Math.sin(this.degreesToRadians(i))); + GameMath.cosA.push(Math.cos(this.degreesToRadians(i))); + } + } + GameMath.prototype.fuzzyEqual = function (a, b, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return Math.abs(a - b) < epsilon; }; - RectangleUtils.getBottomRightAsPoint = /** - * Get the location of the Rectangles bottom-right corner as a Point object. - * @method getTopLeftAsPoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - function getBottomRightAsPoint(a, out) { - if (typeof out === "undefined") { out = new Phaser.Point(); } - return out.setTo(a.right, a.bottom); + + GameMath.prototype.fuzzyLessThan = function (a, b, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return a < b + epsilon; }; - RectangleUtils.inflate = /** - * Increases the size of the Rectangle object by the specified amounts. The center point of the Rectangle object stays the same, and its size increases to the left and right by the dx value, and to the top and the bottom by the dy value. - * @method inflate - * @param {Rectangle} a - The Rectangle object. - * @param {Number} dx The amount to be added to the left side of the Rectangle. - * @param {Number} dy The amount to be added to the bottom side of the Rectangle. - * @return {Rectangle} This Rectangle object. - **/ - function inflate(a, dx, dy) { - a.x -= dx; - a.width += 2 * dx; - a.y -= dy; - a.height += 2 * dy; - return a; + + GameMath.prototype.fuzzyGreaterThan = function (a, b, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return a > b - epsilon; }; - RectangleUtils.inflatePoint = /** - * Increases the size of the Rectangle object. This method is similar to the Rectangle.inflate() method except it takes a Point object as a parameter. - * @method inflatePoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} point The x property of this Point object is used to increase the horizontal dimension of the Rectangle object. The y property is used to increase the vertical dimension of the Rectangle object. - * @return {Rectangle} The Rectangle object. - **/ - function inflatePoint(a, point) { - return RectangleUtils.inflate(a, point.x, point.y); + + GameMath.prototype.fuzzyCeil = function (val, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return Math.ceil(val - epsilon); }; - RectangleUtils.size = /** - * The size of the Rectangle object, expressed as a Point object with the values of the width and height properties. - * @method size - * @param {Rectangle} a - The Rectangle object. - * @param {Point} output Optional Point object. If given the values will be set into the object, otherwise a brand new Point object will be created and returned. - * @return {Point} The size of the Rectangle object - **/ - function size(a, output) { - if (typeof output === "undefined") { output = new Phaser.Point(); } - return output.setTo(a.width, a.height); + + GameMath.prototype.fuzzyFloor = function (val, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return Math.floor(val + epsilon); }; - RectangleUtils.clone = /** - * Returns a new Rectangle object with the same values for the x, y, width, and height properties as the original Rectangle object. - * @method clone - * @param {Rectangle} a - The Rectangle object. - * @param {Rectangle} output Optional Rectangle object. If given the values will be set into the object, otherwise a brand new Rectangle object will be created and returned. - * @return {Rectangle} - **/ - function clone(a, output) { - if (typeof output === "undefined") { output = new Phaser.Rectangle(); } - return output.setTo(a.x, a.y, a.width, a.height); + + GameMath.prototype.average = function () { + var args = []; + for (var _i = 0; _i < (arguments.length - 0); _i++) { + args[_i] = arguments[_i + 0]; + } + var avg = 0; + + for (var i = 0; i < args.length; i++) { + avg += args[i]; + } + + return avg / args.length; }; - RectangleUtils.contains = /** - * Determines whether the specified coordinates are contained within the region defined by this Rectangle object. - * @method contains - * @param {Rectangle} a - The Rectangle object. - * @param {Number} x The x coordinate of the point to test. - * @param {Number} y The y coordinate of the point to test. - * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. - **/ - function contains(a, x, y) { - return (x >= a.x && x <= a.right && y >= a.y && y <= a.bottom); + + GameMath.prototype.slam = function (value, target, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return (Math.abs(value - target) < epsilon) ? target : value; }; - RectangleUtils.containsPoint = /** - * Determines whether the specified point is contained within the rectangular region defined by this Rectangle object. This method is similar to the Rectangle.contains() method, except that it takes a Point object as a parameter. - * @method containsPoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} point The point object being checked. Can be Point or any object with .x and .y values. - * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. - **/ - function containsPoint(a, point) { - return RectangleUtils.contains(a, point.x, point.y); + + /** + * ratio of value to a range + */ + GameMath.prototype.percentageMinMax = function (val, max, min) { + if (typeof min === "undefined") { min = 0; } + val -= min; + max -= min; + + if (!max) + return 0; +else + return val / max; }; - RectangleUtils.containsRect = /** - * Determines whether the first Rectangle object is fully contained within the second Rectangle object. - * A Rectangle object is said to contain another if the second Rectangle object falls entirely within the boundaries of the first. - * @method containsRect - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. - **/ - function containsRect(a, b) { - // If the given rect has a larger volume than this one then it can never contain it - if(a.volume > b.volume) { + + /** + * a value representing the sign of the value. + * -1 for negative, +1 for positive, 0 if value is 0 + */ + GameMath.prototype.sign = function (n) { + if (n) + return n / Math.abs(n); +else + return 0; + }; + + GameMath.prototype.truncate = function (n) { + return (n > 0) ? Math.floor(n) : Math.ceil(n); + }; + + GameMath.prototype.shear = function (n) { + return n % 1; + }; + + /** + * wrap a value around a range, similar to modulus with a floating minimum + */ + GameMath.prototype.wrap = function (val, max, min) { + if (typeof min === "undefined") { min = 0; } + val -= min; + max -= min; + if (max == 0) + return min; + val %= max; + val += min; + while (val < min) + val += max; + + return val; + }; + + /** + * arithmetic version of wrap... need to decide which is more efficient + */ + GameMath.prototype.arithWrap = function (value, max, min) { + if (typeof min === "undefined") { min = 0; } + max -= min; + if (max == 0) + return min; + return value - max * Math.floor((value - min) / max); + }; + + /** + * force a value within the boundaries of two values + * + * if max < min, min is returned + */ + GameMath.prototype.clamp = function (input, max, min) { + if (typeof min === "undefined") { min = 0; } + return Math.max(min, Math.min(max, input)); + }; + + /** + * Snap a value to nearest grid slice, using rounding. + * + * example if you have an interval gap of 5 and a position of 12... you will snap to 10. Where as 14 will snap to 15 + * + * @param input - the value to snap + * @param gap - the interval gap of the grid + * @param [start] - optional starting offset for gap + */ + GameMath.prototype.snapTo = function (input, gap, start) { + if (typeof start === "undefined") { start = 0; } + if (gap == 0) + return input; + + input -= start; + input = gap * Math.round(input / gap); + return start + input; + }; + + /** + * Snap a value to nearest grid slice, using floor. + * + * example if you have an interval gap of 5 and a position of 12... you will snap to 10. As will 14 snap to 10... but 16 will snap to 15 + * + * @param input - the value to snap + * @param gap - the interval gap of the grid + * @param [start] - optional starting offset for gap + */ + GameMath.prototype.snapToFloor = function (input, gap, start) { + if (typeof start === "undefined") { start = 0; } + if (gap == 0) + return input; + + input -= start; + input = gap * Math.floor(input / gap); + return start + input; + }; + + /** + * Snap a value to nearest grid slice, using ceil. + * + * example if you have an interval gap of 5 and a position of 12... you will snap to 15. As will 14 will snap to 15... but 16 will snap to 20 + * + * @param input - the value to snap + * @param gap - the interval gap of the grid + * @param [start] - optional starting offset for gap + */ + GameMath.prototype.snapToCeil = function (input, gap, start) { + if (typeof start === "undefined") { start = 0; } + if (gap == 0) + return input; + + input -= start; + input = gap * Math.ceil(input / gap); + return start + input; + }; + + /** + * Snaps a value to the nearest value in an array. + */ + GameMath.prototype.snapToInArray = function (input, arr, sort) { + if (typeof sort === "undefined") { sort = true; } + if (sort) + arr.sort(); + if (input < arr[0]) + return arr[0]; + + var i = 1; + + while (arr[i] < input) + i++; + + var low = arr[i - 1]; + var high = (i < arr.length) ? arr[i] : Number.POSITIVE_INFINITY; + + return ((high - input) <= (input - low)) ? high : low; + }; + + /** + * roundTo some place comparative to a 'base', default is 10 for decimal place + * + * 'place' is represented by the power applied to 'base' to get that place + * + * @param value - the value to round + * @param place - the place to round to + * @param base - the base to round in... default is 10 for decimal + * + * e.g. + * + * 2000/7 ~= 285.714285714285714285714 ~= (bin)100011101.1011011011011011 + * + * roundTo(2000/7,3) == 0 + * roundTo(2000/7,2) == 300 + * roundTo(2000/7,1) == 290 + * roundTo(2000/7,0) == 286 + * roundTo(2000/7,-1) == 285.7 + * roundTo(2000/7,-2) == 285.71 + * roundTo(2000/7,-3) == 285.714 + * roundTo(2000/7,-4) == 285.7143 + * roundTo(2000/7,-5) == 285.71429 + * + * roundTo(2000/7,3,2) == 288 -- 100100000 + * roundTo(2000/7,2,2) == 284 -- 100011100 + * roundTo(2000/7,1,2) == 286 -- 100011110 + * roundTo(2000/7,0,2) == 286 -- 100011110 + * roundTo(2000/7,-1,2) == 285.5 -- 100011101.1 + * roundTo(2000/7,-2,2) == 285.75 -- 100011101.11 + * roundTo(2000/7,-3,2) == 285.75 -- 100011101.11 + * roundTo(2000/7,-4,2) == 285.6875 -- 100011101.1011 + * roundTo(2000/7,-5,2) == 285.71875 -- 100011101.10111 + * + * note what occurs when we round to the 3rd space (8ths place), 100100000, this is to be assumed + * because we are rounding 100011.1011011011011011 which rounds up. + */ + GameMath.prototype.roundTo = function (value, place, base) { + if (typeof place === "undefined") { place = 0; } + if (typeof base === "undefined") { base = 10; } + var p = Math.pow(base, -place); + return Math.round(value * p) / p; + }; + + GameMath.prototype.floorTo = function (value, place, base) { + if (typeof place === "undefined") { place = 0; } + if (typeof base === "undefined") { base = 10; } + var p = Math.pow(base, -place); + return Math.floor(value * p) / p; + }; + + GameMath.prototype.ceilTo = function (value, place, base) { + if (typeof place === "undefined") { place = 0; } + if (typeof base === "undefined") { base = 10; } + var p = Math.pow(base, -place); + return Math.ceil(value * p) / p; + }; + + /** + * a one dimensional linear interpolation of a value. + */ + GameMath.prototype.interpolateFloat = function (a, b, weight) { + return (b - a) * weight + a; + }; + + /** + * convert radians to degrees + */ + GameMath.prototype.radiansToDegrees = function (angle) { + return angle * GameMath.RAD_TO_DEG; + }; + + /** + * convert degrees to radians + */ + GameMath.prototype.degreesToRadians = function (angle) { + return angle * GameMath.DEG_TO_RAD; + }; + + /** + * Find the angle of a segment from (x1, y1) -> (x2, y2 ) + */ + GameMath.prototype.angleBetween = function (x1, y1, x2, y2) { + return Math.atan2(y2 - y1, x2 - x1); + }; + + /** + * set an angle within the bounds of -PI to PI + */ + GameMath.prototype.normalizeAngle = function (angle, radians) { + if (typeof radians === "undefined") { radians = true; } + var rd = (radians) ? GameMath.PI : 180; + return this.wrap(angle, rd, -rd); + }; + + /** + * closest angle between two angles from a1 to a2 + * absolute value the return for exact angle + */ + GameMath.prototype.nearestAngleBetween = function (a1, a2, radians) { + if (typeof radians === "undefined") { radians = true; } + var rd = (radians) ? GameMath.PI : 180; + + a1 = this.normalizeAngle(a1, radians); + a2 = this.normalizeAngle(a2, radians); + + if (a1 < -rd / 2 && a2 > rd / 2) + a1 += rd * 2; + if (a2 < -rd / 2 && a1 > rd / 2) + a2 += rd * 2; + + return a2 - a1; + }; + + /** + * normalizes independent and then sets dep to the nearest value respective to independent + * + * for instance if dep=-170 and ind=170 then 190 will be returned as an alternative to -170 + */ + GameMath.prototype.normalizeAngleToAnother = function (dep, ind, radians) { + if (typeof radians === "undefined") { radians = true; } + return ind + this.nearestAngleBetween(ind, dep, radians); + }; + + /** + * normalize independent and dependent and then set dependent to an angle relative to 'after/clockwise' independent + * + * for instance dep=-170 and ind=170, then 190 will be reutrned as alternative to -170 + */ + GameMath.prototype.normalizeAngleAfterAnother = function (dep, ind, radians) { + if (typeof radians === "undefined") { radians = true; } + dep = this.normalizeAngle(dep - ind, radians); + return ind + dep; + }; + + /** + * normalizes indendent and dependent and then sets dependent to an angle relative to 'before/counterclockwise' independent + * + * for instance dep = 190 and ind = 170, then -170 will be returned as an alternative to 190 + */ + GameMath.prototype.normalizeAngleBeforeAnother = function (dep, ind, radians) { + if (typeof radians === "undefined") { radians = true; } + dep = this.normalizeAngle(ind - dep, radians); + return ind - dep; + }; + + /** + * interpolate across the shortest arc between two angles + */ + GameMath.prototype.interpolateAngles = function (a1, a2, weight, radians, ease) { + if (typeof radians === "undefined") { radians = true; } + if (typeof ease === "undefined") { ease = null; } + a1 = this.normalizeAngle(a1, radians); + a2 = this.normalizeAngleToAnother(a2, a1, radians); + + return (typeof ease === 'function') ? ease(weight, a1, a2 - a1, 1) : this.interpolateFloat(a1, a2, weight); + }; + + /** + * Compute the logarithm of any value of any base + * + * a logarithm is the exponent that some constant (base) would have to be raised to + * to be equal to value. + * + * i.e. + * 4 ^ x = 16 + * can be rewritten as to solve for x + * logB4(16) = x + * which with this function would be + * LoDMath.logBaseOf(16,4) + * + * which would return 2, because 4^2 = 16 + */ + GameMath.prototype.logBaseOf = function (value, base) { + return Math.log(value) / Math.log(base); + }; + + /** + * Greatest Common Denominator using Euclid's algorithm + */ + GameMath.prototype.GCD = function (m, n) { + var r; + + //make sure positive, GCD is always positive + m = Math.abs(m); + n = Math.abs(n); + + if (m < n) { + r = m; + m = n; + n = r; + } + + while (true) { + r = m % n; + if (!r) + return n; + m = n; + n = r; + } + + return 1; + }; + + /** + * Lowest Common Multiple + */ + GameMath.prototype.LCM = function (m, n) { + return (m * n) / this.GCD(m, n); + }; + + /** + * Factorial - N! + * + * simple product series + * + * by definition: + * 0! == 1 + */ + GameMath.prototype.factorial = function (value) { + if (value == 0) + return 1; + + var res = value; + + while (--value) { + res *= value; + } + + return res; + }; + + /** + * gamma function + * + * defined: gamma(N) == (N - 1)! + */ + GameMath.prototype.gammaFunction = function (value) { + return this.factorial(value - 1); + }; + + /** + * falling factorial + * + * defined: (N)! / (N - x)! + * + * written subscript: (N)x OR (base)exp + */ + GameMath.prototype.fallingFactorial = function (base, exp) { + return this.factorial(base) / this.factorial(base - exp); + }; + + /** + * rising factorial + * + * defined: (N + x - 1)! / (N - 1)! + * + * written superscript N^(x) OR base^(exp) + */ + GameMath.prototype.risingFactorial = function (base, exp) { + //expanded from gammaFunction for speed + return this.factorial(base + exp - 1) / this.factorial(base - 1); + }; + + /** + * binomial coefficient + * + * defined: N! / (k!(N-k)!) + * reduced: N! / (N-k)! == (N)k (fallingfactorial) + * reduced: (N)k / k! + */ + GameMath.prototype.binCoef = function (n, k) { + return this.fallingFactorial(n, k) / this.factorial(k); + }; + + /** + * rising binomial coefficient + * + * as one can notice in the analysis of binCoef(...) that + * binCoef is the (N)k divided by k!. Similarly rising binCoef + * is merely N^(k) / k! + */ + GameMath.prototype.risingBinCoef = function (n, k) { + return this.risingFactorial(n, k) / this.factorial(k); + }; + + /** + * Generate a random boolean result based on the chance value + *

+ * Returns true or false based on the chance value (default 50%). For example if you wanted a player to have a 30% chance + * of getting a bonus, call chanceRoll(30) - true means the chance passed, false means it failed. + *

+ * @param chance The chance of receiving the value. A number between 0 and 100 (effectively 0% to 100%) + * @return true if the roll passed, or false + */ + GameMath.prototype.chanceRoll = function (chance) { + if (typeof chance === "undefined") { chance = 50; } + if (chance <= 0) { + return false; + } else if (chance >= 100) { + return true; + } else { + if (Math.random() * 100 >= chance) { + return false; + } else { + return true; + } + } + }; + + /** + * Adds the given amount to the value, but never lets the value go over the specified maximum + * + * @param value The value to add the amount to + * @param amount The amount to add to the value + * @param max The maximum the value is allowed to be + * @return The new value + */ + GameMath.prototype.maxAdd = function (value, amount, max) { + value += amount; + + if (value > max) { + value = max; + } + + return value; + }; + + /** + * Subtracts the given amount from the value, but never lets the value go below the specified minimum + * + * @param value The base value + * @param amount The amount to subtract from the base value + * @param min The minimum the value is allowed to be + * @return The new value + */ + GameMath.prototype.minSub = function (value, amount, min) { + value -= amount; + + if (value < min) { + value = min; + } + + return value; + }; + + /** + * Adds value to amount and ensures that the result always stays between 0 and max, by wrapping the value around. + *

Values must be positive integers, and are passed through Math.abs

+ * + * @param value The value to add the amount to + * @param amount The amount to add to the value + * @param max The maximum the value is allowed to be + * @return The wrapped value + */ + GameMath.prototype.wrapValue = function (value, amount, max) { + var diff; + + value = Math.abs(value); + amount = Math.abs(amount); + max = Math.abs(max); + + diff = (value + amount) % max; + + return diff; + }; + + /** + * Randomly returns either a 1 or -1 + * + * @return 1 or -1 + */ + GameMath.prototype.randomSign = function () { + return (Math.random() > 0.5) ? 1 : -1; + }; + + /** + * Returns true if the number given is odd. + * + * @param n The number to check + * + * @return True if the given number is odd. False if the given number is even. + */ + GameMath.prototype.isOdd = function (n) { + if (n & 1) { + return true; + } else { return false; } - return (a.x >= b.x && a.y >= b.y && a.right <= b.right && a.bottom <= b.bottom); }; - RectangleUtils.equals = /** - * Determines whether the two Rectangles are equal. - * This method compares the x, y, width and height properties of each Rectangle. - * @method equals - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @return {Boolean} A value of true if the two Rectangles have exactly the same values for the x, y, width and height properties; otherwise false. - **/ - function equals(a, b) { - return (a.x == b.x && a.y == b.y && a.width == b.width && a.height == b.height); - }; - RectangleUtils.intersection = /** - * If the Rectangle object specified in the toIntersect parameter intersects with this Rectangle object, returns the area of intersection as a Rectangle object. If the Rectangles do not intersect, this method returns an empty Rectangle object with its properties set to 0. - * @method intersection - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @param {Rectangle} output Optional Rectangle object. If given the intersection values will be set into this object, otherwise a brand new Rectangle object will be created and returned. - * @return {Rectangle} A Rectangle object that equals the area of intersection. If the Rectangles do not intersect, this method returns an empty Rectangle object; that is, a Rectangle with its x, y, width, and height properties set to 0. - **/ - function intersection(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Rectangle(); } - if(RectangleUtils.intersects(a, b)) { - out.x = Math.max(a.x, b.x); - out.y = Math.max(a.y, b.y); - out.width = Math.min(a.right, b.right) - out.x; - out.height = Math.min(a.bottom, b.bottom) - out.y; + + /** + * Returns true if the number given is even. + * + * @param n The number to check + * + * @return True if the given number is even. False if the given number is odd. + */ + GameMath.prototype.isEven = function (n) { + if (n & 1) { + return false; + } else { + return true; } - return out; }; - RectangleUtils.intersects = /** - * Determines whether the two Rectangles intersect with each other. - * This method checks the x, y, width, and height properties of the Rectangles. - * @method intersects - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 - * @return {Boolean} A value of true if the specified object intersects with this Rectangle object; otherwise false. + + /** + * Keeps an angle value between -180 and +180
+ * Should be called whenever the angle is updated on the Sprite to stop it from going insane. + * + * @param angle The angle value to check + * + * @return The new angle value, returns the same as the input angle if it was within bounds + */ + GameMath.prototype.wrapAngle = function (angle) { + var result = angle; + + if (angle >= -180 && angle <= 180) { + return angle; + } + + // Else normalise it to -180, 180 + result = (angle + 180) % 360; + + if (result < 0) { + result += 360; + } + + return result - 180; + }; + + /** + * Keeps an angle value between the given min and max values + * + * @param angle The angle value to check. Must be between -180 and +180 + * @param min The minimum angle that is allowed (must be -180 or greater) + * @param max The maximum angle that is allowed (must be 180 or less) + * + * @return The new angle value, returns the same as the input angle if it was within bounds + */ + GameMath.prototype.angleLimit = function (angle, min, max) { + var result = angle; + + if (angle > max) { + result = max; + } else if (angle < min) { + result = min; + } + + return result; + }; + + /** + * @method linear + * @param {Any} v + * @param {Any} k + * @public + */ + GameMath.prototype.linearInterpolation = function (v, k) { + var m = v.length - 1; + var f = m * k; + var i = Math.floor(f); + + if (k < 0) + return this.linear(v[0], v[1], f); + if (k > 1) + return this.linear(v[m], v[m - 1], m - f); + + return this.linear(v[i], v[i + 1 > m ? m : i + 1], f - i); + }; + + /** + * @method Bezier + * @param {Any} v + * @param {Any} k + * @public + */ + GameMath.prototype.bezierInterpolation = function (v, k) { + var b = 0; + var n = v.length - 1; + + for (var i = 0; i <= n; i++) { + b += Math.pow(1 - k, n - i) * Math.pow(k, i) * v[i] * this.bernstein(n, i); + } + + return b; + }; + + /** + * @method CatmullRom + * @param {Any} v + * @param {Any} k + * @public + */ + GameMath.prototype.catmullRomInterpolation = function (v, k) { + var m = v.length - 1; + var f = m * k; + var i = Math.floor(f); + + if (v[0] === v[m]) { + if (k < 0) + i = Math.floor(f = m * (1 + k)); + + return this.catmullRom(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i); + } else { + if (k < 0) + return v[0] - (this.catmullRom(v[0], v[0], v[1], v[1], -f) - v[0]); + + if (k > 1) + return v[m] - (this.catmullRom(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]); + + return this.catmullRom(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i); + } + }; + + /** + * @method Linear + * @param {Any} p0 + * @param {Any} p1 + * @param {Any} t + * @public + */ + GameMath.prototype.linear = function (p0, p1, t) { + return (p1 - p0) * t + p0; + }; + + /** + * @method Bernstein + * @param {Any} n + * @param {Any} i + * @public + */ + GameMath.prototype.bernstein = function (n, i) { + return this.factorial(n) / this.factorial(i) / this.factorial(n - i); + }; + + /** + * @method CatmullRom + * @param {Any} p0 + * @param {Any} p1 + * @param {Any} p2 + * @param {Any} p3 + * @param {Any} t + * @public + */ + GameMath.prototype.catmullRom = function (p0, p1, p2, p3, t) { + var v0 = (p2 - p0) * 0.5, v1 = (p3 - p1) * 0.5, t2 = t * t, t3 = t * t2; + return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1; + }; + + GameMath.prototype.difference = function (a, b) { + return Math.abs(a - b); + }; + + /** + * Fetch a random entry from the given array. + * Will return null if random selection is missing, or array has no entries. + * + * @param objects An array of objects. + * @param startIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. + * @param length Optional restriction on the number of values you want to randomly select from. + * + * @return The random object that was selected. + */ + GameMath.prototype.getRandom = function (objects, startIndex, length) { + if (typeof startIndex === "undefined") { startIndex = 0; } + if (typeof length === "undefined") { length = 0; } + if (objects != null) { + var l = length; + + if ((l == 0) || (l > objects.length - startIndex)) { + l = objects.length - startIndex; + } + + if (l > 0) { + return objects[startIndex + Math.floor(Math.random() * l)]; + } + } + + return null; + }; + + /** + * Round down to the next whole number. E.g. floor(1.7) == 1, and floor(-2.7) == -2. + * + * @param Value Any number. + * + * @return The rounded value of that number. + */ + GameMath.prototype.floor = function (value) { + var n = value | 0; + return (value > 0) ? (n) : ((n != value) ? (n - 1) : (n)); + }; + + /** + * Round up to the next whole number. E.g. ceil(1.3) == 2, and ceil(-2.3) == -3. + * + * @param Value Any number. + * + * @return The rounded value of that number. + */ + GameMath.prototype.ceil = function (value) { + var n = value | 0; + return (value > 0) ? ((n != value) ? (n + 1) : (n)) : (n); + }; + + /** + * Generate a sine and cosine table simultaneously and extremely quickly. Based on research by Franky of scene.at + *

+ * The parameters allow you to specify the length, amplitude and frequency of the wave. Once you have called this function + * you should get the results via getSinTable() and getCosTable(). This generator is fast enough to be used in real-time. + *

+ * @param length The length of the wave + * @param sinAmplitude The amplitude to apply to the sine table (default 1.0) if you need values between say -+ 125 then give 125 as the value + * @param cosAmplitude The amplitude to apply to the cosine table (default 1.0) if you need values between say -+ 125 then give 125 as the value + * @param frequency The frequency of the sine and cosine table data + * @return Returns the sine table + * @see getSinTable + * @see getCosTable + */ + GameMath.prototype.sinCosGenerator = function (length, sinAmplitude, cosAmplitude, frequency) { + if (typeof sinAmplitude === "undefined") { sinAmplitude = 1.0; } + if (typeof cosAmplitude === "undefined") { cosAmplitude = 1.0; } + if (typeof frequency === "undefined") { frequency = 1.0; } + var sin = sinAmplitude; + var cos = cosAmplitude; + var frq = frequency * Math.PI / length; + + this.cosTable = []; + this.sinTable = []; + + for (var c = 0; c < length; c++) { + cos -= sin * frq; + sin += cos * frq; + + this.cosTable[c] = cos; + this.sinTable[c] = sin; + } + + return this.sinTable; + }; + + /** + * Shifts through the sin table data by one value and returns it. + * This effectively moves the position of the data from the start to the end of the table. + * @return The sin value. + */ + GameMath.prototype.shiftSinTable = function () { + if (this.sinTable) { + var s = this.sinTable.shift(); + this.sinTable.push(s); + return s; + } + }; + + /** + * Shifts through the cos table data by one value and returns it. + * This effectively moves the position of the data from the start to the end of the table. + * @return The cos value. + */ + GameMath.prototype.shiftCosTable = function () { + if (this.cosTable) { + var s = this.cosTable.shift(); + this.cosTable.push(s); + return s; + } + }; + + /** + * Shuffles the data in the given array into a new order + * @param array The array to shuffle + * @return The array + */ + GameMath.prototype.shuffleArray = function (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; + }; + + /** + * Returns the distance from this Point object to the given Point object. + * @method distanceFrom + * @param {Point} target - The destination Point object. + * @param {Boolean} round - Round the distance to the nearest integer (default false) + * @return {Number} The distance between this Point object and the destination Point object. **/ - function intersects(a, b, tolerance) { - if (typeof tolerance === "undefined") { tolerance = 0; } - return !(a.left > b.right + tolerance || a.right < b.left - tolerance || a.top > b.bottom + tolerance || a.bottom < b.top - tolerance); + GameMath.prototype.distanceBetween = function (x1, y1, x2, y2) { + var dx = x1 - x2; + var dy = y1 - y2; + + return Math.sqrt(dx * dx + dy * dy); }; - RectangleUtils.intersectsRaw = /** - * Determines whether the object specified intersects (overlaps) with the given values. - * @method intersectsRaw - * @param {Number} left - * @param {Number} right - * @param {Number} top - * @param {Number} bottomt - * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 - * @return {Boolean} A value of true if the specified object intersects with the Rectangle; otherwise false. - **/ - function intersectsRaw(a, left, right, top, bottom, tolerance) { - if (typeof tolerance === "undefined") { tolerance = 0; } - return !(left > a.right + tolerance || right < a.left - tolerance || top > a.bottom + tolerance || bottom < a.top - tolerance); + + /** + * Finds the length of the given vector + * + * @param dx + * @param dy + * + * @return + */ + GameMath.prototype.vectorLength = function (dx, dy) { + return Math.sqrt(dx * dx + dy * dy); }; - RectangleUtils.union = /** - * Adds two Rectangles together to create a new Rectangle object, by filling in the horizontal and vertical space between the two Rectangles. - * @method union - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @param {Rectangle} output Optional Rectangle object. If given the new values will be set into this object, otherwise a brand new Rectangle object will be created and returned. - * @return {Rectangle} A Rectangle object that is the union of the two Rectangles. - **/ - function union(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Rectangle(); } - return out.setTo(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.max(a.right, b.right), Math.max(a.bottom, b.bottom)); - }; - return RectangleUtils; + GameMath.PI = 3.141592653589793; + GameMath.PI_2 = 1.5707963267948965; + GameMath.PI_4 = 0.7853981633974483; + GameMath.PI_8 = 0.39269908169872413; + GameMath.PI_16 = 0.19634954084936206; + GameMath.TWO_PI = 6.283185307179586; + GameMath.THREE_PI_2 = 4.7123889803846895; + GameMath.E = 2.71828182845905; + GameMath.LN10 = 2.302585092994046; + GameMath.LN2 = 0.6931471805599453; + GameMath.LOG10E = 0.4342944819032518; + GameMath.LOG2E = 1.442695040888963387; + GameMath.SQRT1_2 = 0.7071067811865476; + GameMath.SQRT2 = 1.4142135623730951; + GameMath.DEG_TO_RAD = 0.017453292519943294444444444444444; + GameMath.RAD_TO_DEG = 57.295779513082325225835265587527; + + GameMath.B_16 = 65536; + GameMath.B_31 = 2147483648; + GameMath.B_32 = 4294967296; + GameMath.B_48 = 281474976710656; + GameMath.B_53 = 9007199254740992; + GameMath.B_64 = 18446744073709551616; + + GameMath.ONE_THIRD = 0.333333333333333333333333333333333; + GameMath.TWO_THIRDS = 0.666666666666666666666666666666666; + GameMath.ONE_SIXTH = 0.166666666666666666666666666666666; + + GameMath.COS_PI_3 = 0.86602540378443864676372317075294; + GameMath.SIN_2PI_3 = 0.03654595; + + GameMath.CIRCLE_ALPHA = 0.5522847498307933984022516322796; + + GameMath.ON = true; + GameMath.OFF = false; + + GameMath.SHORT_EPSILON = 0.1; + GameMath.PERC_EPSILON = 0.001; + GameMath.EPSILON = 0.0001; + GameMath.LONG_EPSILON = 0.00000001; + return GameMath; })(); - Phaser.RectangleUtils = RectangleUtils; + Phaser.GameMath = GameMath; })(Phaser || (Phaser = {})); +/// +/** +* Phaser - Vec2 +* +* A Vector 2 +*/ var Phaser; (function (Phaser) { - /// - /// - /// - /** - * Phaser - Components - InputHandler - * - * Input detection component - */ - (function (Components) { - var InputHandler = (function () { - /** - * Sprite Input component constructor - * @param parent The Sprite using this Input component - */ - function InputHandler(parent) { - /** - * The PriorityID controls which Sprite receives an Input event first if they should overlap. - */ - this.priorityID = 0; - /** - * The index of this Input component entry in the Game.Input manager. - */ - this.indexID = 0; - this.isDragged = false; - this.dragPixelPerfect = false; - this.allowHorizontalDrag = true; - this.allowVerticalDrag = true; - this.bringToTop = false; - this.snapOnDrag = false; - this.snapOnRelease = false; - this.snapX = 0; - this.snapY = 0; - /** - * Is this sprite allowed to be dragged by the mouse? true = yes, false = no - * @default false - */ - this.draggable = false; - /** - * A region of the game world within which the sprite is restricted during drag - * @default null - */ - this.boundsRect = null; - /** - * An Sprite the bounds of which this sprite is restricted during drag - * @default null - */ - this.boundsSprite = null; - /** - * If this object is set to consume the pointer event then it will stop all propogation from this object on. - * For example if you had a stack of 6 sprites with the same priority IDs and one consumed the event, none of the others would receive it. - * @type {Boolean} - */ - this.consumePointerEvent = false; - this.game = parent.game; - this._parent = parent; - this.enabled = false; + var Vec2 = (function () { + /** + * Creates a new Vec2 object. + * @class Vec2 + * @constructor + * @param {Number} x The x position of the vector + * @param {Number} y The y position of the vector + * @return {Vec2} This object + **/ + function Vec2(x, y) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + this.x = x; + this.y = y; + + return this; + } + /** + * Copies the x and y properties from any given object to this Vec2. + * @method copyFrom + * @param {any} source - The object to copy from. + * @return {Vec2} This Vec2 object. + **/ + Vec2.prototype.copyFrom = function (source) { + return this.setTo(source.x, source.y); + }; + + /** + * Sets the x and y properties of the Vector. + * @param {Number} x The x position of the vector + * @param {Number} y The y position of the vector + * @return {Vec2} This object + **/ + Vec2.prototype.setTo = function (x, y) { + this.x = x; + this.y = y; + return this; + }; + + /** + * Add another vector to this one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.add = function (a) { + this.x += a.x; + this.y += a.y; + return this; + }; + + /** + * Subtract another vector from this one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.subtract = function (v) { + this.x -= v.x; + this.y -= v.y; + return this; + }; + + /** + * Multiply another vector with this one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.multiply = function (v) { + this.x *= v.x; + this.y *= v.y; + return this; + }; + + /** + * Divide this vector by another one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.divide = function (v) { + this.x /= v.x; + this.y /= v.y; + return this; + }; + + /** + * Get the length of this vector. + * + * @return {number} The length of this vector. + */ + Vec2.prototype.length = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + + /** + * Get the length squared of this vector. + * + * @return {number} The length^2 of this vector. + */ + Vec2.prototype.lengthSq = function () { + return (this.x * this.x) + (this.y * this.y); + }; + + /** + * Normalize this vector. + * + * @return {Vec2} This for chaining. + */ + Vec2.prototype.normalize = function () { + var inv = (this.x != 0 || this.y != 0) ? 1 / Math.sqrt(this.x * this.x + this.y * this.y) : 0; + this.x *= inv; + this.y *= inv; + return this; + }; + + /** + * The dot product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.dot = function (a) { + return ((this.x * a.x) + (this.y * a.y)); + }; + + /** + * The cross product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.cross = function (a) { + return ((this.x * a.y) - (this.y * a.x)); + }; + + /** + * The projection magnitude of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.projectionLength = function (a) { + var den = a.dot(a); + + if (den == 0) { + return 0; + } else { + return Math.abs(this.dot(a) / den); } - InputHandler.prototype.pointerX = /** - * The x coordinate of the Input pointer, relative to the top-left of the parent Sprite. - * This value is only set when the pointer is over this Sprite. - * @type {number} - */ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].x; - }; - InputHandler.prototype.pointerY = /** - * The y coordinate of the Input pointer, relative to the top-left of the parent Sprite - * This value is only set when the pointer is over this Sprite. - * @type {number} - */ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].y; - }; - InputHandler.prototype.pointerDown = /** - * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true - * @property isDown - * @type {Boolean} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].isDown; - }; - InputHandler.prototype.pointerUp = /** - * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true - * @property isUp - * @type {Boolean} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].isUp; - }; - InputHandler.prototype.pointerTimeDown = /** - * A timestamp representing when the Pointer first touched the touchscreen. - * @property timeDown - * @type {Number} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].timeDown; - }; - InputHandler.prototype.pointerTimeUp = /** - * A timestamp representing when the Pointer left the touchscreen. - * @property timeUp - * @type {Number} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].timeUp; - }; - InputHandler.prototype.pointerOver = /** - * Is the Pointer over this Sprite - * @property isOver - * @type {Boolean} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].isOver; - }; - InputHandler.prototype.pointerOut = /** - * Is the Pointer outside of this Sprite - * @property isOut - * @type {Boolean} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].isOut; - }; - InputHandler.prototype.pointerTimeOver = /** - * A timestamp representing when the Pointer first touched the touchscreen. - * @property timeDown - * @type {Number} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].timeOver; - }; - InputHandler.prototype.pointerTimeOut = /** - * A timestamp representing when the Pointer left the touchscreen. - * @property timeUp - * @type {Number} - **/ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].timeOut; - }; - InputHandler.prototype.pointerDragged = /** - * Is this sprite being dragged by the mouse or not? - * @default false - */ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - return this._pointerData[pointer].isDragged; - }; - InputHandler.prototype.start = function (priority, checkBody, useHandCursor) { - if (typeof priority === "undefined") { priority = 0; } - if (typeof checkBody === "undefined") { checkBody = false; } - if (typeof useHandCursor === "undefined") { useHandCursor = false; } - // Turning on - if(this.enabled == false) { - // Register, etc - this.checkBody = checkBody; - this.useHandCursor = useHandCursor; - this.priorityID = priority; - this._pointerData = []; - for(var i = 0; i < 10; i++) { - this._pointerData.push({ - id: i, - x: 0, - y: 0, - isDown: false, - isUp: false, - isOver: false, - isOut: false, - timeOver: 0, - timeOut: 0, - timeDown: 0, - timeUp: 0, - downDuration: 0, - isDragged: false - }); - } - this.snapOffset = new Phaser.Point(); - this.enabled = true; - this.game.input.addGameObject(this._parent); - // Create the signals the Input component will emit - if(this._parent.events.onInputOver == null) { - this._parent.events.onInputOver = new Phaser.Signal(); - this._parent.events.onInputOut = new Phaser.Signal(); - this._parent.events.onInputDown = new Phaser.Signal(); - this._parent.events.onInputUp = new Phaser.Signal(); - this._parent.events.onDragStart = new Phaser.Signal(); - this._parent.events.onDragStop = new Phaser.Signal(); - } - } - return this._parent; - }; - InputHandler.prototype.reset = function () { - this.enabled = false; - for(var i = 0; i < 10; i++) { - this._pointerData[i] = { - id: i, - x: 0, - y: 0, - isDown: false, - isUp: false, - isOver: false, - isOut: false, - timeOver: 0, - timeOut: 0, - timeDown: 0, - timeUp: 0, - downDuration: 0, - isDragged: false - }; - } - }; - InputHandler.prototype.stop = function () { - // Turning off - if(this.enabled == false) { - return; - } else { - // De-register, etc - this.enabled = false; - this.game.input.removeGameObject(this.indexID); - } - }; - InputHandler.prototype.destroy = /** - * Clean up memory. - */ - function () { - if(this.enabled) { - this.enabled = false; - this.game.input.removeGameObject(this.indexID); - } - }; - InputHandler.prototype.checkPointerOver = /** - * Checks if the given pointer is over this Sprite. All checks are done in world coordinates. - */ - function (pointer) { - if(this.enabled == false || this._parent.visible == false) { - return false; - } else { - return Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY); - } - }; - InputHandler.prototype.update = /** - * Update - */ - function (pointer) { - if(this.enabled == false || this._parent.visible == false) { - this._pointerOutHandler(pointer); - return false; - } - if(this.draggable && this._draggedPointerID == pointer.id) { - return this.updateDrag(pointer); - } else if(this._pointerData[pointer.id].isOver == true) { - if(Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY)) { - this._pointerData[pointer.id].x = pointer.x - this._parent.x; - this._pointerData[pointer.id].y = pointer.y - this._parent.y; - return true; - } else { - this._pointerOutHandler(pointer); - return false; - } - } - }; - InputHandler.prototype._pointerOverHandler = function (pointer) { - if(this._pointerData[pointer.id].isOver == false) { - this._pointerData[pointer.id].isOver = true; - this._pointerData[pointer.id].isOut = false; - this._pointerData[pointer.id].timeOver = this.game.time.now; - this._pointerData[pointer.id].x = pointer.x - this._parent.x; - this._pointerData[pointer.id].y = pointer.y - this._parent.y; - if(this.useHandCursor && this._pointerData[pointer.id].isDragged == false) { - this.game.stage.canvas.style.cursor = "pointer"; - } - this._parent.events.onInputOver.dispatch(this._parent, pointer); - } - }; - InputHandler.prototype._pointerOutHandler = function (pointer) { - this._pointerData[pointer.id].isOver = false; - this._pointerData[pointer.id].isOut = true; - this._pointerData[pointer.id].timeOut = this.game.time.now; - if(this.useHandCursor && this._pointerData[pointer.id].isDragged == false) { - this.game.stage.canvas.style.cursor = "default"; - } - this._parent.events.onInputOut.dispatch(this._parent, pointer); - }; - InputHandler.prototype._touchedHandler = function (pointer) { - if(this._pointerData[pointer.id].isDown == false && this._pointerData[pointer.id].isOver == true) { - this._pointerData[pointer.id].isDown = true; - this._pointerData[pointer.id].isUp = false; - this._pointerData[pointer.id].timeDown = this.game.time.now; - //console.log('touchedHandler: ' + Date.now()); - this._parent.events.onInputDown.dispatch(this._parent, pointer); - // Start drag - //if (this.draggable && this.isDragged == false && pointer.targetObject == null) - if(this.draggable && this.isDragged == false) { - this.startDrag(pointer); - } - if(this.bringToTop) { - this._parent.bringToTop(); - //this._parent.game.world.group.bringToTop(this._parent); - } - } - // Consume the event? - return this.consumePointerEvent; - }; - InputHandler.prototype._releasedHandler = function (pointer) { - // If was previously touched by this Pointer, check if still is AND still over this item - if(this._pointerData[pointer.id].isDown && pointer.isUp) { - this._pointerData[pointer.id].isDown = false; - this._pointerData[pointer.id].isUp = true; - this._pointerData[pointer.id].timeUp = this.game.time.now; - this._pointerData[pointer.id].downDuration = this._pointerData[pointer.id].timeUp - this._pointerData[pointer.id].timeDown; - // Only release the InputUp signal if the pointer is still over this sprite - if(Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY)) { - //console.log('releasedHandler: ' + Date.now()); - this._parent.events.onInputUp.dispatch(this._parent, pointer); - } else { - // Pointer outside the sprite? Reset the cursor - if(this.useHandCursor) { - this.game.stage.canvas.style.cursor = "default"; - } - } - // Stop drag - if(this.draggable && this.isDragged && this._draggedPointerID == pointer.id) { - this.stopDrag(pointer); - } - } - }; - InputHandler.prototype.updateDrag = /** - * Updates the Pointer drag on this Sprite. - */ - function (pointer) { - if(pointer.isUp) { - this.stopDrag(pointer); - return false; - } - if(this.allowHorizontalDrag) { - this._parent.x = pointer.x + this._dragPoint.x + this.dragOffset.x; - } - if(this.allowVerticalDrag) { - this._parent.y = pointer.y + this._dragPoint.y + this.dragOffset.y; - } - if(this.boundsRect) { - this.checkBoundsRect(); - } - if(this.boundsSprite) { - this.checkBoundsSprite(); - } - if(this.snapOnDrag) { - this._parent.x = Math.floor(this._parent.x / this.snapX) * this.snapX; - this._parent.y = Math.floor(this._parent.y / this.snapY) * this.snapY; - } - return true; - }; - InputHandler.prototype.justOver = /** - * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just over. - * @returns {boolean} - */ - function (pointer, delay) { - if (typeof pointer === "undefined") { pointer = 0; } - if (typeof delay === "undefined") { delay = 500; } - return (this._pointerData[pointer].isOver && this.overDuration(pointer) < delay); - }; - InputHandler.prototype.justOut = /** - * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just out. - * @returns {boolean} - */ - function (pointer, delay) { - if (typeof pointer === "undefined") { pointer = 0; } - if (typeof delay === "undefined") { delay = 500; } - return (this._pointerData[pointer].isOut && (this.game.time.now - this._pointerData[pointer].timeOut < delay)); - }; - InputHandler.prototype.justPressed = /** - * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just over. - * @returns {boolean} - */ - function (pointer, delay) { - if (typeof pointer === "undefined") { pointer = 0; } - if (typeof delay === "undefined") { delay = 500; } - return (this._pointerData[pointer].isDown && this.downDuration(pointer) < delay); - }; - InputHandler.prototype.justReleased = /** - * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just out. - * @returns {boolean} - */ - function (pointer, delay) { - if (typeof pointer === "undefined") { pointer = 0; } - if (typeof delay === "undefined") { delay = 500; } - return (this._pointerData[pointer].isUp && (this.game.time.now - this._pointerData[pointer].timeUp < delay)); - }; - InputHandler.prototype.overDuration = /** - * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. - * @returns {number} The number of milliseconds the pointer has been over the Sprite, or -1 if not over. - */ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - if(this._pointerData[pointer].isOver) { - return this.game.time.now - this._pointerData[pointer].timeOver; - } - return -1; - }; - InputHandler.prototype.downDuration = /** - * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. - * @returns {number} The number of milliseconds the pointer has been pressed down on the Sprite, or -1 if not over. - */ - function (pointer) { - if (typeof pointer === "undefined") { pointer = 0; } - if(this._pointerData[pointer].isDown) { - return this.game.time.now - this._pointerData[pointer].timeDown; - } - return -1; - }; - InputHandler.prototype.enableDrag = /** - * Make this Sprite draggable by the mouse. You can also optionally set mouseStartDragCallback and mouseStopDragCallback - * - * @param lockCenter If false the Sprite will drag from where you click it minus the dragOffset. If true it will center itself to the tip of the mouse pointer. - * @param bringToTop If true the Sprite will be bought to the top of the rendering list in its current Group. - * @param pixelPerfect If true it will use a pixel perfect test to see if you clicked the Sprite. False uses the bounding box. - * @param alphaThreshold If using pixel perfect collision this specifies the alpha level from 0 to 255 above which a collision is processed (default 255) - * @param boundsRect If you want to restrict the drag of this sprite to a specific FlxRect, pass the FlxRect here, otherwise it's free to drag anywhere - * @param boundsSprite If you want to restrict the drag of this sprite to within the bounding box of another sprite, pass it here - */ - function (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite) { - if (typeof lockCenter === "undefined") { lockCenter = false; } - if (typeof bringToTop === "undefined") { bringToTop = false; } - if (typeof pixelPerfect === "undefined") { pixelPerfect = false; } - if (typeof alphaThreshold === "undefined") { alphaThreshold = 255; } - if (typeof boundsRect === "undefined") { boundsRect = null; } - if (typeof boundsSprite === "undefined") { boundsSprite = null; } - this._dragPoint = new Phaser.Point(); - this.draggable = true; - this.bringToTop = bringToTop; - this.dragOffset = new Phaser.Point(); - this.dragFromCenter = lockCenter; - this.dragPixelPerfect = pixelPerfect; - this.dragPixelPerfectAlpha = alphaThreshold; - if(boundsRect) { - this.boundsRect = boundsRect; - } - if(boundsSprite) { - this.boundsSprite = boundsSprite; - } - }; - InputHandler.prototype.disableDrag = /** - * Stops this sprite from being able to be dragged. If it is currently the target of an active drag it will be stopped immediately. Also disables any set callbacks. - */ - function () { - if(this._pointerData) { - for(var i = 0; i < 10; i++) { - this._pointerData[i].isDragged = false; - } - } - this.draggable = false; - this.isDragged = false; - this._draggedPointerID = -1; - }; - InputHandler.prototype.startDrag = /** - * Called by Pointer when drag starts on this Sprite. Should not usually be called directly. - */ - function (pointer) { - this.isDragged = true; - this._draggedPointerID = pointer.id; - this._pointerData[pointer.id].isDragged = true; - if(this.dragFromCenter) { - this._parent.transform.centerOn(pointer.worldX, pointer.worldY); - this._dragPoint.setTo(this._parent.x - pointer.x, this._parent.y - pointer.y); - } else { - this._dragPoint.setTo(this._parent.x - pointer.x, this._parent.y - pointer.y); - } - this.updateDrag(pointer); - if(this.bringToTop) { - this._parent.bringToTop(); - } - this._parent.events.onDragStart.dispatch(this._parent, pointer); - }; - InputHandler.prototype.stopDrag = /** - * Called by Pointer when drag is stopped on this Sprite. Should not usually be called directly. - */ - function (pointer) { - this.isDragged = false; - this._draggedPointerID = -1; - this._pointerData[pointer.id].isDragged = false; - if(this.snapOnRelease) { - this._parent.x = Math.floor(this._parent.x / this.snapX) * this.snapX; - this._parent.y = Math.floor(this._parent.y / this.snapY) * this.snapY; - } - this._parent.events.onDragStop.dispatch(this._parent, pointer); - this._parent.events.onInputUp.dispatch(this._parent, pointer); - }; - InputHandler.prototype.setDragLock = /** - * Restricts this sprite to drag movement only on the given axis. Note: If both are set to false the sprite will never move! - * - * @param allowHorizontal To enable the sprite to be dragged horizontally set to true, otherwise false - * @param allowVertical To enable the sprite to be dragged vertically set to true, otherwise false - */ - function (allowHorizontal, allowVertical) { - if (typeof allowHorizontal === "undefined") { allowHorizontal = true; } - if (typeof allowVertical === "undefined") { allowVertical = true; } - this.allowHorizontalDrag = allowHorizontal; - this.allowVerticalDrag = allowVertical; - }; - InputHandler.prototype.enableSnap = /** - * Make this Sprite snap to the given grid either during drag or when it's released. - * For example 16x16 as the snapX and snapY would make the sprite snap to every 16 pixels. - * - * @param snapX The width of the grid cell in pixels - * @param snapY The height of the grid cell in pixels - * @param onDrag If true the sprite will snap to the grid while being dragged - * @param onRelease If true the sprite will snap to the grid when released - */ - function (snapX, snapY, onDrag, onRelease) { - if (typeof onDrag === "undefined") { onDrag = true; } - if (typeof onRelease === "undefined") { onRelease = false; } - this.snapOnDrag = onDrag; - this.snapOnRelease = onRelease; - this.snapX = snapX; - this.snapY = snapY; - }; - InputHandler.prototype.disableSnap = /** - * Stops the sprite from snapping to a grid during drag or release. - */ - function () { - this.snapOnDrag = false; - this.snapOnRelease = false; - }; - InputHandler.prototype.checkBoundsRect = /** - * Bounds Rect check for the sprite drag - */ - function () { - if(this._parent.x < this.boundsRect.left) { - this._parent.x = this.boundsRect.x; - } else if((this._parent.x + this._parent.width) > this.boundsRect.right) { - this._parent.x = this.boundsRect.right - this._parent.width; - } - if(this._parent.y < this.boundsRect.top) { - this._parent.y = this.boundsRect.top; - } else if((this._parent.y + this._parent.height) > this.boundsRect.bottom) { - this._parent.y = this.boundsRect.bottom - this._parent.height; - } - }; - InputHandler.prototype.checkBoundsSprite = /** - * Parent Sprite Bounds check for the sprite drag - */ - function () { - if(this._parent.x < this.boundsSprite.x) { - this._parent.x = this.boundsSprite.x; - } else if((this._parent.x + this._parent.width) > (this.boundsSprite.x + this.boundsSprite.width)) { - this._parent.x = (this.boundsSprite.x + this.boundsSprite.width) - this._parent.width; - } - if(this._parent.y < this.boundsSprite.y) { - this._parent.y = this.boundsSprite.y; - } else if((this._parent.y + this._parent.height) > (this.boundsSprite.y + this.boundsSprite.height)) { - this._parent.y = (this.boundsSprite.y + this.boundsSprite.height) - this._parent.height; - } - }; - return InputHandler; - })(); - Components.InputHandler = InputHandler; - })(Phaser.Components || (Phaser.Components = {})); - var Components = Phaser.Components; + }; + + /** + * The angle between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.angle = function (a) { + return Math.atan2(a.x * this.y - a.y * this.x, a.x * this.x + a.y * this.y); + }; + + /** + * Scale this vector. + * + * @param {number} x The scaling factor in the x direction. + * @param {?number=} y The scaling factor in the y direction. If this is not specified, the x scaling factor will be used. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.scale = function (x, y) { + this.x *= x; + this.y *= y || x; + return this; + }; + + /** + * Multiply this vector by the given scalar. + * + * @param {number} scalar + * @return {Vec2} This for chaining. + */ + Vec2.prototype.multiplyByScalar = function (scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + }; + + /** + * Adds the given vector to this vector then multiplies by the given scalar. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {number} scalar + * @return {Vec2} This for chaining. + */ + Vec2.prototype.multiplyAddByScalar = function (a, scalar) { + this.x += a.x * scalar; + this.y += a.y * scalar; + return this; + }; + + /** + * Divide this vector by the given scalar. + * + * @param {number} scalar + * @return {Vec2} This for chaining. + */ + Vec2.prototype.divideByScalar = function (scalar) { + this.x /= scalar; + this.y /= scalar; + return this; + }; + + /** + * Reverse this vector. + * + * @return {Vec2} This for chaining. + */ + Vec2.prototype.reverse = function () { + this.x = -this.x; + this.y = -this.y; + return this; + }; + + /** + * Check if both the x and y of this vector equal the given value. + * + * @return {Boolean} + */ + Vec2.prototype.equals = function (value) { + return (this.x == value && this.y == value); + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the object. + **/ + Vec2.prototype.toString = function () { + return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; + }; + return Vec2; + })(); + Phaser.Vec2 = Vec2; })(Phaser || (Phaser = {})); -/// +/// +/** +* Phaser - Vec2Utils +* +* A collection of methods useful for manipulating and performing operations on 2D vectors. +* +*/ +var Phaser; +(function (Phaser) { + var Vec2Utils = (function () { + function Vec2Utils() { + } + Vec2Utils.add = /** + * Adds two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x + b.x, a.y + b.y); + }; + + Vec2Utils.subtract = /** + * Subtracts two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the difference of the two vectors. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x - b.x, a.y - b.y); + }; + + Vec2Utils.multiply = /** + * Multiplies two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors multiplied. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x * b.x, a.y * b.y); + }; + + Vec2Utils.divide = /** + * Divides two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors divided. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x / b.x, a.y / b.y); + }; + + Vec2Utils.scale = /** + * Scales a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {number} s Scaling value. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the scaled vector. + */ + function (a, s, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x * s, a.y * s); + }; + + Vec2Utils.multiplyAdd = /** + * Adds two 2D vectors together and multiplies the result by the given scalar. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {number} s Scaling value. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors added and multiplied. + */ + function (a, b, s, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x + b.x * s, a.y + b.y * s); + }; + + Vec2Utils.negative = /** + * Return a negative vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the negative vector. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(-a.x, -a.y); + }; + + Vec2Utils.perp = /** + * Return a perpendicular vector (90 degrees rotation) + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the scaled vector. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(-a.y, a.x); + }; + + Vec2Utils.rperp = /** + * Return a perpendicular vector (-90 degrees rotation) + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the scaled vector. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.y, -a.x); + }; + + Vec2Utils.equals = /** + * Checks if two 2D vectors are equal. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Boolean} + */ + function (a, b) { + return a.x == b.x && a.y == b.y; + }; + + Vec2Utils.epsilonEquals = /** + * + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} epsilon + * @return {Boolean} + */ + function (a, b, epsilon) { + return Math.abs(a.x - b.x) <= epsilon && Math.abs(a.y - b.y) <= epsilon; + }; + + Vec2Utils.distance = /** + * Get the distance between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return Math.sqrt(Vec2Utils.distanceSq(a, b)); + }; + + Vec2Utils.distanceSq = /** + * Get the distance squared between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return ((a.x - b.x) * (a.x - b.x)) + ((a.y - b.y) * (a.y - b.y)); + }; + + Vec2Utils.project = /** + * Project two 2D vectors onto another vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var amt = a.dot(b) / b.lengthSq(); + + if (amt != 0) { + out.setTo(amt * b.x, amt * b.y); + } + + return out; + }; + + Vec2Utils.projectUnit = /** + * Project this vector onto a vector of unit length. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var amt = a.dot(b); + + if (amt != 0) { + out.setTo(amt * b.x, amt * b.y); + } + + return out; + }; + + Vec2Utils.normalRightHand = /** + * Right-hand normalize (make unit length) a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.y * -1, a.x); + }; + + Vec2Utils.normalize = /** + * Normalize (make unit length) a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var m = a.length(); + + if (m != 0) { + out.setTo(a.x / m, a.y / m); + } + + return out; + }; + + Vec2Utils.dot = /** + * The dot product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return ((a.x * b.x) + (a.y * b.y)); + }; + + Vec2Utils.cross = /** + * The cross product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return ((a.x * b.y) - (a.y * b.x)); + }; + + Vec2Utils.angle = /** + * The angle between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return Math.atan2(a.x * b.y - a.y * b.x, a.x * b.x + a.y * b.y); + }; + + Vec2Utils.angleSq = /** + * The angle squared between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return a.subtract(b).angle(b.subtract(a)); + }; + + Vec2Utils.rotateAroundOrigin = /** + * Rotate a 2D vector around the origin to the given angle (theta). + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Number} theta The angle of rotation in radians. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, b, theta, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var x = a.x - b.x; + var y = a.y - b.y; + return out.setTo(x * Math.cos(theta) - y * Math.sin(theta) + b.x, x * Math.sin(theta) + y * Math.cos(theta) + b.y); + }; + + Vec2Utils.rotate = /** + * Rotate a 2D vector to the given angle (theta). + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Number} theta The angle of rotation in radians. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, theta, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var c = Math.cos(theta); + var s = Math.sin(theta); + + return out.setTo(a.x * c - a.y * s, a.x * s + a.y * c); + }; + + Vec2Utils.clone = /** + * Clone a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is a copy of the source Vec2. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x, a.y); + }; + return Vec2Utils; + })(); + Phaser.Vec2Utils = Vec2Utils; +})(Phaser || (Phaser = {})); +/// /** * Phaser - Mat3 * @@ -2618,17 +2645,7 @@ var Phaser; * @return {Mat3} This object **/ function Mat3() { - this.data = [ - 1, - 0, - 0, - 0, - 1, - 0, - 0, - 0, - 1 - ]; + this.data = [1, 0, 0, 0, 1, 0, 0, 0, 1]; } Object.defineProperty(Mat3.prototype, "a00", { get: function () { @@ -2640,6 +2657,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a01", { get: function () { return this.data[1]; @@ -2650,6 +2669,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a02", { get: function () { return this.data[2]; @@ -2660,6 +2681,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a10", { get: function () { return this.data[3]; @@ -2670,6 +2693,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a11", { get: function () { return this.data[4]; @@ -2680,6 +2705,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a12", { get: function () { return this.data[5]; @@ -2690,6 +2717,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a20", { get: function () { return this.data[6]; @@ -2700,6 +2729,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a21", { get: function () { return this.data[7]; @@ -2710,6 +2741,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Mat3.prototype, "a22", { get: function () { return this.data[8]; @@ -2720,13 +2753,15 @@ var Phaser; enumerable: true, configurable: true }); - Mat3.prototype.copyFromMat3 = /** + + + /** * Copies the values from one Mat3 into this Mat3. * @method copyFromMat3 * @param {any} source - The object to copy from. * @return {Mat3} This Mat3 object. **/ - function (source) { + Mat3.prototype.copyFromMat3 = function (source) { this.data[0] = source.data[0]; this.data[1] = source.data[1]; this.data[2] = source.data[2]; @@ -2736,15 +2771,17 @@ var Phaser; this.data[6] = source.data[6]; this.data[7] = source.data[7]; this.data[8] = source.data[8]; + return this; }; - Mat3.prototype.copyFromMat4 = /** + + /** * Copies the upper-left 3x3 values into this Mat3. * @method copyFromMat4 * @param {any} source - The object to copy from. * @return {Mat3} This Mat3 object. **/ - function (source) { + Mat3.prototype.copyFromMat4 = function (source) { this.data[0] = source[0]; this.data[1] = source[1]; this.data[2] = source[2]; @@ -2754,14 +2791,16 @@ var Phaser; this.data[6] = source[8]; this.data[7] = source[9]; this.data[8] = source[10]; + return this; }; - Mat3.prototype.clone = /** + + /** * Clones this Mat3 into a new Mat3 * @param {Mat3} out The output Mat3, if none is given a new Mat3 object will be created. * @return {Mat3} The new Mat3 **/ - function (out) { + Mat3.prototype.clone = function (out) { if (typeof out === "undefined") { out = new Phaser.Mat3(); } out[0] = this.data[0]; out[1] = this.data[1]; @@ -2772,26 +2811,31 @@ var Phaser; out[6] = this.data[6]; out[7] = this.data[7]; out[8] = this.data[8]; + return out; }; - Mat3.prototype.identity = /** + + /** * Sets this Mat3 to the identity matrix. * @method identity * @param {any} source - The object to copy from. * @return {Mat3} This Mat3 object. **/ - function () { + Mat3.prototype.identity = function () { return this.setTo(1, 0, 0, 0, 1, 0, 0, 0, 1); }; - Mat3.prototype.translate = /** + + /** * Translates this Mat3 by the given vector **/ - function (v) { + Mat3.prototype.translate = function (v) { this.a20 = v.x * this.a00 + v.y * this.a10 + this.a20; this.a21 = v.x * this.a01 + v.y * this.a11 + this.a21; this.a22 = v.x * this.a02 + v.y * this.a12 + this.a22; + return this; }; + Mat3.prototype.setTemps = function () { this._a00 = this.data[0]; this._a01 = this.data[1]; @@ -2803,33 +2847,42 @@ var Phaser; this._a21 = this.data[7]; this._a22 = this.data[8]; }; - Mat3.prototype.rotate = /** + + /** * Rotates this Mat3 by the given angle (given in radians) **/ - function (rad) { + Mat3.prototype.rotate = function (rad) { this.setTemps(); + var s = Phaser.GameMath.sinA[rad]; var c = Phaser.GameMath.cosA[rad]; + this.data[0] = c * this._a00 + s * this._a10; this.data[1] = c * this._a01 + s * this._a10; this.data[2] = c * this._a02 + s * this._a12; + this.data[3] = c * this._a10 - s * this._a00; this.data[4] = c * this._a11 - s * this._a01; this.data[5] = c * this._a12 - s * this._a02; + return this; }; - Mat3.prototype.scale = /** + + /** * Scales this Mat3 by the given vector **/ - function (v) { + Mat3.prototype.scale = function (v) { this.data[0] = v.x * this.data[0]; this.data[1] = v.x * this.data[1]; this.data[2] = v.x * this.data[2]; + this.data[3] = v.y * this.data[3]; this.data[4] = v.y * this.data[4]; this.data[5] = v.y * this.data[5]; + return this; }; + Mat3.prototype.setTo = function (a00, a01, a02, a10, a11, a12, a20, a21, a22) { this.data[0] = a00; this.data[1] = a01; @@ -2840,2113 +2893,2214 @@ var Phaser; this.data[6] = a20; this.data[7] = a21; this.data[8] = a22; + return this; }; - Mat3.prototype.toString = /** + + /** * Returns a string representation of this object. * @method toString * @return {string} a string representation of the object. **/ - function () { + Mat3.prototype.toString = function () { return ''; //return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; - }; + }; return Mat3; })(); - Phaser.Mat3 = Mat3; + Phaser.Mat3 = Mat3; })(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /// - /// - /** - * Phaser - Components - TransformManager - */ - (function (Components) { - var TransformManager = (function () { - /** - * Creates a new TransformManager component - * @param parent The game object using this transform - */ - function TransformManager(parent) { - this._dirty = false; - /** - * This value is added to the rotation of the object. - * For example if you had a texture drawn facing straight up then you could set - * rotationOffset to 90 and it would correspond correctly with Phasers right-handed coordinate system. - * @type {number} - */ - this.rotationOffset = 0; - /** - * The rotation of the object in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - */ - this.rotation = 0; - this.game = parent.game; - this.parent = parent; - this.local = new Phaser.Mat3(); - this.scrollFactor = new Phaser.Vec2(1, 1); - this.origin = new Phaser.Vec2(); - this.scale = new Phaser.Vec2(1, 1); - this.skew = new Phaser.Vec2(); - this.center = new Phaser.Point(); - this.upperLeft = new Phaser.Point(); - this.upperRight = new Phaser.Point(); - this.bottomLeft = new Phaser.Point(); - this.bottomRight = new Phaser.Point(); - this._pos = new Phaser.Point(); - this._scale = new Phaser.Point(); - this._size = new Phaser.Point(); - this._halfSize = new Phaser.Point(); - this._offset = new Phaser.Point(); - this._origin = new Phaser.Point(); - this._sc = new Phaser.Point(); - this._scA = new Phaser.Point(); - } - Object.defineProperty(TransformManager.prototype, "distance", { - get: /** - * The distance from the center of the transform to the rotation origin. - */ - function () { - return this._distance; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "angleToCenter", { - get: /** - * The angle between the center of the transform to the rotation origin. - */ - function () { - return this._angle; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "offsetX", { - get: /** - * The offset on the X axis of the origin That is the difference between the top left of the Sprite and the origin.x. - * So if the origin.x is 0 the offsetX will be 0. If the origin.x is 0.5 then offsetX will be sprite width / 2, and so on. - */ - function () { - return this._offset.x; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "offsetY", { - get: /** - * The offset on the Y axis of the origin - */ - function () { - return this._offset.y; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "halfWidth", { - get: /** - * Half the width of the parent sprite, taking into consideration scaling - */ - function () { - return this._halfSize.x; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "halfHeight", { - get: /** - * Half the height of the parent sprite, taking into consideration scaling - */ - function () { - return this._halfSize.y; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "sin", { - get: /** - * The equivalent of Math.sin(rotation + rotationOffset) - */ - function () { - return this._sc.x; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(TransformManager.prototype, "cos", { - get: /** - * The equivalent of Math.cos(rotation + rotationOffset) - */ - function () { - return this._sc.y; - }, - enumerable: true, - configurable: true - }); - TransformManager.prototype.centerOn = /** - * Moves the sprite so its center is located on the given x and y coordinates. - * Doesn't change the origin of the sprite. - */ - function (x, y) { - this.parent.x = x + (this.parent.x - this.center.x); - this.parent.y = y + (this.parent.y - this.center.y); - this.setCache(); - }; - TransformManager.prototype.setCache = /** - * Populates the transform cache. Called by the parent object on creation. - */ - function () { - this._pos.x = this.parent.x; - this._pos.y = this.parent.y; - this._halfSize.x = this.parent.width / 2; - this._halfSize.y = this.parent.height / 2; - this._offset.x = this.origin.x * this.parent.width; - this._offset.y = this.origin.y * this.parent.height; - this._angle = Math.atan2(this.halfHeight - this._offset.x, this.halfWidth - this._offset.y); - this._distance = Math.sqrt(((this._offset.x - this._halfSize.x) * (this._offset.x - this._halfSize.x)) + ((this._offset.y - this._halfSize.y) * (this._offset.y - this._halfSize.y))); - this._size.x = this.parent.width; - this._size.y = this.parent.height; - this._origin.x = this.origin.x; - this._origin.y = this.origin.y; - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); - this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); - this._prevRotation = this.rotation; - if(this.parent.texture && this.parent.texture.renderRotation) { - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - } else { - this._sc.x = 0; - this._sc.y = 1; - } - this.center.x = this.parent.x + this._distance * this._scA.y; - this.center.y = this.parent.y + this._distance * this._scA.x; - this.upperLeft.setTo(this.center.x - this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); - this.upperRight.setTo(this.center.x + this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); - this.bottomLeft.setTo(this.center.x - this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); - this.bottomRight.setTo(this.center.x + this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); - this._pos.x = this.parent.x; - this._pos.y = this.parent.y; - }; - TransformManager.prototype.update = /** - * Updates the local transform matrix and the cache values if anything has changed in the parent. - */ - function () { - // Check cache - this._dirty = false; - // 1) Height or Width change (also triggered by a change in scale) or an Origin change - if(this.parent.width !== this._size.x || this.parent.height !== this._size.y || this.origin.x !== this._origin.x || this.origin.y !== this._origin.y) { - this._halfSize.x = this.parent.width / 2; - this._halfSize.y = this.parent.height / 2; - this._offset.x = this.origin.x * this.parent.width; - this._offset.y = this.origin.y * this.parent.height; - this._angle = Math.atan2(this.halfHeight - this._offset.y, this.halfWidth - this._offset.x); - this._distance = Math.sqrt(((this._offset.x - this._halfSize.x) * (this._offset.x - this._halfSize.x)) + ((this._offset.y - this._halfSize.y) * (this._offset.y - this._halfSize.y))); - // Store - this._size.x = this.parent.width; - this._size.y = this.parent.height; - this._origin.x = this.origin.x; - this._origin.y = this.origin.y; - this._dirty = true; - } - // 2) Rotation change - if(this.rotation != this._prevRotation) { - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); - this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); - if(this.parent.texture.renderRotation) { - this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); - } else { - this._sc.x = 0; - this._sc.y = 1; - } - // Store - this._prevRotation = this.rotation; - this._dirty = true; - } - // If it has moved, update the edges and center - if(this._dirty || this.parent.x != this._pos.x || this.parent.y != this._pos.y) { - this.center.x = this.parent.x + this._distance * this._scA.y; - this.center.y = this.parent.y + this._distance * this._scA.x; - this.upperLeft.setTo(this.center.x - this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); - this.upperRight.setTo(this.center.x + this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); - this.bottomLeft.setTo(this.center.x - this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); - this.bottomRight.setTo(this.center.x + this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); - this._pos.x = this.parent.x; - this._pos.y = this.parent.y; - } - // Scale and Skew - if(this.parent.texture.flippedX) { - this.local.data[0] = this._sc.y * -this.scale.x; - this.local.data[3] = (this._sc.x * -this.scale.x) + this.skew.x; - } else { - this.local.data[0] = this._sc.y * this.scale.x; - this.local.data[3] = (this._sc.x * this.scale.x) + this.skew.x; - } - if(this.parent.texture.flippedY) { - this.local.data[4] = this._sc.y * -this.scale.y; - this.local.data[1] = -(this._sc.x * -this.scale.y) + this.skew.y; - } else { - this.local.data[4] = this._sc.y * this.scale.y; - this.local.data[1] = -(this._sc.x * this.scale.y) + this.skew.y; - } - // Translate - this.local.data[2] = this.parent.x; - this.local.data[5] = this.parent.y; - }; - return TransformManager; - })(); - Components.TransformManager = TransformManager; - })(Phaser.Components || (Phaser.Components = {})); - var Components = Phaser.Components; -})(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /** - * Phaser - Components - Events - * - * Signals that are dispatched by the Sprite and its various components - */ - (function (Components) { - var Events = (function () { - /** - * The Events component is a collection of events fired by the parent game object and its components. - * @param parent The game object using this Input component - */ - function Events(parent) { - this.game = parent.game; - this._parent = parent; - this.onAddedToGroup = new Phaser.Signal(); - this.onRemovedFromGroup = new Phaser.Signal(); - this.onKilled = new Phaser.Signal(); - this.onRevived = new Phaser.Signal(); - this.onOutOfBounds = new Phaser.Signal(); - } - return Events; - })(); - Components.Events = Events; - })(Phaser.Components || (Phaser.Components = {})); - var Components = Phaser.Components; -})(Phaser || (Phaser = {})); -/// -/// +/// /** -* Phaser - Vec2Utils +* Phaser - Mat3Utils * -* A collection of methods useful for manipulating and performing operations on 2D vectors. +* A collection of methods useful for manipulating and performing operations on Mat3 objects. * */ var Phaser; (function (Phaser) { - var Vec2Utils = (function () { - function Vec2Utils() { } - Vec2Utils.add = /** - * Adds two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors. - */ - function add(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x + b.x, a.y + b.y); - }; - Vec2Utils.subtract = /** - * Subtracts two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the difference of the two vectors. - */ - function subtract(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x - b.x, a.y - b.y); - }; - Vec2Utils.multiply = /** - * Multiplies two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors multiplied. - */ - function multiply(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x * b.x, a.y * b.y); - }; - Vec2Utils.divide = /** - * Divides two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors divided. - */ - function divide(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x / b.x, a.y / b.y); - }; - Vec2Utils.scale = /** - * Scales a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {number} s Scaling value. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the scaled vector. - */ - function scale(a, s, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x * s, a.y * s); - }; - Vec2Utils.multiplyAdd = /** - * Adds two 2D vectors together and multiplies the result by the given scalar. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {number} s Scaling value. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors added and multiplied. - */ - function multiplyAdd(a, b, s, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x + b.x * s, a.y + b.y * s); - }; - Vec2Utils.negative = /** - * Return a negative vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the negative vector. - */ - function negative(a, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(-a.x, -a.y); - }; - Vec2Utils.perp = /** - * Return a perpendicular vector (90 degrees rotation) - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the scaled vector. - */ - function perp(a, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(-a.y, a.x); - }; - Vec2Utils.rperp = /** - * Return a perpendicular vector (-90 degrees rotation) - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the scaled vector. - */ - function rperp(a, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.y, -a.x); - }; - Vec2Utils.equals = /** - * Checks if two 2D vectors are equal. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Boolean} - */ - function equals(a, b) { - return a.x == b.x && a.y == b.y; - }; - Vec2Utils.epsilonEquals = /** - * - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} epsilon - * @return {Boolean} - */ - function epsilonEquals(a, b, epsilon) { - return Math.abs(a.x - b.x) <= epsilon && Math.abs(a.y - b.y) <= epsilon; - }; - Vec2Utils.distance = /** - * Get the distance between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - function distance(a, b) { - return Math.sqrt(Vec2Utils.distanceSq(a, b)); - }; - Vec2Utils.distanceSq = /** - * Get the distance squared between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - function distanceSq(a, b) { - return ((a.x - b.x) * (a.x - b.x)) + ((a.y - b.y) * (a.y - b.y)); - }; - Vec2Utils.project = /** - * Project two 2D vectors onto another vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - function project(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - var amt = a.dot(b) / b.lengthSq(); - if(amt != 0) { - out.setTo(amt * b.x, amt * b.y); - } - return out; - }; - Vec2Utils.projectUnit = /** - * Project this vector onto a vector of unit length. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - function projectUnit(a, b, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - var amt = a.dot(b); - if(amt != 0) { - out.setTo(amt * b.x, amt * b.y); - } - return out; - }; - Vec2Utils.normalRightHand = /** - * Right-hand normalize (make unit length) a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - function normalRightHand(a, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.y * -1, a.x); - }; - Vec2Utils.normalize = /** - * Normalize (make unit length) a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - function normalize(a, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - var m = a.length(); - if(m != 0) { - out.setTo(a.x / m, a.y / m); - } - return out; - }; - Vec2Utils.dot = /** - * The dot product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - function dot(a, b) { - return ((a.x * b.x) + (a.y * b.y)); - }; - Vec2Utils.cross = /** - * The cross product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - function cross(a, b) { - return ((a.x * b.y) - (a.y * b.x)); - }; - Vec2Utils.angle = /** - * The angle between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - function angle(a, b) { - return Math.atan2(a.x * b.y - a.y * b.x, a.x * b.x + a.y * b.y); - }; - Vec2Utils.angleSq = /** - * The angle squared between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - function angleSq(a, b) { - return a.subtract(b).angle(b.subtract(a)); - }; - Vec2Utils.rotateAroundOrigin = /** - * Rotate a 2D vector around the origin to the given angle (theta). - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Number} theta The angle of rotation in radians. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - function rotateAroundOrigin(a, b, theta, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - var x = a.x - b.x; - var y = a.y - b.y; - return out.setTo(x * Math.cos(theta) - y * Math.sin(theta) + b.x, x * Math.sin(theta) + y * Math.cos(theta) + b.y); - }; - Vec2Utils.rotate = /** - * Rotate a 2D vector to the given angle (theta). - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Number} theta The angle of rotation in radians. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - function rotate(a, theta, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - var c = Math.cos(theta); - var s = Math.sin(theta); - return out.setTo(a.x * c - a.y * s, a.x * s + a.y * c); - }; - Vec2Utils.clone = /** - * Clone a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is a copy of the source Vec2. - */ - function clone(a, out) { - if (typeof out === "undefined") { out = new Phaser.Vec2(); } - return out.setTo(a.x, a.y); - }; - return Vec2Utils; - })(); - Phaser.Vec2Utils = Vec2Utils; - /** - * Reflect this vector on an arbitrary axis. - * - * @param {Vec2} axis The vector representing the axis. - * @return {Vec2} This for chaining. - */ - /* - static reflect(axis): Vec2 { - - var x = this.x; - var y = this.y; - this.project(axis).scale(2); - this.x -= x; - this.y -= y; - - return this; - - } - */ - /** - * Reflect this vector on an arbitrary axis (represented by a unit vector) - * - * @param {Vec2} axis The unit vector representing the axis. - * @return {Vec2} This for chaining. - */ - /* - static reflectN(axis): Vec2 { - - var x = this.x; - var y = this.y; - this.projectN(axis).scale(2); - this.x -= x; - this.y -= y; - - return this; - - } - - static getMagnitude(): number { - return Math.sqrt(Math.pow(this.x, 2) + Math.pow(this.y, 2)); - } - */ - })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/** -* Phaser - CircleUtils -* -* A collection of methods useful for manipulating and comparing Circle objects. -* -* TODO: -*/ -var Phaser; -(function (Phaser) { - var CircleUtils = (function () { - function CircleUtils() { } - CircleUtils.clone = /** - * Returns a new Circle object with the same values for the x, y, width, and height properties as the original Circle object. - * @method clone - * @param {Circle} a - The Circle object. - * @param {Circle} [optional] out Optional Circle object. If given the values will be set into the object, otherwise a brand new Circle object will be created and returned. - * @return {Phaser.Circle} - **/ - function clone(a, out) { - if (typeof out === "undefined") { out = new Phaser.Circle(); } - return out.setTo(a.x, a.y, a.diameter); - }; - CircleUtils.contains = /** - * Return true if the given x/y coordinates are within the Circle object. - * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. - * @method contains - * @param {Circle} a - The Circle object. - * @param {Number} The X value of the coordinate to test. - * @param {Number} The Y value of the coordinate to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - function contains(a, x, y) { - // Check if x/y are within the bounds first - if(x >= a.left && x <= a.right && y >= a.top && y <= a.bottom) { - var dx = (a.x - x) * (a.x - x); - var dy = (a.y - y) * (a.y - y); - return (dx + dy) <= (a.radius * a.radius); - } - return false; - }; - CircleUtils.containsPoint = /** - * Return true if the coordinates of the given Point object are within this Circle object. - * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. - * @method containsPoint - * @param {Circle} a - The Circle object. - * @param {Point} The Point object to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - function containsPoint(a, point) { - return CircleUtils.contains(a, point.x, point.y); - }; - CircleUtils.containsCircle = /** - * Return true if the given Circle is contained entirely within this Circle object. - * If you need details about the intersection then use Phaser.Intersect.circleToCircle instead. - * @method containsCircle - * @param {Circle} The Circle object to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - function containsCircle(a, b) { - //return ((a.radius + b.radius) * (a.radius + b.radius)) >= Collision.distanceSquared(a.x, a.y, b.x, b.y); - return true; - }; - CircleUtils.distanceBetween = /** - * Returns the distance from the center of the Circle object to the given object (can be Circle, Point or anything with x/y properties) - * @method distanceBetween - * @param {Circle} a - The Circle object. - * @param {Circle} b - The target object. Must have visible x and y properties that represent the center of the object. - * @param {Boolean} [optional] round - Round the distance to the nearest integer (default false) - * @return {Number} The distance between this Point object and the destination Point object. - **/ - function distanceBetween(a, target, round) { - if (typeof round === "undefined") { round = false; } - var dx = a.x - target.x; - var dy = a.y - target.y; - if(round === true) { - return Math.round(Math.sqrt(dx * dx + dy * dy)); - } else { - return Math.sqrt(dx * dx + dy * dy); - } - }; - CircleUtils.equals = /** - * Determines whether the two Circle objects match. This method compares the x, y and diameter properties. - * @method equals - * @param {Circle} a - The first Circle object. - * @param {Circle} b - The second Circle object. - * @return {Boolean} A value of true if the object has exactly the same values for the x, y and diameter properties as this Circle object; otherwise false. - **/ - function equals(a, b) { - return (a.x == b.x && a.y == b.y && a.diameter == b.diameter); - }; - CircleUtils.intersects = /** - * Determines whether the two Circle objects intersect. - * This method checks the radius distances between the two Circle objects to see if they intersect. - * @method intersects - * @param {Circle} a - The first Circle object. - * @param {Circle} b - The second Circle object. - * @return {Boolean} A value of true if the specified object intersects with this Circle object; otherwise false. - **/ - function intersects(a, b) { - return (CircleUtils.distanceBetween(a, b) <= (a.radius + b.radius)); - }; - CircleUtils.circumferencePoint = /** - * Returns a Point object containing the coordinates of a point on the circumference of the Circle based on the given angle. - * @method circumferencePoint - * @param {Circle} a - The first Circle object. - * @param {Number} angle The angle in radians (unless asDegrees is true) to return the point from. - * @param {Boolean} asDegrees Is the given angle in radians (false) or degrees (true)? - * @param {Phaser.Point} [optional] output An optional Point object to put the result in to. If none specified a new Point object will be created. - * @return {Phaser.Point} The Point object holding the result. - **/ - function circumferencePoint(a, angle, asDegrees, out) { - if (typeof asDegrees === "undefined") { asDegrees = false; } - if (typeof out === "undefined") { out = new Phaser.Point(); } - if(asDegrees === true) { - angle = angle * Phaser.GameMath.DEG_TO_RAD; - } - return out.setTo(a.x + a.radius * Math.cos(angle), a.y + a.radius * Math.sin(angle)); - }; - CircleUtils.intersectsRectangle = /* - public static boolean intersect(Rectangle r, Circle c) - { - float cx = Math.abs(c.x - r.x - r.halfWidth); - float xDist = r.halfWidth + c.radius; - if (cx > xDist) - return false; - float cy = Math.abs(c.y - r.y - r.halfHeight); - float yDist = r.halfHeight + c.radius; - if (cy > yDist) - return false; - if (cx <= r.halfWidth || cy <= r.halfHeight) - return true; - float xCornerDist = cx - r.halfWidth; - float yCornerDist = cy - r.halfHeight; - float xCornerDistSq = xCornerDist * xCornerDist; - float yCornerDistSq = yCornerDist * yCornerDist; - float maxCornerDistSq = c.radius * c.radius; - return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + var Mat3Utils = (function () { + function Mat3Utils() { } - */ - function intersectsRectangle(c, r) { - var cx = Math.abs(c.x - r.x - r.halfWidth); - var xDist = r.halfWidth + c.radius; - if(cx > xDist) { - return false; + Mat3Utils.transpose = /** + * Transpose the values of a Mat3 + **/ + function (source, dest) { + if (typeof dest === "undefined") { dest = null; } + if (dest === null) { + // Transpose ourselves + var a01 = source.data[1]; + var a02 = source.data[2]; + var a12 = source.data[5]; + + source.data[1] = source.data[3]; + source.data[2] = source.data[6]; + source.data[3] = a01; + source.data[5] = source.data[7]; + source.data[6] = a02; + source.data[7] = a12; + } else { + source.data[0] = dest.data[0]; + source.data[1] = dest.data[3]; + source.data[2] = dest.data[6]; + source.data[3] = dest.data[1]; + source.data[4] = dest.data[4]; + source.data[5] = dest.data[7]; + source.data[6] = dest.data[2]; + source.data[7] = dest.data[5]; + source.data[8] = dest.data[8]; } - var cy = Math.abs(c.y - r.y - r.halfHeight); - var yDist = r.halfHeight + c.radius; - if(cy > yDist) { - return false; - } - if(cx <= r.halfWidth || cy <= r.halfHeight) { - return true; - } - var xCornerDist = cx - r.halfWidth; - var yCornerDist = cy - r.halfHeight; - var xCornerDistSq = xCornerDist * xCornerDist; - var yCornerDistSq = yCornerDist * yCornerDist; - var maxCornerDistSq = c.radius * c.radius; - return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + + return source; }; - return CircleUtils; + + Mat3Utils.invert = /** + * Inverts a Mat3 + **/ + function (source) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + var b01 = a22 * a11 - a12 * a21; + var b11 = -a22 * a10 + a12 * a20; + var b21 = a21 * a10 - a11 * a20; + + // Determinant + var det = a00 * b01 + a01 * b11 + a02 * b21; + + if (!det) { + return null; + } + + det = 1.0 / det; + + source.data[0] = b01 * det; + source.data[1] = (-a22 * a01 + a02 * a21) * det; + source.data[2] = (a12 * a01 - a02 * a11) * det; + source.data[3] = b11 * det; + source.data[4] = (a22 * a00 - a02 * a20) * det; + source.data[5] = (-a12 * a00 + a02 * a10) * det; + source.data[6] = b21 * det; + source.data[7] = (-a21 * a00 + a01 * a20) * det; + source.data[8] = (a11 * a00 - a01 * a10) * det; + + return source; + }; + + Mat3Utils.adjoint = /** + * Calculates the adjugate of a Mat3 + **/ + function (source) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + source.data[0] = (a11 * a22 - a12 * a21); + source.data[1] = (a02 * a21 - a01 * a22); + source.data[2] = (a01 * a12 - a02 * a11); + source.data[3] = (a12 * a20 - a10 * a22); + source.data[4] = (a00 * a22 - a02 * a20); + source.data[5] = (a02 * a10 - a00 * a12); + source.data[6] = (a10 * a21 - a11 * a20); + source.data[7] = (a01 * a20 - a00 * a21); + source.data[8] = (a00 * a11 - a01 * a10); + + return source; + }; + + Mat3Utils.determinant = /** + * Calculates the adjugate of a Mat3 + **/ + function (source) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20); + }; + + Mat3Utils.multiply = /** + * Multiplies two Mat3s + **/ + function (source, b) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + var b00 = b.data[0]; + var b01 = b.data[1]; + var b02 = b.data[2]; + var b10 = b.data[3]; + var b11 = b.data[4]; + var b12 = b.data[5]; + var b20 = b.data[6]; + var b21 = b.data[7]; + var b22 = b.data[8]; + + source.data[0] = b00 * a00 + b01 * a10 + b02 * a20; + source.data[1] = b00 * a01 + b01 * a11 + b02 * a21; + source.data[2] = b00 * a02 + b01 * a12 + b02 * a22; + + source.data[3] = b10 * a00 + b11 * a10 + b12 * a20; + source.data[4] = b10 * a01 + b11 * a11 + b12 * a21; + source.data[5] = b10 * a02 + b11 * a12 + b12 * a22; + + source.data[6] = b20 * a00 + b21 * a10 + b22 * a20; + source.data[7] = b20 * a01 + b21 * a11 + b22 * a21; + source.data[8] = b20 * a02 + b21 * a12 + b22 * a22; + + return source; + }; + + Mat3Utils.fromQuaternion = function () { + }; + Mat3Utils.normalFromMat4 = function () { + }; + return Mat3Utils; })(); - Phaser.CircleUtils = CircleUtils; + Phaser.Mat3Utils = Mat3Utils; })(Phaser || (Phaser = {})); +/// +var __extends = this.__extends || function (d, b) { + for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; + function __() { this.constructor = d; } + __.prototype = b.prototype; + d.prototype = new __(); +}; +/** +* Phaser - QuadTree +* +* A fairly generic quad tree structure for rapid overlap checks. QuadTree is also configured for single or dual list operation. +* You can add items either to its A list or its B list. When you do an overlap check, you can compare the A list to itself, +* or the A list against the B list. Handy for different things! +*/ var Phaser; (function (Phaser) { - /// - /// - /// - /// - /// - /** - * Phaser - ArcadePhysics Manager - * - */ - (function (Physics) { - var ArcadePhysics = (function () { - function ArcadePhysics(game, width, height) { - this._length = 0; - /** - * @type {number} - */ - this.worldDivisions = 6; - this.game = game; - this.gravity = new Phaser.Vec2(); - this.drag = new Phaser.Vec2(); - this.bounce = new Phaser.Vec2(); - this.angularDrag = 0; - this.bounds = new Phaser.Rectangle(0, 0, width, height); - this._distance = new Phaser.Vec2(); - this._tangent = new Phaser.Vec2(); - //this.members = new Group(game); + var QuadTree = (function (_super) { + __extends(QuadTree, _super); + /** + * Instantiate a new Quad Tree node. + * + * @param {Number} x The X-coordinate of the point in space. + * @param {Number} y The Y-coordinate of the point in space. + * @param {Number} width Desired width of this node. + * @param {Number} height Desired height of this node. + * @param {Number} parent The parent branch or node. Pass null to create a root. + */ + //constructor(manager: Phaser.Physics.Manager, x: number, y: number, width: number, height: number, parent: QuadTree = null) { + function QuadTree(manager, x, y, width, height, parent) { + if (typeof parent === "undefined") { parent = null; } + _super.call(this, x, y, width, height); + + QuadTree.physics = manager; + + this._headA = this._tailA = new Phaser.LinkedList(); + this._headB = this._tailB = new Phaser.LinkedList(); + + if (parent != null) { + if (parent._headA.object != null) { + this._iterator = parent._headA; + + while (this._iterator != null) { + if (this._tailA.object != null) { + this._ot = this._tailA; + this._tailA = new Phaser.LinkedList(); + this._ot.next = this._tailA; + } + + this._tailA.object = this._iterator.object; + this._iterator = this._iterator.next; + } + } + + if (parent._headB.object != null) { + this._iterator = parent._headB; + + while (this._iterator != null) { + if (this._tailB.object != null) { + this._ot = this._tailB; + this._tailB = new Phaser.LinkedList(); + this._ot.next = this._tailB; + } + + this._tailB.object = this._iterator.object; + this._iterator = this._iterator.next; + } + } + } else { + QuadTree._min = (this.width + this.height) / (2 * QuadTree.divisions); + } + + this._canSubdivide = (this.width > QuadTree._min) || (this.height > QuadTree._min); + + //Set up comparison/sort helpers + this._northWestTree = null; + this._northEastTree = null; + this._southEastTree = null; + this._southWestTree = null; + this._leftEdge = this.x; + this._rightEdge = this.x + this.width; + this._halfWidth = this.width / 2; + this._midpointX = this._leftEdge + this._halfWidth; + this._topEdge = this.y; + this._bottomEdge = this.y + this.height; + this._halfHeight = this.height / 2; + this._midpointY = this._topEdge + this._halfHeight; + } + /** + * Clean up memory. + */ + QuadTree.prototype.destroy = function () { + this._tailA.destroy(); + this._tailB.destroy(); + this._headA.destroy(); + this._headB.destroy(); + + this._tailA = null; + this._tailB = null; + this._headA = null; + this._headB = null; + + if (this._northWestTree != null) { + this._northWestTree.destroy(); + } + + if (this._northEastTree != null) { + this._northEastTree.destroy(); + } + + if (this._southEastTree != null) { + this._southEastTree.destroy(); + } + + if (this._southWestTree != null) { + this._southWestTree.destroy(); + } + + this._northWestTree = null; + this._northEastTree = null; + this._southEastTree = null; + this._southWestTree = null; + + QuadTree._object = null; + QuadTree._processingCallback = null; + QuadTree._notifyCallback = null; + }; + + /** + * Load objects and/or groups into the quad tree, and register notify and processing callbacks. + * + * @param {} objectOrGroup1 Any object that is or extends IGameObject or Group. + * @param {} objectOrGroup2 Any object that is or extends IGameObject or Group. If null, the first parameter will be checked against itself. + * @param {Function} notifyCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject) that is called whenever two objects are found to overlap in world space, and either no processCallback is specified, or the processCallback returns true. + * @param {Function} processCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject):bool that is called whenever two objects are found to overlap in world space. The notifyCallback is only called if this function returns true. See GameObject.separate(). + * @param context The context in which the callbacks will be called + */ + QuadTree.prototype.load = function (objectOrGroup1, objectOrGroup2, notifyCallback, processCallback, context) { + if (typeof objectOrGroup2 === "undefined") { objectOrGroup2 = null; } + if (typeof notifyCallback === "undefined") { notifyCallback = null; } + if (typeof processCallback === "undefined") { processCallback = null; } + if (typeof context === "undefined") { context = null; } + this.add(objectOrGroup1, QuadTree.A_LIST); + + if (objectOrGroup2 != null) { + this.add(objectOrGroup2, QuadTree.B_LIST); + QuadTree._useBothLists = true; + } else { + QuadTree._useBothLists = false; + } + + QuadTree._notifyCallback = notifyCallback; + QuadTree._processingCallback = processCallback; + QuadTree._callbackContext = context; + }; + + /** + * Call this function to add an object to the root of the tree. + * This function will recursively add all group members, but + * not the groups themselves. + * + * @param {} objectOrGroup GameObjects are just added, Groups are recursed and their applicable members added accordingly. + * @param {Number} list A uint flag indicating the list to which you want to add the objects. Options are QuadTree.A_LIST and QuadTree.B_LIST. + */ + QuadTree.prototype.add = function (objectOrGroup, list) { + QuadTree._list = list; + + if (objectOrGroup.type == Phaser.Types.GROUP) { + this._i = 0; + this._members = objectOrGroup['members']; + this._l = objectOrGroup['length']; + + while (this._i < this._l) { + this._basic = this._members[this._i++]; + + if (this._basic != null && this._basic.exists) { + if (this._basic.type == Phaser.Types.GROUP) { + this.add(this._basic, list); + } else { + QuadTree._object = this._basic; + + if (QuadTree._object.exists && QuadTree._object.body.allowCollisions) { + this.addObject(); } - ArcadePhysics.OVERLAP_BIAS = 4; - ArcadePhysics.TILE_OVERLAP = false; - ArcadePhysics.prototype.updateMotion = /* - public update() { - - this._length = this._objects.length; - - for (var i = 0; i < this._length; i++) - { - if (this._objects[i]) - { - this._objects[i].preUpdate(); - this.updateMotion(this._objects[i]); - this.collideWorld(this._objects[i]); - - for (var x = 0; x < this._length; x++) - { - if (this._objects[x] && this._objects[x] !== this._objects[i]) - { - //this.collideShapes(this._objects[i], this._objects[x]); - var r = this.NEWseparate(this._objects[i], this._objects[x]); - //console.log('sep', r); + } + } + } + } else { + QuadTree._object = objectOrGroup; + + if (QuadTree._object.exists && QuadTree._object.body.allowCollisions) { + this.addObject(); + } } + }; + + /** + * Internal function for recursively navigating and creating the tree + * while adding objects to the appropriate nodes. + */ + QuadTree.prototype.addObject = function () { + if (!this._canSubdivide || ((this._leftEdge >= QuadTree._object.body.bounds.x) && (this._rightEdge <= QuadTree._object.body.bounds.right) && (this._topEdge >= QuadTree._object.body.bounds.y) && (this._bottomEdge <= QuadTree._object.body.bounds.bottom))) { + this.addToList(); + return; } - - } - } - - } - - public render() { - - // iterate through the objects here, updating and colliding - for (var i = 0; i < this._length; i++) - { - if (this._objects[i]) - { - this._objects[i].render(this.game.stage.context); - } - } - - } - */ - function (body) { - if(body.type == Phaser.Types.BODY_DISABLED) { + + if ((QuadTree._object.body.bounds.x > this._leftEdge) && (QuadTree._object.body.bounds.right < this._midpointX)) { + if ((QuadTree._object.body.bounds.y > this._topEdge) && (QuadTree._object.body.bounds.bottom < this._midpointY)) { + if (this._northWestTree == null) { + this._northWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northWestTree.addObject(); return; } - this._velocityDelta = (this.computeVelocity(body.angularVelocity, body.gravity.x, body.angularAcceleration, body.angularDrag, body.maxAngular) - body.angularVelocity) / 2; - body.angularVelocity += this._velocityDelta; - body.sprite.transform.rotation += body.angularVelocity * this.game.time.elapsed; - body.angularVelocity += this._velocityDelta; - this._velocityDelta = (this.computeVelocity(body.velocity.x, body.gravity.x, body.acceleration.x, body.drag.x) - body.velocity.x) / 2; - body.velocity.x += this._velocityDelta; - this._delta = body.velocity.x * this.game.time.elapsed; - body.velocity.x += this._velocityDelta; - //body.position.x += this._delta; - body.sprite.x += this._delta; - this._velocityDelta = (this.computeVelocity(body.velocity.y, body.gravity.y, body.acceleration.y, body.drag.y) - body.velocity.y) / 2; - body.velocity.y += this._velocityDelta; - this._delta = body.velocity.y * this.game.time.elapsed; - body.velocity.y += this._velocityDelta; - //body.position.y += this._delta; - body.sprite.y += this._delta; - }; - ArcadePhysics.prototype.computeVelocity = /** - * A tween-like function that takes a starting velocity and some other factors and returns an altered velocity. - * - * @param {number} Velocity Any component of velocity (e.g. 20). - * @param {number} Acceleration Rate at which the velocity is changing. - * @param {number} Drag Really kind of a deceleration, this is how much the velocity changes if Acceleration is not set. - * @param {number} Max An absolute value cap for the velocity. - * - * @return {number} The altered Velocity value. - */ - function (velocity, gravity, acceleration, drag, max) { - if (typeof gravity === "undefined") { gravity = 0; } - if (typeof acceleration === "undefined") { acceleration = 0; } - if (typeof drag === "undefined") { drag = 0; } - if (typeof max === "undefined") { max = 10000; } - if(acceleration !== 0) { - velocity += (acceleration + gravity) * this.game.time.elapsed; - } else if(drag !== 0) { - this._drag = drag * this.game.time.elapsed; - if(velocity - this._drag > 0) { - velocity = velocity - this._drag; - } else if(velocity + this._drag < 0) { - velocity += this._drag; + + if ((QuadTree._object.body.bounds.y > this._midpointY) && (QuadTree._object.body.bounds.bottom < this._bottomEdge)) { + if (this._southWestTree == null) { + this._southWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southWestTree.addObject(); + return; + } + } + + if ((QuadTree._object.body.bounds.x > this._midpointX) && (QuadTree._object.body.bounds.right < this._rightEdge)) { + if ((QuadTree._object.body.bounds.y > this._topEdge) && (QuadTree._object.body.bounds.bottom < this._midpointY)) { + if (this._northEastTree == null) { + this._northEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northEastTree.addObject(); + return; + } + + if ((QuadTree._object.body.bounds.y > this._midpointY) && (QuadTree._object.body.bounds.bottom < this._bottomEdge)) { + if (this._southEastTree == null) { + this._southEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southEastTree.addObject(); + return; + } + } + + if ((QuadTree._object.body.bounds.right > this._leftEdge) && (QuadTree._object.body.bounds.x < this._midpointX) && (QuadTree._object.body.bounds.bottom > this._topEdge) && (QuadTree._object.body.bounds.y < this._midpointY)) { + if (this._northWestTree == null) { + this._northWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northWestTree.addObject(); + } + + if ((QuadTree._object.body.bounds.right > this._midpointX) && (QuadTree._object.body.bounds.x < this._rightEdge) && (QuadTree._object.body.bounds.bottom > this._topEdge) && (QuadTree._object.body.bounds.y < this._midpointY)) { + if (this._northEastTree == null) { + this._northEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northEastTree.addObject(); + } + + if ((QuadTree._object.body.bounds.right > this._midpointX) && (QuadTree._object.body.bounds.x < this._rightEdge) && (QuadTree._object.body.bounds.bottom > this._midpointY) && (QuadTree._object.body.bounds.y < this._bottomEdge)) { + if (this._southEastTree == null) { + this._southEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southEastTree.addObject(); + } + + if ((QuadTree._object.body.bounds.right > this._leftEdge) && (QuadTree._object.body.bounds.x < this._midpointX) && (QuadTree._object.body.bounds.bottom > this._midpointY) && (QuadTree._object.body.bounds.y < this._bottomEdge)) { + if (this._southWestTree == null) { + this._southWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southWestTree.addObject(); + } + }; + + /** + * Internal function for recursively adding objects to leaf lists. + */ + QuadTree.prototype.addToList = function () { + if (QuadTree._list == QuadTree.A_LIST) { + if (this._tailA.object != null) { + this._ot = this._tailA; + this._tailA = new Phaser.LinkedList(); + this._ot.next = this._tailA; + } + + this._tailA.object = QuadTree._object; + } else { + if (this._tailB.object != null) { + this._ot = this._tailB; + this._tailB = new Phaser.LinkedList(); + this._ot.next = this._tailB; + } + + this._tailB.object = QuadTree._object; + } + + if (!this._canSubdivide) { + return; + } + + if (this._northWestTree != null) { + this._northWestTree.addToList(); + } + + if (this._northEastTree != null) { + this._northEastTree.addToList(); + } + + if (this._southEastTree != null) { + this._southEastTree.addToList(); + } + + if (this._southWestTree != null) { + this._southWestTree.addToList(); + } + }; + + /** + * QuadTree's other main function. Call this after adding objects + * using QuadTree.load() to compare the objects that you loaded. + * + * @return {Boolean} Whether or not any overlaps were found. + */ + QuadTree.prototype.execute = function () { + this._overlapProcessed = false; + + if (this._headA.object != null) { + this._iterator = this._headA; + + while (this._iterator != null) { + QuadTree._object = this._iterator.object; + + if (QuadTree._useBothLists) { + QuadTree._iterator = this._headB; } else { - velocity = 0; + QuadTree._iterator = this._iterator.next; } - velocity += gravity; - } - if((velocity != 0) && (max != 10000)) { - if(velocity > max) { - velocity = max; - } else if(velocity < -max) { - velocity = -max; + + if (QuadTree._object.exists && (QuadTree._object.body.allowCollisions > 0) && (QuadTree._iterator != null) && (QuadTree._iterator.object != null) && QuadTree._iterator.object.exists && this.overlapNode()) { + this._overlapProcessed = true; } + + this._iterator = this._iterator.next; } - return velocity; - }; - ArcadePhysics.prototype.separate = /** - * The core Collision separation method. - * @param body1 The first Physics.Body to separate - * @param body2 The second Physics.Body to separate - * @returns {boolean} Returns true if the bodies were separated, otherwise false. - */ - function (body1, body2) { - this._separatedX = this.separateBodyX(body1, body2); - this._separatedY = this.separateBodyY(body1, body2); - return this._separatedX || this._separatedY; - }; - ArcadePhysics.prototype.checkHullIntersection = function (body1, body2) { - return ((body1.hullX + body1.hullWidth > body2.hullX) && (body1.hullX < body2.hullX + body2.hullWidth) && (body1.hullY + body1.hullHeight > body2.hullY) && (body1.hullY < body2.hullY + body2.hullHeight)); - }; - ArcadePhysics.prototype.separateBodyX = /** - * Separates the two objects on their x axis - * @param object1 The first GameObject to separate - * @param object2 The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - function (body1, body2) { - // Can't separate two disabled or static objects - if((body1.type == Phaser.Types.BODY_DISABLED || body1.type == Phaser.Types.BODY_STATIC) && (body2.type == Phaser.Types.BODY_DISABLED || body2.type == Phaser.Types.BODY_STATIC)) { - return false; + } + + if ((this._northWestTree != null) && this._northWestTree.execute()) { + this._overlapProcessed = true; + } + + if ((this._northEastTree != null) && this._northEastTree.execute()) { + this._overlapProcessed = true; + } + + if ((this._southEastTree != null) && this._southEastTree.execute()) { + this._overlapProcessed = true; + } + + if ((this._southWestTree != null) && this._southWestTree.execute()) { + this._overlapProcessed = true; + } + + return this._overlapProcessed; + }; + + /** + * A private for comparing an object against the contents of a node. + * + * @return {Boolean} Whether or not any overlaps were found. + */ + QuadTree.prototype.overlapNode = function () { + //Walk the list and check for overlaps + this._overlapProcessed = false; + + while (QuadTree._iterator != null) { + if (!QuadTree._object.exists || (QuadTree._object.body.allowCollisions <= 0)) { + break; } - // First, get the two object deltas - this._overlap = 0; - if(body1.deltaX != body2.deltaX) { - if(Phaser.RectangleUtils.intersects(body1.bounds, body2.bounds)) { - this._maxOverlap = body1.deltaXAbs + body2.deltaXAbs + ArcadePhysics.OVERLAP_BIAS; - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if(body1.deltaX > body2.deltaX) { - this._overlap = body1.bounds.right - body2.bounds.x; - if((this._overlap > this._maxOverlap) || !(body1.allowCollisions & Phaser.Types.RIGHT) || !(body2.allowCollisions & Phaser.Types.LEFT)) { - this._overlap = 0; - } else { - body1.touching |= Phaser.Types.RIGHT; - body2.touching |= Phaser.Types.LEFT; - } - } else if(body1.deltaX < body2.deltaX) { - this._overlap = body1.bounds.x - body2.bounds.width - body2.bounds.x; - if((-this._overlap > this._maxOverlap) || !(body1.allowCollisions & Phaser.Types.LEFT) || !(body2.allowCollisions & Phaser.Types.RIGHT)) { - this._overlap = 0; - } else { - body1.touching |= Phaser.Types.LEFT; - body2.touching |= Phaser.Types.RIGHT; - } - } - } + + this._checkObject = QuadTree._iterator.object; + + if ((QuadTree._object === this._checkObject) || !this._checkObject.exists || (this._checkObject.body.allowCollisions <= 0)) { + QuadTree._iterator = QuadTree._iterator.next; + continue; } - // Then adjust their positions and velocities accordingly (if there was any overlap) - if(this._overlap != 0) { - this._obj1Velocity = body1.velocity.x; - this._obj2Velocity = body2.velocity.x; - /** - * Dynamic = gives and receives impacts - * Static = gives but doesn't receive impacts, cannot be moved by physics - * Kinematic = gives impacts, but never receives, can be moved by physics - */ - // 2 dynamic bodies will exchange velocities - if(body1.type == Phaser.Types.BODY_DYNAMIC && body2.type == Phaser.Types.BODY_DYNAMIC) { - this._overlap *= 0.5; - body1.position.x = body1.position.x - this._overlap; - body2.position.x += this._overlap; - this._obj1NewVelocity = Math.sqrt((this._obj2Velocity * this._obj2Velocity * body2.mass) / body1.mass) * ((this._obj2Velocity > 0) ? 1 : -1); - this._obj2NewVelocity = Math.sqrt((this._obj1Velocity * this._obj1Velocity * body1.mass) / body2.mass) * ((this._obj1Velocity > 0) ? 1 : -1); - this._average = (this._obj1NewVelocity + this._obj2NewVelocity) * 0.5; - this._obj1NewVelocity -= this._average; - this._obj2NewVelocity -= this._average; - body1.velocity.x = this._average + this._obj1NewVelocity * body1.bounce.x; - body2.velocity.x = this._average + this._obj2NewVelocity * body2.bounce.x; - } else if(body2.type != Phaser.Types.BODY_DYNAMIC) { - // Body 2 is Static or Kinematic - this._overlap *= 2; - body1.position.x -= this._overlap; - body1.velocity.x = this._obj2Velocity - this._obj1Velocity * body1.bounce.x; - } else if(body1.type != Phaser.Types.BODY_DYNAMIC) { - // Body 1 is Static or Kinematic - this._overlap *= 2; - body2.position.x += this._overlap; - body2.velocity.x = this._obj1Velocity - this._obj2Velocity * body2.bounce.x; - } - return true; - } else { - return false; - } - }; - ArcadePhysics.prototype.separateBodyY = /** - * Separates the two objects on their y axis - * @param object1 The first GameObject to separate - * @param object2 The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - function (body1, body2) { - // Can't separate two immovable objects - if((body1.type == Phaser.Types.BODY_DISABLED || body1.type == Phaser.Types.BODY_STATIC) && (body2.type == Phaser.Types.BODY_DISABLED || body2.type == Phaser.Types.BODY_STATIC)) { - return false; - } - // First, get the two object deltas - this._overlap = 0; - if(body1.deltaY != body2.deltaY) { - if(Phaser.RectangleUtils.intersects(body1.bounds, body2.bounds)) { - // This is the only place to use the DeltaAbs values - this._maxOverlap = body1.deltaYAbs + body2.deltaYAbs + ArcadePhysics.OVERLAP_BIAS; - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if(body1.deltaY > body2.deltaY) { - this._overlap = body1.bounds.bottom - body2.bounds.y; - if((this._overlap > this._maxOverlap) || !(body1.allowCollisions & Phaser.Types.DOWN) || !(body2.allowCollisions & Phaser.Types.UP)) { - this._overlap = 0; - } else { - body1.touching |= Phaser.Types.DOWN; - body2.touching |= Phaser.Types.UP; - } - } else if(body1.deltaY < body2.deltaY) { - this._overlap = body1.bounds.y - body2.bounds.height - body2.bounds.y; - if((-this._overlap > this._maxOverlap) || !(body1.allowCollisions & Phaser.Types.UP) || !(body2.allowCollisions & Phaser.Types.DOWN)) { - this._overlap = 0; - } else { - body1.touching |= Phaser.Types.UP; - body2.touching |= Phaser.Types.DOWN; - } - } - } - } - // Then adjust their positions and velocities accordingly (if there was any overlap) - if(this._overlap != 0) { - this._obj1Velocity = body1.velocity.y; - this._obj2Velocity = body2.velocity.y; - /** - * Dynamic = gives and receives impacts - * Static = gives but doesn't receive impacts, cannot be moved by physics - * Kinematic = gives impacts, but never receives, can be moved by physics - */ - if(body1.type == Phaser.Types.BODY_DYNAMIC && body2.type == Phaser.Types.BODY_DYNAMIC) { - this._overlap *= 0.5; - body1.position.y = body1.position.y - this._overlap; - body2.position.y += this._overlap; - this._obj1NewVelocity = Math.sqrt((this._obj2Velocity * this._obj2Velocity * body2.mass) / body1.mass) * ((this._obj2Velocity > 0) ? 1 : -1); - this._obj2NewVelocity = Math.sqrt((this._obj1Velocity * this._obj1Velocity * body1.mass) / body2.mass) * ((this._obj1Velocity > 0) ? 1 : -1); - var average = (this._obj1NewVelocity + this._obj2NewVelocity) * 0.5; - this._obj1NewVelocity -= average; - this._obj2NewVelocity -= average; - body1.velocity.y = average + this._obj1NewVelocity * body1.bounce.y; - body2.velocity.y = average + this._obj2NewVelocity * body2.bounce.y; - } else if(body2.type != Phaser.Types.BODY_DYNAMIC) { - this._overlap *= 2; - body1.position.y -= this._overlap; - body1.velocity.y = this._obj2Velocity - this._obj1Velocity * body1.bounce.y; - // This is special case code that handles things like horizontal moving platforms you can ride - //if (body2.parent.active && body2.moves && (body1.deltaY > body2.deltaY)) - if(body2.sprite.active && (body1.deltaY > body2.deltaY)) { - body1.position.x += body2.position.x - body2.oldPosition.x; - } - } else if(body1.type != Phaser.Types.BODY_DYNAMIC) { - this._overlap *= 2; - body2.position.y += this._overlap; - body2.velocity.y = this._obj1Velocity - this._obj2Velocity * body2.bounce.y; - // This is special case code that handles things like horizontal moving platforms you can ride - //if (object1.active && body1.moves && (body1.deltaY < body2.deltaY)) - if(body1.sprite.active && (body1.deltaY < body2.deltaY)) { - body2.position.x += body1.position.x - body1.oldPosition.x; - } - } - return true; - } else { - return false; - } - }; - ArcadePhysics.prototype.overlap = /* - private TILEseparate(shapeA: IPhysicsShape, shapeB: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.x == 1) - { - console.log('1 The left side of ShapeA hit the right side of ShapeB', Math.floor(distance.x)); - shapeA.physics.touching |= Phaser.Types.LEFT; - shapeB.physics.touching |= Phaser.Types.RIGHT; - } - else if (tangent.x == -1) - { - console.log('2 The right side of ShapeA hit the left side of ShapeB', Math.floor(distance.x)); - shapeA.physics.touching |= Phaser.Types.RIGHT; - shapeB.physics.touching |= Phaser.Types.LEFT; - } - - if (tangent.y == 1) - { - console.log('3 The top of ShapeA hit the bottom of ShapeB', Math.floor(distance.y)); - shapeA.physics.touching |= Phaser.Types.UP; - shapeB.physics.touching |= Phaser.Types.DOWN; - } - else if (tangent.y == -1) - { - console.log('4 The bottom of ShapeA hit the top of ShapeB', Math.floor(distance.y)); - shapeA.physics.touching |= Phaser.Types.DOWN; - shapeB.physics.touching |= Phaser.Types.UP; - } - - - // only apply collision response forces if the object is travelling into, and not out of, the collision - var dot = Vec2Utils.dot(shapeA.physics.velocity, tangent); - - if (dot < 0) - { - console.log('in to', dot); - - // Apply horizontal bounce - if (shapeA.physics.bounce.x > 0) - { - shapeA.physics.velocity.x *= -(shapeA.physics.bounce.x); - } - else - { - shapeA.physics.velocity.x = 0; - } - // Apply horizontal bounce - if (shapeA.physics.bounce.y > 0) - { - shapeA.physics.velocity.y *= -(shapeA.physics.bounce.y); - } - else - { - shapeA.physics.velocity.y = 0; - } - } - else - { - console.log('out of', dot); - } - - shapeA.position.x += Math.floor(distance.x); - //shapeA.bounds.x += Math.floor(distance.x); - - shapeA.position.y += Math.floor(distance.y); - //shapeA.bounds.y += distance.y; - - console.log('------------------------------------------------'); - - } - - private collideWorld(shape:IPhysicsShape) { - - // Collide on the x-axis - this._distance.x = shape.world.bounds.x - (shape.position.x - shape.bounds.halfWidth); - - if (0 < this._distance.x) - { - // Hit Left - this._tangent.setTo(1, 0); - this.separateXWall(shape, this._distance, this._tangent); - } - else - { - this._distance.x = (shape.position.x + shape.bounds.halfWidth) - shape.world.bounds.right; - - if (0 < this._distance.x) - { - // Hit Right - this._tangent.setTo(-1, 0); - this._distance.reverse(); - this.separateXWall(shape, this._distance, this._tangent); - } - } - - // Collide on the y-axis - this._distance.y = shape.world.bounds.y - (shape.position.y - shape.bounds.halfHeight); - - if (0 < this._distance.y) - { - // Hit Top - this._tangent.setTo(0, 1); - this.separateYWall(shape, this._distance, this._tangent); - } - else - { - this._distance.y = (shape.position.y + shape.bounds.halfHeight) - shape.world.bounds.bottom; - - if (0 < this._distance.y) - { - // Hit Bottom - this._tangent.setTo(0, -1); - this._distance.reverse(); - this.separateYWall(shape, this._distance, this._tangent); - } - } - - } - - private separateX(shapeA: IPhysicsShape, shapeB: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.x == 1) - { - console.log('The left side of ShapeA hit the right side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.LEFT; - shapeB.physics.touching |= Phaser.Types.RIGHT; - } - else - { - console.log('The right side of ShapeA hit the left side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.RIGHT; - shapeB.physics.touching |= Phaser.Types.LEFT; - } - - // collision edges - //shapeA.oH = tangent.x; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.x > 0) - { - shapeA.physics.velocity.x *= -(shapeA.physics.bounce.x); - } - else - { - shapeA.physics.velocity.x = 0; - } - } - - shapeA.position.x += distance.x; - shapeA.bounds.x += distance.x; - - } - - private separateY(shapeA: IPhysicsShape, shapeB: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.y == 1) - { - console.log('The top of ShapeA hit the bottom of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.UP; - shapeB.physics.touching |= Phaser.Types.DOWN; - } - else - { - console.log('The bottom of ShapeA hit the top of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.DOWN; - shapeB.physics.touching |= Phaser.Types.UP; - } - - // collision edges - //shapeA.oV = tangent.y; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.y > 0) - { - shapeA.physics.velocity.y *= -(shapeA.physics.bounce.y); - } - else - { - shapeA.physics.velocity.y = 0; - } - } - - shapeA.position.y += distance.y; - shapeA.bounds.y += distance.y; - - } - - private separateXWall(shapeA: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.x == 1) - { - console.log('The left side of ShapeA hit the right side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.LEFT; - } - else - { - console.log('The right side of ShapeA hit the left side of ShapeB', distance.x); - shapeA.physics.touching |= Phaser.Types.RIGHT; - } - - // collision edges - //shapeA.oH = tangent.x; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.x > 0) - { - shapeA.physics.velocity.x *= -(shapeA.physics.bounce.x); - } - else - { - shapeA.physics.velocity.x = 0; - } - } - - shapeA.position.x += distance.x; - - } - - private separateYWall(shapeA: IPhysicsShape, distance: Vec2, tangent: Vec2) { - - if (tangent.y == 1) - { - console.log('The top of ShapeA hit the bottom of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.UP; - } - else - { - console.log('The bottom of ShapeA hit the top of ShapeB', distance.y); - shapeA.physics.touching |= Phaser.Types.DOWN; - } - - // collision edges - //shapeA.oV = tangent.y; - - // only apply collision response forces if the object is travelling into, and not out of, the collision - if (Vec2Utils.dot(shapeA.physics.velocity, tangent) < 0) - { - // Apply horizontal bounce - if (shapeA.physics.bounce.y > 0) - { - shapeA.physics.velocity.y *= -(shapeA.physics.bounce.y); - } - else - { - shapeA.physics.velocity.y = 0; - } - } - - shapeA.position.y += distance.y; - - } - */ - /** - * Checks for overlaps between two objects using the world QuadTree. Can be Sprite vs. Sprite, Sprite vs. Group or Group vs. Group. - * Note: Does not take the objects scrollFactor into account. All overlaps are check in world space. - * @param object1 The first Sprite or Group to check. If null the world.group is used. - * @param object2 The second Sprite or Group to check. - * @param notifyCallback A callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you passed them to Collision.overlap. - * @param processCallback A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then notifyCallback will only be called if processCallback returns true. - * @param context The context in which the callbacks will be called - * @returns {boolean} true if the objects overlap, otherwise false. - */ - function (object1, object2, notifyCallback, processCallback, context) { - if (typeof object1 === "undefined") { object1 = null; } - if (typeof object2 === "undefined") { object2 = null; } - if (typeof notifyCallback === "undefined") { notifyCallback = null; } - if (typeof processCallback === "undefined") { processCallback = null; } - if (typeof context === "undefined") { context = null; } + /* - if (object1 == null) + if (QuadTree.physics.checkHullIntersection(QuadTree._object.body, this._checkObject.body)) { - object1 = this.game.world.group; + //Execute callback functions if they exist + if ((QuadTree._processingCallback == null) || QuadTree._processingCallback(QuadTree._object, this._checkObject)) + { + this._overlapProcessed = true; } - if (object2 == object1) + if (this._overlapProcessed && (QuadTree._notifyCallback != null)) { - object2 = null; + if (QuadTree._callbackContext !== null) + { + QuadTree._notifyCallback.call(QuadTree._callbackContext, QuadTree._object, this._checkObject); + } + else + { + QuadTree._notifyCallback(QuadTree._object, this._checkObject); + } + } } - - QuadTree.divisions = this.worldDivisions; - - this._quadTree = new Phaser.QuadTree(this, this.bounds.x, this.bounds.y, this.bounds.width, this.bounds.height); - - this._quadTree.load(object1, object2, notifyCallback, processCallback, context); - - this._quadTreeResult = this._quadTree.execute(); - - console.log('over', this._quadTreeResult); - - this._quadTree.destroy(); - - this._quadTree = null; - - return this._quadTreeResult; */ - return false; - }; - ArcadePhysics.prototype.separateTile = /** - * Collision resolution specifically for GameObjects vs. Tiles. - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated - */ - function (object, x, y, width, height, mass, collideLeft, collideRight, collideUp, collideDown, separateX, separateY) { - //var separatedX: bool = this.separateTileX(object, x, y, width, height, mass, collideLeft, collideRight, separateX); - //var separatedY: bool = this.separateTileY(object, x, y, width, height, mass, collideUp, collideDown, separateY); - //return separatedX || separatedY; - return false; - }; - return ArcadePhysics; - })(); - Physics.ArcadePhysics = ArcadePhysics; - /** - * Separates the two objects on their x axis - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - /* - public separateTileX(object:Sprite, x: number, y: number, width: number, height: number, mass: number, collideLeft: bool, collideRight: bool, separate: bool): bool { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the object delta - var overlap: number = 0; - var objDelta: number = object.x - object.last.x; - //var objDelta: number = object.collisionMask.deltaX; - - if (objDelta != 0) - { - // Check if the X hulls actually overlap - var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - //var objDeltaAbs: number = object.collisionMask.deltaXAbs; - var objBounds: Rectangle = new Rectangle(object.x - ((objDelta > 0) ? objDelta : 0), object.last.y, object.width + ((objDelta > 0) ? objDelta : -objDelta), object.height); - - if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - { - var maxOverlap: number = objDeltaAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (objDelta > 0) - { - overlap = object.x + object.width - x; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.RIGHT) || collideLeft == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.RIGHT; - } - } - else if (objDelta < 0) - { - overlap = object.x - width - x; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.LEFT) || collideRight == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.LEFT; - } - - } - - } - } - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - //console.log(' - object.x = object.x - overlap; - object.velocity.x = -(object.velocity.x * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - - } - */ - /** - * Separates the two objects on their y axis - * @param object The first GameObject to separate - * @param tile The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - /* - public separateTileY(object: Sprite, x: number, y: number, width: number, height: number, mass: number, collideUp: bool, collideDown: bool, separate: bool): bool { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the two object deltas - var overlap: number = 0; - var objDelta: number = object.y - object.last.y; - - if (objDelta != 0) - { - // Check if the Y hulls actually overlap - var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - var objBounds: Rectangle = new Rectangle(object.x, object.y - ((objDelta > 0) ? objDelta : 0), object.width, object.height + objDeltaAbs); - - if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - { - var maxOverlap: number = objDeltaAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (objDelta > 0) - { - overlap = object.y + object.height - y; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.DOWN) || collideUp == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.DOWN; - } - } - else if (objDelta < 0) - { - overlap = object.y - height - y; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.UP) || collideDown == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.UP; - } - } - } - } - - // TODO - with super low velocities you get lots of stuttering, set some kind of base minimum here - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - object.y = object.y - overlap; - object.velocity.y = -(object.velocity.y * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - } - */ - /** - * Separates the two objects on their x axis - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - /* - public static NEWseparateTileX(object:Sprite, x: number, y: number, width: number, height: number, mass: number, collideLeft: bool, collideRight: bool, separate: bool): bool { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the object delta - var overlap: number = 0; - - if (object.collisionMask.deltaX != 0) - { - // Check if the X hulls actually overlap - //var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - //var objBounds: Rectangle = new Rectangle(object.x - ((objDelta > 0) ? objDelta : 0), object.last.y, object.width + ((objDelta > 0) ? objDelta : -objDelta), object.height); - - //if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - if (object.collisionMask.intersectsRaw(x, x + width, y, y + height)) - { - var maxOverlap: number = object.collisionMask.deltaXAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (object.collisionMask.deltaX > 0) - { - //overlap = object.x + object.width - x; - overlap = object.collisionMask.right - x; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.RIGHT) || collideLeft == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.RIGHT; - } - } - else if (object.collisionMask.deltaX < 0) - { - //overlap = object.x - width - x; - overlap = object.collisionMask.x - width - x; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.LEFT) || collideRight == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.LEFT; - } - - } - - } - } - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - object.x = object.x - overlap; - object.velocity.x = -(object.velocity.x * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - - } - */ - /** - * Separates the two objects on their y axis - * @param object The first GameObject to separate - * @param tile The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - /* - public NEWseparateTileY(object: Sprite, x: number, y: number, width: number, height: number, mass: number, collideUp: bool, collideDown: bool, separate: bool): bool { - - // Can't separate two immovable objects (tiles are always immovable) - if (object.immovable) - { - return false; - } - - // First, get the two object deltas - var overlap: number = 0; - //var objDelta: number = object.y - object.last.y; - - if (object.collisionMask.deltaY != 0) - { - // Check if the Y hulls actually overlap - //var objDeltaAbs: number = (objDelta > 0) ? objDelta : -objDelta; - //var objBounds: Rectangle = new Rectangle(object.x, object.y - ((objDelta > 0) ? objDelta : 0), object.width, object.height + objDeltaAbs); - - //if ((objBounds.x + objBounds.width > x) && (objBounds.x < x + width) && (objBounds.y + objBounds.height > y) && (objBounds.y < y + height)) - if (object.collisionMask.intersectsRaw(x, x + width, y, y + height)) - { - //var maxOverlap: number = objDeltaAbs + Collision.OVERLAP_BIAS; - var maxOverlap: number = object.collisionMask.deltaYAbs + Collision.OVERLAP_BIAS; - - // If they did overlap (and can), figure out by how much and flip the corresponding flags - if (object.collisionMask.deltaY > 0) - { - //overlap = object.y + object.height - y; - overlap = object.collisionMask.bottom - y; - - if ((overlap > maxOverlap) || !(object.allowCollisions & Collision.DOWN) || collideUp == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.DOWN; - } - } - else if (object.collisionMask.deltaY < 0) - { - //overlap = object.y - height - y; - overlap = object.collisionMask.y - height - y; - - if ((-overlap > maxOverlap) || !(object.allowCollisions & Collision.UP) || collideDown == false) - { - overlap = 0; - } - else - { - object.touching |= Collision.UP; - } - } - } - } - - // TODO - with super low velocities you get lots of stuttering, set some kind of base minimum here - - // Then adjust their positions and velocities accordingly (if there was any overlap) - if (overlap != 0) - { - if (separate == true) - { - object.y = object.y - overlap; - object.velocity.y = -(object.velocity.y * object.elasticity); - } - - Collision.TILE_OVERLAP = true; - return true; - } - else - { - return false; - } - } - */ - })(Phaser.Physics || (Phaser.Physics = {})); - var Physics = Phaser.Physics; -})(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /// - /// - /// - /** - * Phaser - ArcadePhysics - Body - */ - (function (Physics) { - var Body = (function () { - function Body(sprite, type) { - this.angularVelocity = 0; - this.angularAcceleration = 0; - this.angularDrag = 0; - this.maxAngular = 10000; - this.mass = 1; - this._width = 0; - this._height = 0; - this.sprite = sprite; - this.game = sprite.game; - this.type = type; - // Fixture properties - // Will extend into its own class at a later date - can move the fixture defs there and add shape support, but this will do for 1.0 release - this.bounds = new Phaser.Rectangle(); - this._width = sprite.width; - this._height = sprite.height; - // Body properties - //this.gravity = Vec2Utils.clone(ArcadePhysics.gravity); - //this.bounce = Vec2Utils.clone(ArcadePhysics.bounce); - this.velocity = new Phaser.Vec2(); - this.acceleration = new Phaser.Vec2(); - //this.drag = Vec2Utils.clone(ArcadePhysics.drag); - this.maxVelocity = new Phaser.Vec2(10000, 10000); - this.angularVelocity = 0; - this.angularAcceleration = 0; - this.angularDrag = 0; - this.touching = Phaser.Types.NONE; - this.wasTouching = Phaser.Types.NONE; - this.allowCollisions = Phaser.Types.ANY; - this.position = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); - this.oldPosition = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); - this.offset = new Phaser.Vec2(); + QuadTree._iterator = QuadTree._iterator.next; } - Object.defineProperty(Body.prototype, "x", { - get: function () { - return this.sprite.x + this.offset.x; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "y", { - get: function () { - return this.sprite.y + this.offset.y; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "width", { - get: function () { - return this._width * this.sprite.transform.scale.x; - }, - set: function (value) { - this._width = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "height", { - get: function () { - return this._height * this.sprite.transform.scale.y; - }, - set: function (value) { - this._height = value; - }, - enumerable: true, - configurable: true - }); - Body.prototype.preUpdate = function () { - this.oldPosition.copyFrom(this.position); - this.bounds.x = this.x; - this.bounds.y = this.y; - this.bounds.width = this.width; - this.bounds.height = this.height; - }; - Body.prototype.postUpdate = // Shall we do this? Or just update the values directly in the separate functions? But then the bounds will be out of sync - as long as - // the bounds are updated and used in calculations then we can do one final sprite movement here I guess? - function () { - // if this is all it does maybe move elsewhere? Sprite postUpdate? - if(this.type !== Phaser.Types.BODY_DISABLED) { - //this.game.world.physics.updateMotion(this); - this.wasTouching = this.touching; - this.touching = Phaser.Types.NONE; - } - this.position.setTo(this.x, this.y); - }; - Object.defineProperty(Body.prototype, "hullWidth", { - get: function () { - if(this.deltaX > 0) { - return this.bounds.width + this.deltaX; - } else { - return this.bounds.width - this.deltaX; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "hullHeight", { - get: function () { - if(this.deltaY > 0) { - return this.bounds.height + this.deltaY; - } else { - return this.bounds.height - this.deltaY; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "hullX", { - get: function () { - if(this.position.x < this.oldPosition.x) { - return this.position.x; - } else { - return this.oldPosition.x; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "hullY", { - get: function () { - if(this.position.y < this.oldPosition.y) { - return this.position.y; - } else { - return this.oldPosition.y; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "deltaXAbs", { - get: function () { - return (this.deltaX > 0 ? this.deltaX : -this.deltaX); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "deltaYAbs", { - get: function () { - return (this.deltaY > 0 ? this.deltaY : -this.deltaY); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "deltaX", { - get: function () { - return this.position.x - this.oldPosition.x; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Body.prototype, "deltaY", { - get: function () { - return this.position.y - this.oldPosition.y; - }, - enumerable: true, - configurable: true - }); - Body.prototype.render = // MOVE THESE TO A UTIL - function (context) { - context.beginPath(); - context.strokeStyle = 'rgb(0,255,0)'; - context.strokeRect(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight, this.bounds.width, this.bounds.height); - context.stroke(); - context.closePath(); - // center point - context.fillStyle = 'rgb(0,255,0)'; - context.fillRect(this.position.x, this.position.y, 2, 2); - if(this.touching & Phaser.Types.LEFT) { - context.beginPath(); - context.strokeStyle = 'rgb(255,0,0)'; - context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); - context.lineTo(this.position.x - this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); - context.stroke(); - context.closePath(); - } - if(this.touching & Phaser.Types.RIGHT) { - context.beginPath(); - context.strokeStyle = 'rgb(255,0,0)'; - context.moveTo(this.position.x + this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); - context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); - context.stroke(); - context.closePath(); - } - if(this.touching & Phaser.Types.UP) { - context.beginPath(); - context.strokeStyle = 'rgb(255,0,0)'; - context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); - context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); - context.stroke(); - context.closePath(); - } - if(this.touching & Phaser.Types.DOWN) { - context.beginPath(); - context.strokeStyle = 'rgb(255,0,0)'; - context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); - context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); - context.stroke(); - context.closePath(); - } - }; - Body.prototype.renderDebugInfo = /** - * Render debug infos. (including name, bounds info, position and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - function (x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - this.sprite.texture.context.fillStyle = color; - this.sprite.texture.context.fillText('Sprite: (' + this.sprite.width + ' x ' + this.sprite.height + ')', x, y); - //this.sprite.texture.context.fillText('x: ' + this._sprite.frameBounds.x.toFixed(1) + ' y: ' + this._sprite.frameBounds.y.toFixed(1) + ' rotation: ' + this._sprite.rotation.toFixed(1), x, y + 14); - this.sprite.texture.context.fillText('x: ' + this.bounds.x.toFixed(1) + ' y: ' + this.bounds.y.toFixed(1) + ' rotation: ' + this.sprite.transform.rotation.toFixed(0), x, y + 14); - this.sprite.texture.context.fillText('vx: ' + this.velocity.x.toFixed(1) + ' vy: ' + this.velocity.y.toFixed(1), x, y + 28); - this.sprite.texture.context.fillText('acx: ' + this.acceleration.x.toFixed(1) + ' acy: ' + this.acceleration.y.toFixed(1), x, y + 42); - this.sprite.texture.context.fillText('angVx: ' + this.angularVelocity.toFixed(1) + ' angAc: ' + this.angularAcceleration.toFixed(1), x, y + 56); - }; - return Body; - })(); - Physics.Body = Body; - })(Phaser.Physics || (Phaser.Physics = {})); - var Physics = Phaser.Physics; + + return this._overlapProcessed; + }; + QuadTree.A_LIST = 0; + + QuadTree.B_LIST = 1; + return QuadTree; + })(Phaser.Rectangle); + Phaser.QuadTree = QuadTree; })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** -* Phaser - Sprite +* Phaser - LinkedList +* +* A miniature linked list class. Useful for optimizing time-critical or highly repetitive tasks! */ var Phaser; (function (Phaser) { - var Sprite = (function () { + var LinkedList = (function () { /** - * Create a new Sprite. + * Creates a new link, and sets object and next to null. + */ + function LinkedList() { + this.object = null; + this.next = null; + } + /** + * Clean up memory. + */ + LinkedList.prototype.destroy = function () { + this.object = null; + + if (this.next != null) { + this.next.destroy(); + } + + this.next = null; + }; + return LinkedList; + })(); + Phaser.LinkedList = LinkedList; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Plugin +*/ +var Phaser; +(function (Phaser) { + var Plugin = (function () { + function Plugin(game, parent) { + this.game = game; + this.parent = parent; + + this.active = false; + this.visible = false; + + this.hasPreUpdate = false; + this.hasUpdate = false; + this.hasPostUpdate = false; + + this.hasPreRender = false; + this.hasRender = false; + this.hasPostRender = false; + } + /** + * Pre-update is called at the start of the update cycle, before any other updates have taken place. + * It is only called if active is set to true. + */ + Plugin.prototype.preUpdate = function () { + }; + + /** + * Pre-update is called at the start of the update cycle, before any other updates have taken place. + * It is only called if active is set to true. + */ + Plugin.prototype.update = function () { + }; + + /** + * Post-update is called at the end of the objects update cycle, after other update logic has taken place. + * It is only called if active is set to true. + */ + Plugin.prototype.postUpdate = function () { + }; + + /** + * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. + * It is only called if visible is set to true. + */ + Plugin.prototype.preRender = function () { + }; + + /** + * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. + * It is only called if visible is set to true. + */ + Plugin.prototype.render = function () { + }; + + /** + * Post-render is called after every camera and game object has been rendered, also after any custom postRender callbacks have been run. + * It is only called if visible is set to true. + */ + Plugin.prototype.postRender = function () { + }; + + /** + * Clear down this Plugin and null out references + */ + Plugin.prototype.destroy = function () { + this.game = null; + this.parent = null; + + this.active = false; + this.visible = false; + }; + return Plugin; + })(); + Phaser.Plugin = Plugin; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - PluginManager +*/ +var Phaser; +(function (Phaser) { + var PluginManager = (function () { + function PluginManager(game, parent) { + this.game = game; + + this._parent = parent; + + this.plugins = []; + } + /** + * Add a new Plugin to the PluginManager. + * The plugins game and parent reference are set to this game and pluginmanager parent. + * @type {Phaser.Plugin} + */ + PluginManager.prototype.add = function (plugin) { + var result = false; + + if (typeof plugin === 'function') { + plugin = new plugin(this.game, this._parent); + } else { + plugin.game = this.game; + plugin.parent = this._parent; + } + + if (typeof plugin['preUpdate'] === 'function') { + plugin.hasPreUpdate = true; + result = true; + } + + if (typeof plugin['update'] === 'function') { + plugin.hasUpdate = true; + result = true; + } + + if (typeof plugin['postUpdate'] === 'function') { + plugin.hasPostUpdate = true; + result = true; + } + + if (typeof plugin['preRender'] === 'function') { + plugin.hasPreRender = true; + result = true; + } + + if (typeof plugin['render'] === 'function') { + plugin.hasRender = true; + result = true; + } + + if (typeof plugin['postRender'] === 'function') { + plugin.hasPostRender = true; + result = true; + } + + if (result == true) { + if (plugin.hasPreUpdate || plugin.hasUpdate || plugin.hasPostUpdate) { + plugin.active = true; + } + + if (plugin.hasPreRender || plugin.hasRender || plugin.hasPostRender) { + plugin.visible = true; + } + + this._pluginsLength = this.plugins.push(plugin); + + return plugin; + } else { + return null; + } + }; + + PluginManager.prototype.remove = function (plugin) { + // TODO :) + this._pluginsLength--; + }; + + PluginManager.prototype.preUpdate = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].active && this.plugins[this._p].hasPreUpdate) { + this.plugins[this._p].preUpdate(); + } + } + }; + + PluginManager.prototype.update = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].active && this.plugins[this._p].hasUpdate) { + this.plugins[this._p].update(); + } + } + }; + + PluginManager.prototype.postUpdate = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].active && this.plugins[this._p].hasPostUpdate) { + this.plugins[this._p].postUpdate(); + } + } + }; + + PluginManager.prototype.preRender = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].visible && this.plugins[this._p].hasPreRender) { + this.plugins[this._p].preRender(); + } + } + }; + + PluginManager.prototype.render = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].visible && this.plugins[this._p].hasRender) { + this.plugins[this._p].render(); + } + } + }; + + PluginManager.prototype.postRender = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].visible && this.plugins[this._p].hasPostRender) { + this.plugins[this._p].postRender(); + } + } + }; + + PluginManager.prototype.destroy = function () { + this.plugins.length = 0; + this._pluginsLength = 0; + this.game = null; + this._parent = null; + }; + return PluginManager; + })(); + Phaser.PluginManager = PluginManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Signal +* +* A Signal is used for object communication via a custom broadcaster instead of Events. +* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. +* Released under the MIT license +* http://millermedeiros.github.com/js-signals/ +*/ +var Phaser; +(function (Phaser) { + var Signal = (function () { + function Signal() { + /** + * + * @property _bindings + * @type Array + * @private + */ + this._bindings = []; + /** + * + * @property _prevParams + * @type Any + * @private + */ + this._prevParams = null; + /** + * If Signal should keep record of previously dispatched parameters and + * automatically execute listener during `add()`/`addOnce()` if Signal was + * already dispatched before. + * @type boolean + */ + this.memorize = false; + /** + * @type boolean + * @private + */ + this._shouldPropagate = true; + /** + * If Signal is active and should broadcast events. + *

IMPORTANT: Setting this property during a dispatch will only affect the next dispatch, if you want to stop the propagation of a signal use `halt()` instead.

+ * @type boolean + */ + this.active = true; + } + /** + * + * @method validateListener + * @param {Any} listener + * @param {Any} fnName + */ + Signal.prototype.validateListener = function (listener, fnName) { + if (typeof listener !== 'function') { + throw new Error('listener is a required param of {fn}() and should be a Function.'.replace('{fn}', fnName)); + } + }; + + /** + * @param {Function} listener + * @param {boolean} isOnce + * @param {Object} [listenerContext] + * @param {Number} [priority] + * @return {SignalBinding} + * @private + */ + Signal.prototype._registerListener = function (listener, isOnce, listenerContext, priority) { + var prevIndex = this._indexOfListener(listener, listenerContext); + var binding; + + if (prevIndex !== -1) { + binding = this._bindings[prevIndex]; + + if (binding.isOnce() !== isOnce) { + throw new Error('You cannot add' + (isOnce ? '' : 'Once') + '() then add' + (!isOnce ? '' : 'Once') + '() the same listener without removing the relationship first.'); + } + } else { + binding = new Phaser.SignalBinding(this, listener, isOnce, listenerContext, priority); + + this._addBinding(binding); + } + + if (this.memorize && this._prevParams) { + binding.execute(this._prevParams); + } + + return binding; + }; + + /** + * + * @method _addBinding + * @param {SignalBinding} binding + * @private + */ + Signal.prototype._addBinding = function (binding) { + //simplified insertion sort + var n = this._bindings.length; + + do { + --n; + } while(this._bindings[n] && binding.priority <= this._bindings[n].priority); + + this._bindings.splice(n + 1, 0, binding); + }; + + /** + * + * @method _indexOfListener + * @param {Function} listener + * @return {number} + * @private + */ + Signal.prototype._indexOfListener = function (listener, context) { + var n = this._bindings.length; + var cur; + + while (n--) { + cur = this._bindings[n]; + + if (cur.getListener() === listener && cur.context === context) { + return n; + } + } + + return -1; + }; + + /** + * Check if listener was attached to Signal. + * @param {Function} listener + * @param {Object} [context] + * @return {boolean} if Signal has the specified listener. + */ + Signal.prototype.has = function (listener, context) { + if (typeof context === "undefined") { context = null; } + return this._indexOfListener(listener, context) !== -1; + }; + + /** + * Add a listener to the signal. + * @param {Function} listener Signal handler function. + * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). + * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) + * @return {SignalBinding} An Object representing the binding between the Signal and listener. + */ + Signal.prototype.add = function (listener, listenerContext, priority) { + if (typeof listenerContext === "undefined") { listenerContext = null; } + if (typeof priority === "undefined") { priority = 0; } + this.validateListener(listener, 'add'); + + return this._registerListener(listener, false, listenerContext, priority); + }; + + /** + * Add listener to the signal that should be removed after first execution (will be executed only once). + * @param {Function} listener Signal handler function. + * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). + * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) + * @return {SignalBinding} An Object representing the binding between the Signal and listener. + */ + Signal.prototype.addOnce = function (listener, listenerContext, priority) { + if (typeof listenerContext === "undefined") { listenerContext = null; } + if (typeof priority === "undefined") { priority = 0; } + this.validateListener(listener, 'addOnce'); + + return this._registerListener(listener, true, listenerContext, priority); + }; + + /** + * Remove a single listener from the dispatch queue. + * @param {Function} listener Handler function that should be removed. + * @param {Object} [context] Execution context (since you can add the same handler multiple times if executing in a different context). + * @return {Function} Listener handler function. + */ + Signal.prototype.remove = function (listener, context) { + if (typeof context === "undefined") { context = null; } + this.validateListener(listener, 'remove'); + + var i = this._indexOfListener(listener, context); + + if (i !== -1) { + this._bindings[i]._destroy(); + this._bindings.splice(i, 1); + } + + return listener; + }; + + /** + * Remove all listeners from the Signal. + */ + Signal.prototype.removeAll = function () { + if (this._bindings) { + var n = this._bindings.length; + + while (n--) { + this._bindings[n]._destroy(); + } + + this._bindings.length = 0; + } + }; + + /** + * @return {number} Number of listeners attached to the Signal. + */ + Signal.prototype.getNumListeners = function () { + return this._bindings.length; + }; + + /** + * Stop propagation of the event, blocking the dispatch to next listeners on the queue. + *

IMPORTANT: should be called only during signal dispatch, calling it before/after dispatch won't affect signal broadcast.

+ * @see Signal.prototype.disable + */ + Signal.prototype.halt = function () { + this._shouldPropagate = false; + }; + + /** + * Dispatch/Broadcast Signal to all listeners added to the queue. + * @param {...*} [params] Parameters that should be passed to each handler. + */ + Signal.prototype.dispatch = function () { + var paramsArr = []; + for (var _i = 0; _i < (arguments.length - 0); _i++) { + paramsArr[_i] = arguments[_i + 0]; + } + if (!this.active) { + return; + } + + var n = this._bindings.length; + var bindings; + + if (this.memorize) { + this._prevParams = paramsArr; + } + + if (!n) { + //should come after memorize + return; + } + + bindings = this._bindings.slice(0); + + this._shouldPropagate = true; + + do { + n--; + } while(bindings[n] && this._shouldPropagate && bindings[n].execute(paramsArr) !== false); + }; + + /** + * Forget memorized arguments. + * @see Signal.memorize + */ + Signal.prototype.forget = function () { + this._prevParams = null; + }; + + /** + * Remove all bindings from signal and destroy any reference to external objects (destroy Signal object). + *

IMPORTANT: calling any method on the signal instance after calling dispose will throw errors.

+ */ + Signal.prototype.dispose = function () { + this.removeAll(); + + delete this._bindings; + delete this._prevParams; + }; + + /** + * @return {string} String representation of the object. + */ + Signal.prototype.toString = function () { + return '[Signal active:' + this.active + ' numListeners:' + this.getNumListeners() + ']'; + }; + Signal.VERSION = '1.0.0'; + return Signal; + })(); + Phaser.Signal = Signal; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - SignalBinding +* +* An object that represents a binding between a Signal and a listener function. +* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. +* Released under the MIT license +* http://millermedeiros.github.com/js-signals/ +*/ +var Phaser; +(function (Phaser) { + var SignalBinding = (function () { + /** + * Object that represents a binding between a Signal and a listener function. + *
- This is an internal constructor and shouldn't be called by regular users. + *
- inspired by Joa Ebert AS3 SignalBinding and Robert Penner's Slot classes. + * @author Miller Medeiros + * @constructor + * @internal + * @name SignalBinding + * @param {Signal} signal Reference to Signal object that listener is currently bound to. + * @param {Function} listener Handler function bound to the signal. + * @param {boolean} isOnce If binding should be executed just once. + * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). + * @param {Number} [priority] The priority level of the event listener. (default = 0). + */ + function SignalBinding(signal, listener, isOnce, listenerContext, priority) { + if (typeof priority === "undefined") { priority = 0; } + /** + * If binding is active and should be executed. + * @type boolean + */ + this.active = true; + /** + * Default parameters passed to listener during `Signal.dispatch` and `SignalBinding.execute`. (curried parameters) + * @type Array|null + */ + this.params = null; + this._listener = listener; + this._isOnce = isOnce; + this.context = listenerContext; + this._signal = signal; + this.priority = priority || 0; + } + /** + * Call listener passing arbitrary parameters. + *

If binding was added using `Signal.addOnce()` it will be automatically removed from signal dispatch queue, this method is used internally for the signal dispatch.

+ * @param {Array} [paramsArr] Array of parameters that should be passed to the listener + * @return {*} Value returned by the listener. + */ + SignalBinding.prototype.execute = function (paramsArr) { + var handlerReturn; + var params; + + if (this.active && !!this._listener) { + params = this.params ? this.params.concat(paramsArr) : paramsArr; + + handlerReturn = this._listener.apply(this.context, params); + + if (this._isOnce) { + this.detach(); + } + } + + return handlerReturn; + }; + + /** + * Detach binding from signal. + * - alias to: mySignal.remove(myBinding.getListener()); + * @return {Function|null} Handler function bound to the signal or `null` if binding was previously detached. + */ + SignalBinding.prototype.detach = function () { + return this.isBound() ? this._signal.remove(this._listener, this.context) : null; + }; + + /** + * @return {Boolean} `true` if binding is still bound to the signal and have a listener. + */ + SignalBinding.prototype.isBound = function () { + return (!!this._signal && !!this._listener); + }; + + /** + * @return {boolean} If SignalBinding will only be executed once. + */ + SignalBinding.prototype.isOnce = function () { + return this._isOnce; + }; + + /** + * @return {Function} Handler function bound to the signal. + */ + SignalBinding.prototype.getListener = function () { + return this._listener; + }; + + /** + * @return {Signal} Signal that listener is currently bound to. + */ + SignalBinding.prototype.getSignal = function () { + return this._signal; + }; + + /** + * Delete instance properties + * @private + */ + SignalBinding.prototype._destroy = function () { + delete this._signal; + delete this._listener; + delete this.context; + }; + + /** + * @return {string} String representation of the object. + */ + SignalBinding.prototype.toString = function () { + return '[SignalBinding isOnce:' + this._isOnce + ', isBound:' + this.isBound() + ', active:' + this.active + ']'; + }; + return SignalBinding; + })(); + Phaser.SignalBinding = SignalBinding; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Group +* +* This class is used for organising, updating and sorting game objects. +*/ +var Phaser; +(function (Phaser) { + var Group = (function () { + function Group(game, maxSize) { + if (typeof maxSize === "undefined") { maxSize = 0; } + /** + * Helper for sort. + */ + this._sortIndex = ''; + /** + * This keeps track of the z value of any game object added to this Group + */ + this._zCounter = 0; + /** + * The unique Group ID + */ + this.ID = -1; + /** + * The z value of this Group (within its parent Group, if any) + */ + this.z = -1; + /** + * The Group this Group is a child of (if any). + */ + this.group = null; + /** + * A boolean representing if the Group has been modified in any way via a scale, rotate, flip or skew. + */ + this.modified = false; + this.game = game; + this.type = Phaser.Types.GROUP; + this.exists = true; + this.visible = true; + + this.members = []; + this.length = 0; + + this._maxSize = maxSize; + this._marker = 0; + this._sortIndex = null; + + this.ID = this.game.world.getNextGroupID(); + + this.transform = new Phaser.Components.TransformManager(this); + this.texture = new Phaser.Display.Texture(this); + this.texture.opaque = false; + } + /** + * Gets the next z index value for children of this Group + */ + Group.prototype.getNextZIndex = function () { + return this._zCounter++; + }; + + /** + * Override this function to handle any deleting or "shutdown" type operations you might need, + * such as removing traditional children like Basic objects. + */ + Group.prototype.destroy = function () { + if (this.members != null) { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + this._member.destroy(); + } + } + + this.members.length = 0; + } + + this._sortIndex = null; + }; + + /** + * Calls update on all members of this Group who have a status of active=true and exists=true + * You can also call Object.update directly, which will bypass the active/exists check. + */ + Group.prototype.update = function () { + if (this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { + this.modified = true; + } + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists && this._member.active) { + this._member.preUpdate(); + this._member.update(); + } + } + }; + + /** + * Calls update on all members of this Group who have a status of active=true and exists=true + * You can also call Object.postUpdate directly, which will bypass the active/exists check. + */ + Group.prototype.postUpdate = function () { + if (this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { + this.modified = false; + } + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists && this._member.active) { + this._member.postUpdate(); + } + } + }; + + /** + * Calls render on all members of this Group who have a status of visible=true and exists=true + * You can also call Object.render directly, which will bypass the visible/exists check. + */ + Group.prototype.render = function (camera) { + if (camera.isHidden(this) == true) { + return; + } + + this.game.renderer.groupRenderer.preRender(camera, this); + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists && this._member.visible && camera.isHidden(this._member) == false) { + if (this._member.type == Phaser.Types.GROUP) { + this._member.render(camera); + } else { + this.game.renderer.renderGameObject(camera, this._member); + } + } + } + + this.game.renderer.groupRenderer.postRender(camera, this); + }; + + /** + * Calls render on all members of this Group regardless of their visible status and also ignores the camera blacklist. + * Use this when the Group objects render to hidden canvases for example. + */ + Group.prototype.directRender = function (camera) { + this.game.renderer.groupRenderer.preRender(camera, this); + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists) { + if (this._member.type == Phaser.Types.GROUP) { + this._member.directRender(camera); + } else { + this.game.renderer.renderGameObject(this._member); + } + } + } + + this.game.renderer.groupRenderer.postRender(camera, this); + }; + + Object.defineProperty(Group.prototype, "maxSize", { + get: /** + * The maximum capacity of this group. Default is 0, meaning no max capacity, and the group can just grow. + */ + function () { + return this._maxSize; + }, + set: /** + * @private + */ + function (size) { + this._maxSize = size; + + if (this._marker >= this._maxSize) { + this._marker = 0; + } + + if (this._maxSize == 0 || this.members == null || (this._maxSize >= this.members.length)) { + return; + } + + //If the max size has shrunk, we need to get rid of some objects + this._i = this._maxSize; + this._length = this.members.length; + + while (this._i < this._length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + this._member.destroy(); + } + } + + this.length = this.members.length = this._maxSize; + }, + enumerable: true, + configurable: true + }); + + + /** + * Adds a new Game Object to the group. + * Group will try to replace a null member of the array first. + * Failing that, Group will add it to the end of the member array, + * assuming there is room for it, and doubling the size of the array if necessary. + * + *

WARNING: If the group has a maxSize that has already been met, + * the object will NOT be added to the group!

+ * + * @param {Basic} Object The object you want to add to the group. + * @return {Basic} The same object that was passed in. + */ + Group.prototype.add = function (object) { + if (object.group && (object.group.ID == this.ID || (object.type == Phaser.Types.GROUP && object.ID == this.ID))) { + return object; + } + + // First, look for a null entry where we can add the object. + this._i = 0; + this._length = this.members.length; + + while (this._i < this._length) { + if (this.members[this._i] == null) { + this.members[this._i] = object; + + this.setObjectIDs(object); + + if (this._i >= this.length) { + this.length = this._i + 1; + } + + return object; + } + + this._i++; + } + + if (this._maxSize > 0) { + if (this.members.length >= this._maxSize) { + return object; + } else if (this.members.length * 2 <= this._maxSize) { + this.members.length *= 2; + } else { + this.members.length = this._maxSize; + } + } else { + this.members.length *= 2; + } + + // If we made it this far, then we successfully grew the group, + // and we can go ahead and add the object at the first open slot. + this.members[this._i] = object; + this.length = this._i + 1; + + this.setObjectIDs(object); + + return object; + }; + + /** + * Create a new Sprite within this Group at the specified position. + * + * @param x {number} X position of the new sprite. + * @param y {number} Y position of the new sprite. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite + * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. + * @returns {Sprite} The newly created sprite object. + */ + Group.prototype.addNewSprite = function (x, y, key, frame) { + if (typeof key === "undefined") { key = ''; } + if (typeof frame === "undefined") { frame = null; } + return this.add(new Phaser.Sprite(this.game, x, y, key, frame)); + }; + + /** + * Sets all of the game object properties needed to exist within this Group. + */ + Group.prototype.setObjectIDs = function (object, zIndex) { + if (typeof zIndex === "undefined") { zIndex = -1; } + if (object.group !== null) { + object.group.remove(object); + } + + object.group = this; + + if (zIndex == -1) { + zIndex = this.getNextZIndex(); + } + + object.z = zIndex; + + if (object['events']) { + object['events'].onAddedToGroup.dispatch(object, this, object.z); + } + }; + + /** + * Recycling is designed to help you reuse game objects without always re-allocating or "newing" them. + * + *

If you specified a maximum size for this group (like in Emitter), + * then recycle will employ what we're calling "rotating" recycling. + * Recycle() will first check to see if the group is at capacity yet. + * If group is not yet at capacity, recycle() returns a new object. + * If the group IS at capacity, then recycle() just returns the next object in line.

+ * + *

If you did NOT specify a maximum size for this group, + * then recycle() will employ what we're calling "grow-style" recycling. + * Recycle() will return either the first object with exists == false, + * or, finding none, add a new object to the array, + * doubling the size of the array if necessary.

+ * + *

WARNING: If this function needs to create a new object, + * and no object class was provided, it will return null + * instead of a valid object!

+ * + * @param {class} ObjectClass The class type you want to recycle (e.g. Basic, EvilRobot, etc). Do NOT "new" the class in the parameter! + * + * @return {any} A reference to the object that was created. Don't forget to cast it back to the Class you want (e.g. myObject = myGroup.recycle(myObjectClass) as myObjectClass;). + */ + Group.prototype.recycle = function (objectClass) { + if (typeof objectClass === "undefined") { objectClass = null; } + if (this._maxSize > 0) { + if (this.length < this._maxSize) { + if (objectClass == null) { + return null; + } + + return this.add(new objectClass(this.game)); + } else { + this._member = this.members[this._marker++]; + + if (this._marker >= this._maxSize) { + this._marker = 0; + } + + return this._member; + } + } else { + this._member = this.getFirstAvailable(objectClass); + + if (this._member != null) { + return this._member; + } + + if (objectClass == null) { + return null; + } + + return this.add(new objectClass(this.game)); + } + }; + + /** + * Removes an object from the group. + * + * @param {Basic} object The Game Object you want to remove. + * @param {boolean} splice Whether the object should be cut from the array entirely or not. + * + * @return {Basic} The removed object. + */ + Group.prototype.remove = function (object, splice) { + if (typeof splice === "undefined") { splice = false; } + //console.log('removing from group: ', object.name); + this._i = this.members.indexOf(object); + + if (this._i < 0 || (this._i >= this.members.length)) { + return null; + } + + if (splice) { + this.members.splice(this._i, 1); + this.length--; + } else { + this.members[this._i] = null; + } + + if (object['events']) { + object['events'].onRemovedFromGroup.dispatch(object, this); + } + + object.group = null; + object.z = -1; + return object; + }; + + /** + * Replaces an existing game object in this Group with a new one. + * + * @param {Basic} oldObject The object you want to replace. + * @param {Basic} newObject The new object you want to use instead. + * + * @return {Basic} The new object. + */ + Group.prototype.replace = function (oldObject, newObject) { + this._i = this.members.indexOf(oldObject); + + if (this._i < 0 || (this._i >= this.members.length)) { + return null; + } + + this.setObjectIDs(newObject, this.members[this._i].z); + + // Null the old object + this.remove(this.members[this._i]); + + this.members[this._i] = newObject; + + return newObject; + }; + + /** + * Swaps two existing game object in this Group with each other. + * + * @param {Basic} child1 The first object to swap. + * @param {Basic} child2 The second object to swap. + * + * @return {Basic} True if the two objects successfully swapped position. + */ + Group.prototype.swap = function (child1, child2, sort) { + if (typeof sort === "undefined") { sort = true; } + if (child1.group.ID != this.ID || child2.group.ID != this.ID || child1 === child2) { + return false; + } + + var tempZ = child1.z; + + child1.z = child2.z; + child2.z = tempZ; + + if (sort) { + this.sort(); + } + + return true; + }; + + Group.prototype.bringToTop = function (child) { + //console.log('bringToTop', child.name,'current z', child.z); + var oldZ = child.z; + + if (!child || child.group == null || child.group.ID != this.ID) { + //console.log('If child not in this group, or is already at the top of the group, return false'); + return false; + } + + // Find out the largest z index + var topZ = -1; + + for (var i = 0; i < this.length; i++) { + if (this.members[i] && this.members[i].z > topZ) { + topZ = this.members[i].z; + } + } + + if (child.z == topZ) { + return false; + } + + child.z = topZ + 1; + + // Sort them out based on the current z indexes + this.sort(); + + for (var i = 0; i < this.length; i++) { + if (this.members[i]) { + this.members[i].z = i; + } + } + + //console.log('bringToTop', child.name, 'old z', oldZ, 'new z', child.z); + return true; + // What's the z index of the top most child? + /* + var childIndex: number = this._zCounter; + + console.log('childIndex', childIndex); + + this._i = 0; + + while (this._i < this.length) + { + this._member = this.members[this._i++]; + + if (this._member) + { + if (this._i > childIndex) + { + this._member.z--; + } + else if (this._member.z == child.z) + { + childIndex = this._i; + this._member.z = this._zCounter; + } + } + } + + console.log('child inserted at index', child.z); + + // Maybe redundant? + this.sort(); + + return true; + */ + }; + + /** + * Call this function to sort the group according to a particular value and order. + * For example, to sort game objects for Zelda-style overlaps you might call + * myGroup.sort("y",Group.ASCENDING) at the bottom of your + * State.update() override. To sort all existing objects after + * a big explosion or bomb attack, you might call myGroup.sort("exists",Group.DESCENDING). + * + * @param {string} index The string name of the member variable you want to sort on. Default value is "z". + * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. + */ + Group.prototype.sort = function (index, order) { + if (typeof index === "undefined") { index = 'z'; } + if (typeof order === "undefined") { order = Phaser.Types.SORT_ASCENDING; } + var _this = this; + this._sortIndex = index; + this._sortOrder = order; + this.members.sort(function (a, b) { + return _this.sortHandler(a, b); + }); + }; + + /** + * Helper function for the sort process. + * + * @param {Basic} Obj1 The first object being sorted. + * @param {Basic} Obj2 The second object being sorted. + * + * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). + */ + Group.prototype.sortHandler = function (obj1, obj2) { + if (!obj1 || !obj2) { + //console.log('null objects in sort', obj1, obj2); + return 0; + } + + if (obj1[this._sortIndex] < obj2[this._sortIndex]) { + return this._sortOrder; + } else if (obj1[this._sortIndex] > obj2[this._sortIndex]) { + return -this._sortOrder; + } + + return 0; + }; + + /** + * Go through and set the specified variable to the specified value on all members of the group. + * + * @param {string} VariableName The string representation of the variable name you want to modify, for example "visible" or "scrollFactor". + * @param {Object} Value The value you want to assign to that variable. + * @param {boolean} Recurse Default value is true, meaning if setAll() encounters a member that is a group, it will call setAll() on that group rather than modifying its variable. + */ + Group.prototype.setAll = function (variableName, value, recurse) { + if (typeof recurse === "undefined") { recurse = true; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (recurse && this._member.type == Phaser.Types.GROUP) { + this._member.setAll(variableName, value, recurse); + } else { + this._member[variableName] = value; + } + } + } + }; + + /** + * Go through and call the specified function on all members of the group. + * Currently only works on functions that have no required parameters. + * + * @param {string} FunctionName The string representation of the function you want to call on each object, for example "kill()" or "init()". + * @param {boolean} Recurse Default value is true, meaning if callAll() encounters a member that is a group, it will call callAll() on that group rather than calling the group's function. + */ + Group.prototype.callAll = function (functionName, recurse) { + if (typeof recurse === "undefined") { recurse = true; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (recurse && this._member.type == Phaser.Types.GROUP) { + this._member.callAll(functionName, recurse); + } else { + this._member[functionName](); + } + } + } + }; + + /** + * @param {function} callback + * @param {boolean} recursive + */ + Group.prototype.forEach = function (callback, recursive) { + if (typeof recursive === "undefined") { recursive = false; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (recursive && this._member.type == Phaser.Types.GROUP) { + this._member.forEach(callback, true); + } else { + callback.call(this, this._member); + } + } + } + }; + + /** + * @param {any} context + * @param {function} callback + * @param {boolean} recursive + */ + Group.prototype.forEachAlive = function (context, callback, recursive) { + if (typeof recursive === "undefined") { recursive = false; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.alive) { + if (recursive && this._member.type == Phaser.Types.GROUP) { + this._member.forEachAlive(context, callback, true); + } else { + callback.call(context, this._member); + } + } + } + }; + + /** + * Call this function to retrieve the first object with exists == false in the group. + * This is handy for recycling in general, e.g. respawning enemies. + * + * @param {any} [ObjectClass] An optional parameter that lets you narrow the results to instances of this particular class. + * + * @return {any} A Basic currently flagged as not existing. + */ + Group.prototype.getFirstAvailable = function (objectClass) { + if (typeof objectClass === "undefined") { objectClass = null; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && !this._member.exists && ((objectClass == null) || (typeof this._member === objectClass))) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to retrieve the first index set to 'null'. + * Returns -1 if no index stores a null object. + * + * @return {number} An int indicating the first null slot in the group. + */ + Group.prototype.getFirstNull = function () { + this._i = 0; + + while (this._i < this.length) { + if (this.members[this._i] == null) { + return this._i; + } else { + this._i++; + } + } + + return -1; + }; + + /** + * Call this function to retrieve the first object with exists == true in the group. + * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. + * + * @return {Basic} A Basic currently flagged as existing. + */ + Group.prototype.getFirstExtant = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to retrieve the first object with dead == false in the group. + * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. + * + * @return {Basic} A Basic currently flagged as not dead. + */ + Group.prototype.getFirstAlive = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && this._member.exists && this._member.alive) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to retrieve the first object with dead == true in the group. + * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. + * + * @return {Basic} A Basic currently flagged as dead. + */ + Group.prototype.getFirstDead = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && !this._member.alive) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to find out how many members of the group are not dead. + * + * @return {number} The number of Basics flagged as not dead. Returns -1 if group is empty. + */ + Group.prototype.countLiving = function () { + this._count = -1; + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (this._count < 0) { + this._count = 0; + } + + if (this._member.exists && this._member.alive) { + this._count++; + } + } + } + + return this._count; + }; + + /** + * Call this function to find out how many members of the group are dead. + * + * @return {number} The number of Basics flagged as dead. Returns -1 if group is empty. + */ + Group.prototype.countDead = function () { + this._count = -1; + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (this._count < 0) { + this._count = 0; + } + + if (!this._member.alive) { + this._count++; + } + } + } + + return this._count; + }; + + /** + * Returns a member at random from the group. + * + * @param {number} StartIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. + * @param {number} Length Optional restriction on the number of values you want to randomly select from. + * + * @return {Basic} A Basic from the members list. + */ + Group.prototype.getRandom = function (startIndex, length) { + if (typeof startIndex === "undefined") { startIndex = 0; } + if (typeof length === "undefined") { length = 0; } + if (length == 0) { + length = this.length; + } + + return this.game.math.getRandom(this.members, startIndex, length); + }; + + /** + * Remove all instances of Basic subclass (Basic, Block, etc) from the list. + * WARNING: does not destroy() or kill() any of these objects! + */ + Group.prototype.clear = function () { + this.length = this.members.length = 0; + }; + + /** + * Calls kill on the group's members and then on the group itself. + */ + Group.prototype.kill = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && this._member.exists) { + this._member.kill(); + } + } + }; + return Group; + })(); + Phaser.Group = Group; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Camera +* +* A Camera is your view into the game world. It has a position, size, scale and rotation and renders only those objects +* within its field of view. The game automatically creates a single Stage sized camera on boot, but it can be changed and +* additional cameras created via the CameraManager. +*/ +var Phaser; +(function (Phaser) { + var Camera = (function () { + /** + * Instantiates a new camera at the specified location, with the specified size and zoom level. * * @param game {Phaser.Game} Current game instance. - * @param [x] {number} the initial x position of the sprite. - * @param [y] {number} the initial y position of the sprite. - * @param [key] {string} Key of the graphic you want to load for this sprite. + * @param id {number} Unique identity. + * @param x {number} X location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. + * @param y {number} Y location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. + * @param width {number} The width of the camera display in pixels. + * @param height {number} The height of the camera display in pixels. */ - function Sprite(game, x, y, key, frame) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof key === "undefined") { key = null; } - if (typeof frame === "undefined") { frame = null; } + function Camera(game, id, x, y, width, height) { + this._target = null; /** - * Sprite physics body. + * Camera worldBounds. + * @type {Rectangle} */ - this.body = null; + this.worldBounds = null; /** - * A boolean representing if the Sprite has been modified in any way via a scale, rotate, flip or skew. + * A boolean representing if the Camera has been modified in any way via a scale, rotate, flip or skew. */ this.modified = false; /** - * x value of the object. + * Sprite moving inside this Rectangle will not cause camera moving. + * @type {Rectangle} */ - this.x = 0; + this.deadzone = null; /** - * y value of the object. + * Whether this camera is visible or not. (default is true) + * @type {boolean} */ - this.y = 0; - /** - * z order value of the object. - */ - this.z = -1; - /** - * Render iteration counter - */ - this.renderOrderID = 0; - this.game = game; - this.type = Phaser.Types.SPRITE; - this.exists = true; - this.active = true; this.visible = true; - this.alive = true; - this.x = x; - this.y = y; + /** + * The z value of this Camera. Cameras are rendered in z-index order by the Renderer. + */ this.z = -1; - this.group = null; - this.name = ''; - this.events = new Phaser.Components.Events(this); - this.animations = new Phaser.Components.AnimationManager(this); - this.input = new Phaser.Components.InputHandler(this); - this.texture = new Phaser.Display.Texture(this); + this.game = game; + + this.ID = id; + this.z = id; + + width = this.game.math.clamp(width, this.game.stage.width, 1); + height = this.game.math.clamp(height, this.game.stage.height, 1); + + // The view into the world we wish to render (by default the full game world size) + // The size of this Rect is the same as screenView, but the values are all in world coordinates instead of screen coordinates + this.worldView = new Phaser.Rectangle(0, 0, width, height); + + // The rect of the area being rendered in stage/screen coordinates + this.screenView = new Phaser.Rectangle(x, y, width, height); + + this.plugins = new Phaser.PluginManager(this.game, this); + this.transform = new Phaser.Components.TransformManager(this); - if(key !== null) { - this.texture.loadImage(key, false); - } else { - this.texture.opaque = true; - } - if(frame !== null) { - if(typeof frame == 'string') { - this.frameName = frame; - } else { - this.frame = frame; - } - } - this.worldView = new Phaser.Rectangle(x, y, this.width, this.height); - this.cameraView = new Phaser.Rectangle(x, y, this.width, this.height); - this.transform.setCache(); - this.outOfBounds = false; - this.outOfBoundsAction = Phaser.Types.OUT_OF_BOUNDS_PERSIST; + this.texture = new Phaser.Display.Texture(this); + + // We create a hidden canvas for our camera the size of the game (we use the screenView to clip the render to the camera size) + this.texture.canvas = document.createElement('canvas'); + this.texture.canvas.width = width; + this.texture.canvas.height = height; + this.texture.context = this.texture.canvas.getContext('2d'); + // Handy proxies this.scale = this.transform.scale; this.alpha = this.texture.alpha; this.origin = this.transform.origin; this.crop = this.texture.crop; } - Object.defineProperty(Sprite.prototype, "rotation", { - get: /** - * The rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - */ - function () { - return this.transform.rotation; - }, - set: /** - * Set the rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - * The value is automatically wrapped to be between 0 and 360. - */ - function (value) { - this.transform.rotation = this.game.math.wrap(value, 360, 0); - if(this.body) { - //this.body.angle = this.game.math.degreesToRadians(this.game.math.wrap(value, 360, 0)); - } - }, - enumerable: true, - configurable: true - }); - Sprite.prototype.bringToTop = /** - * Brings this Sprite to the top of its current Group, if set. - */ - function () { - if(this.group) { - this.group.bringToTop(this); - } - }; - Object.defineProperty(Sprite.prototype, "alpha", { + + Object.defineProperty(Camera.prototype, "alpha", { get: /** * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. */ @@ -4962,1115 +5116,951 @@ var Phaser; enumerable: true, configurable: true }); - Object.defineProperty(Sprite.prototype, "frame", { - get: /** - * Get the animation frame number. - */ - function () { - return this.animations.frame; - }, - set: /** - * Set the animation frame by frame number. - */ - function (value) { - this.animations.frame = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Sprite.prototype, "frameName", { - get: /** - * Get the animation frame name. - */ - function () { - return this.animations.frameName; - }, - set: /** - * Set the animation frame by frame name. - */ - function (value) { - this.animations.frameName = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Sprite.prototype, "width", { - get: function () { - return this.texture.width * this.transform.scale.x; - }, - set: function (value) { - this.transform.scale.x = value / this.texture.width; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Sprite.prototype, "height", { - get: function () { - return this.texture.height * this.transform.scale.y; - }, - set: function (value) { - this.transform.scale.y = value / this.texture.height; - }, - enumerable: true, - configurable: true - }); - Sprite.prototype.preUpdate = /** - * Pre-update is called right before update() on each object in the game loop. - */ - function () { - this.transform.update(); - if(this.transform.scrollFactor.x != 1 && this.transform.scrollFactor.x != 0) { - this.worldView.x = (this.x * this.transform.scrollFactor.x) - (this.width * this.transform.origin.x); - } else { - this.worldView.x = this.x - (this.width * this.transform.origin.x); - } - if(this.transform.scrollFactor.y != 1 && this.transform.scrollFactor.y != 0) { - this.worldView.y = (this.y * this.transform.scrollFactor.y) - (this.height * this.transform.origin.y); - } else { - this.worldView.y = this.y - (this.height * this.transform.origin.y); - } - this.worldView.width = this.width; - this.worldView.height = this.height; - if(this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { - this.modified = true; - } - }; - Sprite.prototype.update = /** - * Override this function to update your sprites position and appearance. - */ - function () { - }; - Sprite.prototype.postUpdate = /** - * Automatically called after update() by the game loop for all 'alive' objects. - */ - function () { - this.animations.update(); - this.checkBounds(); - if(this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { - this.modified = false; - } - }; - Sprite.prototype.checkBounds = function () { - if(Phaser.RectangleUtils.intersects(this.worldView, this.game.world.bounds)) { - this.outOfBounds = false; - } else { - if(this.outOfBounds == false) { - this.events.onOutOfBounds.dispatch(this); - } - this.outOfBounds = true; - if(this.outOfBoundsAction == Phaser.Types.OUT_OF_BOUNDS_KILL) { - this.kill(); - } else if(this.outOfBoundsAction == Phaser.Types.OUT_OF_BOUNDS_DESTROY) { - this.destroy(); - } - } - }; - Sprite.prototype.destroy = /** - * Clean up memory. - */ - function () { - this.input.destroy(); - }; - Sprite.prototype.kill = /** - * Handy for "killing" game objects. - * Default behavior is to flag them as nonexistent AND dead. - * However, if you want the "corpse" to remain in the game, - * like to animate an effect or whatever, you should override this, - * setting only alive to false, and leaving exists true. - */ - function (removeFromGroup) { - if (typeof removeFromGroup === "undefined") { removeFromGroup = false; } - this.alive = false; - this.exists = false; - if(removeFromGroup && this.group) { - this.group.remove(this); - } - this.events.onKilled.dispatch(this); - }; - Sprite.prototype.revive = /** - * Handy for bringing game objects "back to life". Just sets alive and exists back to true. - * In practice, this is most often called by Object.reset(). - */ - function () { - this.alive = true; - this.exists = true; - this.events.onRevived.dispatch(this); - }; - return Sprite; - })(); - Phaser.Sprite = Sprite; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/** -* Phaser - SpriteUtils -* -* A collection of methods useful for manipulating and checking Sprites. -*/ -var Phaser; -(function (Phaser) { - var SpriteUtils = (function () { - function SpriteUtils() { } - SpriteUtils.updateCameraView = /** - * Updates a Sprites cameraView Rectangle based on the given camera, sprite world position and rotation - * @param camera {Camera} The Camera to use in the view - * @param sprite {Sprite} The Sprite that will have its cameraView property modified - * @return {Rectangle} A reference to the Sprite.cameraView property - */ - function updateCameraView(camera, sprite) { - if(sprite.rotation == 0 || sprite.texture.renderRotation == false) { - // Easy out - sprite.cameraView.x = Math.floor(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.width * sprite.transform.origin.x)); - sprite.cameraView.y = Math.floor(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.height * sprite.transform.origin.y)); - sprite.cameraView.width = sprite.width; - sprite.cameraView.height = sprite.height; - } else { - // If the sprite is rotated around its center we can use this quicker method: - if(sprite.transform.origin.x == 0.5 && sprite.transform.origin.y == 0.5) { - SpriteUtils._sin = sprite.transform.sin; - SpriteUtils._cos = sprite.transform.cos; - if(SpriteUtils._sin < 0) { - SpriteUtils._sin = -SpriteUtils._sin; - } - if(SpriteUtils._cos < 0) { - SpriteUtils._cos = -SpriteUtils._cos; - } - sprite.cameraView.width = Math.round(sprite.height * SpriteUtils._sin + sprite.width * SpriteUtils._cos); - sprite.cameraView.height = Math.round(sprite.height * SpriteUtils._cos + sprite.width * SpriteUtils._sin); - sprite.cameraView.x = Math.round(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.cameraView.width * sprite.transform.origin.x)); - sprite.cameraView.y = Math.round(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.cameraView.height * sprite.transform.origin.y)); - } else { - sprite.cameraView.x = Math.min(sprite.transform.upperLeft.x, sprite.transform.upperRight.x, sprite.transform.bottomLeft.x, sprite.transform.bottomRight.x); - sprite.cameraView.y = Math.min(sprite.transform.upperLeft.y, sprite.transform.upperRight.y, sprite.transform.bottomLeft.y, sprite.transform.bottomRight.y); - sprite.cameraView.width = Math.max(sprite.transform.upperLeft.x, sprite.transform.upperRight.x, sprite.transform.bottomLeft.x, sprite.transform.bottomRight.x) - sprite.cameraView.x; - sprite.cameraView.height = Math.max(sprite.transform.upperLeft.y, sprite.transform.upperRight.y, sprite.transform.bottomLeft.y, sprite.transform.bottomRight.y) - sprite.cameraView.y; - } - } - return sprite.cameraView; - }; - SpriteUtils.getAsPoints = function getAsPoints(sprite) { - var out = []; - // top left - out.push(new Phaser.Point(sprite.x, sprite.y)); - // top right - out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y)); - // bottom right - out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y + sprite.height)); - // bottom left - out.push(new Phaser.Point(sprite.x, sprite.y + sprite.height)); - return out; - }; - SpriteUtils.overlapsXY = /** - * Checks to see if some GameObject overlaps this GameObject or Group. - * If the group has a LOT of things in it, it might be faster to use Collision.overlaps(). - * WARNING: Currently tilemaps do NOT support screen space overlap checks! - * - * @param objectOrGroup {object} The object or group being tested. - * @param inScreenSpace {boolean} Whether to take scroll factors numbero account when checking for overlap. Default is false, or "only compare in world space." - * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. - * - * @return {boolean} Whether or not the objects overlap this. - */ - /* - static overlaps(objectOrGroup, inScreenSpace: bool = false, camera: Camera = null): bool { - - if (objectOrGroup.isGroup) - { - var results: bool = false; - var i: number = 0; - var members = objectOrGroup.members; - - while (i < length) - { - if (this.overlaps(members[i++], inScreenSpace, camera)) - { - results = true; - } - } - - return results; - - } - - if (!inScreenSpace) - { - return (objectOrGroup.x + objectOrGroup.width > this.x) && (objectOrGroup.x < this.x + this.width) && - (objectOrGroup.y + objectOrGroup.height > this.y) && (objectOrGroup.y < this.y + this.height); - } - - if (camera == null) - { - camera = this.game.camera; - } - - var objectScreenPos: Point = objectOrGroup.getScreenXY(null, camera); - - this.getScreenXY(this._point, camera); - - return (objectScreenPos.x + objectOrGroup.width > this._point.x) && (objectScreenPos.x < this._point.x + this.width) && - (objectScreenPos.y + objectOrGroup.height > this._point.y) && (objectScreenPos.y < this._point.y + this.height); - } - */ + /** - * Checks to see if the given x and y coordinates overlaps this Sprite, taking scaling and rotation into account. - * The coordinates must be given in world space, not local or camera space. + * Hides an object from this Camera. Hidden objects are not rendered. + * The object must implement a public cameraBlacklist property. * - * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. - * @param x {Number} The x coordinate in world space. - * @param y {Number} The y coordinate in world space. - * - * @return Whether or not the point overlaps this object. + * @param object {Sprite/Group} The object this camera should ignore. */ - function overlapsXY(sprite, x, y) { - // if rotation == 0 then just do a rect check instead! - if(sprite.transform.rotation == 0) { - return Phaser.RectangleUtils.contains(sprite.worldView, x, y); - } - if((x - sprite.transform.upperLeft.x) * (sprite.transform.upperRight.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperLeft.y) * (sprite.transform.upperRight.y - sprite.transform.upperLeft.y) < 0) { - return false; - } - if((x - sprite.transform.upperRight.x) * (sprite.transform.upperRight.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperRight.y) * (sprite.transform.upperRight.y - sprite.transform.upperLeft.y) > 0) { - return false; - } - if((x - sprite.transform.upperLeft.x) * (sprite.transform.bottomLeft.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperLeft.y) * (sprite.transform.bottomLeft.y - sprite.transform.upperLeft.y) < 0) { - return false; - } - if((x - sprite.transform.bottomLeft.x) * (sprite.transform.bottomLeft.x - sprite.transform.upperLeft.x) + (y - sprite.transform.bottomLeft.y) * (sprite.transform.bottomLeft.y - sprite.transform.upperLeft.y) > 0) { - return false; - } - return true; + Camera.prototype.hide = function (object) { + object.texture.hideFromCamera(this); }; - SpriteUtils.overlapsPoint = /** - * Checks to see if the given point overlaps this Sprite, taking scaling and rotation into account. - * The point must be given in world space, not local or camera space. + + /** + * Returns true if the object is hidden from this Camera. * - * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. - * @param point {Point} The point in world space you want to check. - * - * @return Whether or not the point overlaps this object. + * @param object {Sprite/Group} The object to check. */ - function overlapsPoint(sprite, point) { - return SpriteUtils.overlapsXY(sprite, point.x, point.y); + Camera.prototype.isHidden = function (object) { + return object.texture.isHidden(this); }; - SpriteUtils.onScreen = /** - * Check and see if this object is currently on screen. + + /** + * Un-hides an object previously hidden to this Camera. + * The object must implement a public cameraBlacklist property. * - * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. - * - * @return {boolean} Whether the object is on screen or not. + * @param object {Sprite/Group} The object this camera should display. */ - function onScreen(sprite, camera) { - if (typeof camera === "undefined") { camera = null; } - if(camera == null) { - camera = sprite.game.camera; - } - SpriteUtils.getScreenXY(sprite, SpriteUtils._tempPoint, camera); - return (SpriteUtils._tempPoint.x + sprite.width > 0) && (SpriteUtils._tempPoint.x < camera.width) && (SpriteUtils._tempPoint.y + sprite.height > 0) && (SpriteUtils._tempPoint.y < camera.height); + Camera.prototype.show = function (object) { + object.texture.showToCamera(this); }; - SpriteUtils.getScreenXY = /** - * Call this to figure out the on-screen position of the object. - * - * @param point {Point} Takes a Point object and assigns the post-scrolled X and Y values of this object to it. - * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. - * - * @return {Point} The Point you passed in, or a new Point if you didn't pass one, containing the screen X and Y position of this object. + + /** + * Tells this camera object what sprite to track. + * @param target {Sprite} The object you want the camera to track. Set to null to not follow anything. + * @param [style] {number} Leverage one of the existing "deadzone" presets. If you use a custom deadzone, ignore this parameter and manually specify the deadzone after calling follow(). */ - function getScreenXY(sprite, point, camera) { - if (typeof point === "undefined") { point = null; } - if (typeof camera === "undefined") { camera = null; } - if(point == null) { - point = new Phaser.Point(); + Camera.prototype.follow = function (target, style) { + if (typeof style === "undefined") { style = Phaser.Types.CAMERA_FOLLOW_LOCKON; } + this._target = target; + + var helper; + + switch (style) { + case Phaser.Types.CAMERA_FOLLOW_PLATFORMER: + var w = this.width / 8; + var h = this.height / 3; + this.deadzone = new Phaser.Rectangle((this.width - w) / 2, (this.height - h) / 2 - h * 0.25, w, h); + break; + case Phaser.Types.CAMERA_FOLLOW_TOPDOWN: + helper = Math.max(this.width, this.height) / 4; + this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper); + break; + case Phaser.Types.CAMERA_FOLLOW_TOPDOWN_TIGHT: + helper = Math.max(this.width, this.height) / 8; + this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper); + break; + case Phaser.Types.CAMERA_FOLLOW_LOCKON: + default: + this.deadzone = null; + break; } - if(camera == null) { - camera = this.game.camera; - } - point.x = sprite.x - camera.x * sprite.transform.scrollFactor.x; - point.y = sprite.y - camera.y * sprite.transform.scrollFactor.y; + }; + + /** + * Move the camera focus to this location instantly. + * @param x {number} X position. + * @param y {number} Y position. + */ + Camera.prototype.focusOnXY = function (x, y) { + x += (x > 0) ? 0.0000001 : -0.0000001; + y += (y > 0) ? 0.0000001 : -0.0000001; + + this.worldView.x = Math.round(x - this.worldView.halfWidth); + this.worldView.y = Math.round(y - this.worldView.halfHeight); + }; + + /** + * Move the camera focus to this location instantly. + * @param point {any} Point you want to focus. + */ + Camera.prototype.focusOn = function (point) { point.x += (point.x > 0) ? 0.0000001 : -0.0000001; point.y += (point.y > 0) ? 0.0000001 : -0.0000001; - return point; + + this.worldView.x = Math.round(point.x - this.worldView.halfWidth); + this.worldView.y = Math.round(point.y - this.worldView.halfHeight); }; - SpriteUtils.reset = /** - * Set the world bounds that this GameObject can exist within based on the size of the current game world. - * - * @param action {number} The action to take if the object hits the world bounds, either OUT_OF_BOUNDS_KILL or OUT_OF_BOUNDS_STOP - */ - /* - static setBoundsFromWorld(action?: number = GameObject.OUT_OF_BOUNDS_STOP) { - - this.setBounds(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height); - this.outOfBoundsAction = action; - - } - */ + /** - * Handy for reviving game objects. - * Resets their existence flags and position. + * Specify the boundaries of the world or where the camera is allowed to move. * - * @param x {number} The new X position of this object. - * @param y {number} The new Y position of this object. + * @param x {number} The smallest X value of your world (usually 0). + * @param y {number} The smallest Y value of your world (usually 0). + * @param width {number} The largest X value of your world (usually the world width). + * @param height {number} The largest Y value of your world (usually the world height). */ - function reset(sprite, x, y) { - sprite.revive(); - //sprite.body.touching = Types.NONE; - //sprite.body.wasTouching = Types.NONE; - sprite.x = x; - sprite.y = y; - sprite.body.velocity.x = 0; - sprite.body.velocity.y = 0; - sprite.body.position.x = x; - sprite.body.position.y = y; - }; - SpriteUtils.setBounds = /** - * Set the world bounds that this GameObject can exist within. By default a GameObject can exist anywhere - * in the world. But by setting the bounds (which are given in world dimensions, not screen dimensions) - * it can be stopped from leaving the world, or a section of it. - * - * @param x {number} x position of the bound - * @param y {number} y position of the bound - * @param width {number} width of its bound - * @param height {number} height of its bound - */ - function setBounds(x, y, width, height) { - //this.worldBounds = new Quad(x, y, width, height); - }; - return SpriteUtils; - })(); - Phaser.SpriteUtils = SpriteUtils; - /** - * This function creates a flat colored square image dynamically. - * @param width {number} The width of the sprite you want to generate. - * @param height {number} The height of the sprite you want to generate. - * @param [color] {number} specifies the color of the generated block. (format is 0xAARRGGBB) - * @return {Sprite} Sprite instance itself. - */ - /* - static makeGraphic(width: number, height: number, color: string = 'rgb(255,255,255)'): Sprite { - - this._texture = null; - this.width = width; - this.height = height; - this.fillColor = color; - this._dynamicTexture = false; - - return this; - } - */ - })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/** -* Phaser - ColorUtils -* -* A collection of methods useful for manipulating color values. -*/ -var Phaser; -(function (Phaser) { - var ColorUtils = (function () { - function ColorUtils() { } - ColorUtils.getColor32 = /** - * Given an alpha and 3 color values this will return an integer representation of it - * - * @param alpha {number} The Alpha value (between 0 and 255) - * @param red {number} The Red channel value (between 0 and 255) - * @param green {number} The Green channel value (between 0 and 255) - * @param blue {number} The Blue channel value (between 0 and 255) - * - * @return A native color value integer (format: 0xAARRGGBB) - */ - function getColor32(alpha, red, green, blue) { - return alpha << 24 | red << 16 | green << 8 | blue; - }; - ColorUtils.getColor = /** - * Given 3 color values this will return an integer representation of it - * - * @param red {number} The Red channel value (between 0 and 255) - * @param green {number} The Green channel value (between 0 and 255) - * @param blue {number} The Blue channel value (between 0 and 255) - * - * @return A native color value integer (format: 0xRRGGBB) - */ - function getColor(red, green, blue) { - return red << 16 | green << 8 | blue; - }; - ColorUtils.getHSVColorWheel = /** - * Get HSV color wheel values in an array which will be 360 elements in size - * - * @param alpha Alpha value for each color of the color wheel, between 0 (transparent) and 255 (opaque) - * - * @return Array - */ - function getHSVColorWheel(alpha) { - if (typeof alpha === "undefined") { alpha = 255; } - var colors = []; - for(var c = 0; c <= 359; c++) { - //colors[c] = HSVtoRGB(c, 1.0, 1.0, alpha); - colors[c] = ColorUtils.getWebRGB(ColorUtils.HSVtoRGB(c, 1.0, 1.0, alpha)); - } - return colors; - }; - ColorUtils.getComplementHarmony = /** - * Returns a Complementary Color Harmony for the given color. - *

A complementary hue is one directly opposite the color given on the color wheel

- *

Value returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * - * @return 0xAARRGGBB format color value - */ - function getComplementHarmony(color) { - var hsv = ColorUtils.RGBtoHSV(color); - var opposite = ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); - return ColorUtils.HSVtoRGB(opposite, 1.0, 1.0); - }; - ColorUtils.getAnalogousHarmony = /** - * Returns an Analogous Color Harmony for the given color. - *

An Analogous harmony are hues adjacent to each other on the color wheel

- *

Values returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * @param threshold Control how adjacent the colors will be (default +- 30 degrees) - * - * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) - */ - function getAnalogousHarmony(color, threshold) { - if (typeof threshold === "undefined") { threshold = 30; } - var hsv = ColorUtils.RGBtoHSV(color); - if(threshold > 359 || threshold < 0) { - throw Error("Color Warning: Invalid threshold given to getAnalogousHarmony()"); - } - var warmer = ColorUtils.game.math.wrapValue(hsv.hue, 359 - threshold, 359); - var colder = ColorUtils.game.math.wrapValue(hsv.hue, threshold, 359); - return { - color1: color, - color2: ColorUtils.HSVtoRGB(warmer, 1.0, 1.0), - color3: ColorUtils.HSVtoRGB(colder, 1.0, 1.0), - hue1: hsv.hue, - hue2: warmer, - hue3: colder - }; - }; - ColorUtils.getSplitComplementHarmony = /** - * Returns an Split Complement Color Harmony for the given color. - *

A Split Complement harmony are the two hues on either side of the color's Complement

- *

Values returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * @param threshold Control how adjacent the colors will be to the Complement (default +- 30 degrees) - * - * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) - */ - function getSplitComplementHarmony(color, threshold) { - if (typeof threshold === "undefined") { threshold = 30; } - var hsv = ColorUtils.RGBtoHSV(color); - if(threshold >= 359 || threshold <= 0) { - throw Error("ColorUtils Warning: Invalid threshold given to getSplitComplementHarmony()"); - } - var opposite = ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); - var warmer = ColorUtils.game.math.wrapValue(hsv.hue, opposite - threshold, 359); - var colder = ColorUtils.game.math.wrapValue(hsv.hue, opposite + threshold, 359); - return { - color1: color, - color2: ColorUtils.HSVtoRGB(warmer, hsv.saturation, hsv.value), - color3: ColorUtils.HSVtoRGB(colder, hsv.saturation, hsv.value), - hue1: hsv.hue, - hue2: warmer, - hue3: colder - }; - }; - ColorUtils.getTriadicHarmony = /** - * Returns a Triadic Color Harmony for the given color. - *

A Triadic harmony are 3 hues equidistant from each other on the color wheel

- *

Values returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * - * @return Object containing 3 properties: color1 (the original color), color2 and color3 (the equidistant colors) - */ - function getTriadicHarmony(color) { - var hsv = ColorUtils.RGBtoHSV(color); - var triadic1 = ColorUtils.game.math.wrapValue(hsv.hue, 120, 359); - var triadic2 = ColorUtils.game.math.wrapValue(triadic1, 120, 359); - return { - color1: color, - color2: ColorUtils.HSVtoRGB(triadic1, 1.0, 1.0), - color3: ColorUtils.HSVtoRGB(triadic2, 1.0, 1.0) - }; - }; - ColorUtils.getColorInfo = /** - * Returns a string containing handy information about the given color including string hex value, - * RGB format information and HSL information. Each section starts on a newline, 3 lines in total. - * - * @param color A color value in the format 0xAARRGGBB - * - * @return string containing the 3 lines of information - */ - function getColorInfo(color) { - var argb = ColorUtils.getRGB(color); - var hsl = ColorUtils.RGBtoHSV(color); - // Hex format - var result = ColorUtils.RGBtoHexstring(color) + "\n"; - // RGB format - result = result.concat("Alpha: " + argb.alpha + " Red: " + argb.red + " Green: " + argb.green + " Blue: " + argb.blue) + "\n"; - // HSL info - result = result.concat("Hue: " + hsl.hue + " Saturation: " + hsl.saturation + " Lightnes: " + hsl.lightness); - return result; - }; - ColorUtils.RGBtoHexstring = /** - * Return a string representation of the color in the format 0xAARRGGBB - * - * @param color The color to get the string representation for - * - * @return A string of length 10 characters in the format 0xAARRGGBB - */ - function RGBtoHexstring(color) { - var argb = ColorUtils.getRGB(color); - return "0x" + ColorUtils.colorToHexstring(argb.alpha) + ColorUtils.colorToHexstring(argb.red) + ColorUtils.colorToHexstring(argb.green) + ColorUtils.colorToHexstring(argb.blue); - }; - ColorUtils.RGBtoWebstring = /** - * Return a string representation of the color in the format #RRGGBB - * - * @param color The color to get the string representation for - * - * @return A string of length 10 characters in the format 0xAARRGGBB - */ - function RGBtoWebstring(color) { - var argb = ColorUtils.getRGB(color); - return "#" + ColorUtils.colorToHexstring(argb.red) + ColorUtils.colorToHexstring(argb.green) + ColorUtils.colorToHexstring(argb.blue); - }; - ColorUtils.colorToHexstring = /** - * Return a string containing a hex representation of the given color - * - * @param color The color channel to get the hex value for, must be a value between 0 and 255) - * - * @return A string of length 2 characters, i.e. 255 = FF, 0 = 00 - */ - function colorToHexstring(color) { - var digits = "0123456789ABCDEF"; - var lsd = color % 16; - var msd = (color - lsd) / 16; - var hexified = digits.charAt(msd) + digits.charAt(lsd); - return hexified; - }; - ColorUtils.HSVtoRGB = /** - * Convert a HSV (hue, saturation, lightness) color space value to an RGB color - * - * @param h Hue degree, between 0 and 359 - * @param s Saturation, between 0.0 (grey) and 1.0 - * @param v Value, between 0.0 (black) and 1.0 - * @param alpha Alpha value to set per color (between 0 and 255) - * - * @return 32-bit ARGB color value (0xAARRGGBB) - */ - function HSVtoRGB(h, s, v, alpha) { - if (typeof alpha === "undefined") { alpha = 255; } - var result; - if(s == 0.0) { - result = ColorUtils.getColor32(alpha, v * 255, v * 255, v * 255); - } else { - h = h / 60.0; - var f = h - Math.floor(h); - var p = v * (1.0 - s); - var q = v * (1.0 - s * f); - var t = v * (1.0 - s * (1.0 - f)); - switch(Math.floor(h)) { - case 0: - result = ColorUtils.getColor32(alpha, v * 255, t * 255, p * 255); - break; - case 1: - result = ColorUtils.getColor32(alpha, q * 255, v * 255, p * 255); - break; - case 2: - result = ColorUtils.getColor32(alpha, p * 255, v * 255, t * 255); - break; - case 3: - result = ColorUtils.getColor32(alpha, p * 255, q * 255, v * 255); - break; - case 4: - result = ColorUtils.getColor32(alpha, t * 255, p * 255, v * 255); - break; - case 5: - result = ColorUtils.getColor32(alpha, v * 255, p * 255, q * 255); - break; - default: - throw new Error("ColorUtils.HSVtoRGB : Unknown color"); - } - } - return result; - }; - ColorUtils.RGBtoHSV = /** - * Convert an RGB color value to an object containing the HSV color space values: Hue, Saturation and Lightness - * - * @param color In format 0xRRGGBB - * - * @return Object with the properties hue (from 0 to 360), saturation (from 0 to 1.0) and lightness (from 0 to 1.0, also available under .value) - */ - function RGBtoHSV(color) { - var rgb = ColorUtils.getRGB(color); - var red = rgb.red / 255; - var green = rgb.green / 255; - var blue = rgb.blue / 255; - var min = Math.min(red, green, blue); - var max = Math.max(red, green, blue); - var delta = max - min; - var lightness = (max + min) / 2; - var hue; - var saturation; - // Grey color, no chroma - if(delta == 0) { - hue = 0; - saturation = 0; - } else { - if(lightness < 0.5) { - saturation = delta / (max + min); - } else { - saturation = delta / (2 - max - min); - } - var delta_r = (((max - red) / 6) + (delta / 2)) / delta; - var delta_g = (((max - green) / 6) + (delta / 2)) / delta; - var delta_b = (((max - blue) / 6) + (delta / 2)) / delta; - if(red == max) { - hue = delta_b - delta_g; - } else if(green == max) { - hue = (1 / 3) + delta_r - delta_b; - } else if(blue == max) { - hue = (2 / 3) + delta_g - delta_r; - } - if(hue < 0) { - hue += 1; - } - if(hue > 1) { - hue -= 1; - } - } - // Keep the value with 0 to 359 - hue *= 360; - hue = Math.round(hue); - return { - hue: hue, - saturation: saturation, - lightness: lightness, - value: lightness - }; - }; - ColorUtils.interpolateColor = /** - * - * @method interpolateColor - * @param {Number} color1 - * @param {Number} color2 - * @param {Number} steps - * @param {Number} currentStep - * @param {Number} alpha - * @return {Number} - * @static - */ - function interpolateColor(color1, color2, steps, currentStep, alpha) { - if (typeof alpha === "undefined") { alpha = 255; } - var src1 = ColorUtils.getRGB(color1); - var src2 = ColorUtils.getRGB(color2); - var r = (((src2.red - src1.red) * currentStep) / steps) + src1.red; - var g = (((src2.green - src1.green) * currentStep) / steps) + src1.green; - var b = (((src2.blue - src1.blue) * currentStep) / steps) + src1.blue; - return ColorUtils.getColor32(alpha, r, g, b); - }; - ColorUtils.interpolateColorWithRGB = /** - * - * @method interpolateColorWithRGB - * @param {Number} color - * @param {Number} r2 - * @param {Number} g2 - * @param {Number} b2 - * @param {Number} steps - * @param {Number} currentStep - * @return {Number} - * @static - */ - function interpolateColorWithRGB(color, r2, g2, b2, steps, currentStep) { - var src = ColorUtils.getRGB(color); - var r = (((r2 - src.red) * currentStep) / steps) + src.red; - var g = (((g2 - src.green) * currentStep) / steps) + src.green; - var b = (((b2 - src.blue) * currentStep) / steps) + src.blue; - return ColorUtils.getColor(r, g, b); - }; - ColorUtils.interpolateRGB = /** - * - * @method interpolateRGB - * @param {Number} r1 - * @param {Number} g1 - * @param {Number} b1 - * @param {Number} r2 - * @param {Number} g2 - * @param {Number} b2 - * @param {Number} steps - * @param {Number} currentStep - * @return {Number} - * @static - */ - function interpolateRGB(r1, g1, b1, r2, g2, b2, steps, currentStep) { - var r = (((r2 - r1) * currentStep) / steps) + r1; - var g = (((g2 - g1) * currentStep) / steps) + g1; - var b = (((b2 - b1) * currentStep) / steps) + b1; - return ColorUtils.getColor(r, g, b); - }; - ColorUtils.getRandomColor = /** - * Returns a random color value between black and white - *

Set the min value to start each channel from the given offset.

- *

Set the max value to restrict the maximum color used per channel

- * - * @param min The lowest value to use for the color - * @param max The highest value to use for the color - * @param alpha The alpha value of the returning color (default 255 = fully opaque) - * - * @return 32-bit color value with alpha - */ - function getRandomColor(min, max, alpha) { - if (typeof min === "undefined") { min = 0; } - if (typeof max === "undefined") { max = 255; } - if (typeof alpha === "undefined") { alpha = 255; } - // Sanity checks - if(max > 255) { - return ColorUtils.getColor(255, 255, 255); - } - if(min > max) { - return ColorUtils.getColor(255, 255, 255); - } - var red = min + Math.round(Math.random() * (max - min)); - var green = min + Math.round(Math.random() * (max - min)); - var blue = min + Math.round(Math.random() * (max - min)); - return ColorUtils.getColor32(alpha, red, green, blue); - }; - ColorUtils.getRGB = /** - * Return the component parts of a color as an Object with the properties alpha, red, green, blue - * - *

Alpha will only be set if it exist in the given color (0xAARRGGBB)

- * - * @param color in RGB (0xRRGGBB) or ARGB format (0xAARRGGBB) - * - * @return Object with properties: alpha, red, green, blue - */ - function getRGB(color) { - return { - alpha: color >>> 24, - red: color >> 16 & 0xFF, - green: color >> 8 & 0xFF, - blue: color & 0xFF - }; - }; - ColorUtils.getWebRGB = /** - * - * @method getWebRGB - * @param {Number} color - * @return {Any} - */ - function getWebRGB(color) { - var alpha = (color >>> 24) / 255; - var red = color >> 16 & 0xFF; - var green = color >> 8 & 0xFF; - var blue = color & 0xFF; - return 'rgba(' + red.toString() + ',' + green.toString() + ',' + blue.toString() + ',' + alpha.toString() + ')'; - }; - ColorUtils.getAlpha = /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Alpha component of the color, will be between 0 and 255 (0 being no Alpha, 255 full Alpha) - */ - function getAlpha(color) { - return color >>> 24; - }; - ColorUtils.getAlphaFloat = /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component as a value between 0 and 1 - * - * @param color In the format 0xAARRGGBB - * - * @return The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)) - */ - function getAlphaFloat(color) { - return (color >>> 24) / 255; - }; - ColorUtils.getRed = /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Red component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Red component of the color, will be between 0 and 255 (0 being no color, 255 full Red) - */ - function getRed(color) { - return color >> 16 & 0xFF; - }; - ColorUtils.getGreen = /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Green component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Green component of the color, will be between 0 and 255 (0 being no color, 255 full Green) - */ - function getGreen(color) { - return color >> 8 & 0xFF; - }; - ColorUtils.getBlue = /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Blue component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Blue component of the color, will be between 0 and 255 (0 being no color, 255 full Blue) - */ - function getBlue(color) { - return color & 0xFF; - }; - return ColorUtils; - })(); - Phaser.ColorUtils = ColorUtils; -})(Phaser || (Phaser = {})); -/// -/// -/// -/** -* Phaser - Display - DynamicTexture -* -* A DynamicTexture can be thought of as a mini canvas into which you can draw anything. -* Game Objects can be assigned a DynamicTexture, so when they render in the world they do so -* based on the contents of the texture at the time. This allows you to create powerful effects -* once and have them replicated across as many game objects as you like. -*/ -var Phaser; -(function (Phaser) { - var DynamicTexture = (function () { - /** - * DynamicTexture constructor - * Create a new DynamicTexture. - * - * @param game {Phaser.Game} Current game instance. - * @param width {number} Init width of this texture. - * @param height {number} Init height of this texture. - */ - function DynamicTexture(game, width, height) { - this._sx = 0; - this._sy = 0; - this._sw = 0; - this._sh = 0; - this._dx = 0; - this._dy = 0; - this._dw = 0; - this._dh = 0; - /** - * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. - * This is useful if you wish to apply an effect like 'lighten'. - * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. - * Set to null to disable. - */ - this.globalCompositeOperation = null; - this.game = game; - this.type = Phaser.Types.GEOMSPRITE; - this.canvas = document.createElement('canvas'); - this.canvas.width = width; - this.canvas.height = height; - this.context = this.canvas.getContext('2d'); - this.css3 = new Phaser.Display.CSS3Filters(this.canvas); - this.bounds = new Phaser.Rectangle(0, 0, width, height); - } - DynamicTexture.prototype.getPixel = /** - * Get a color of a specific pixel. - * @param x {number} X position of the pixel in this texture. - * @param y {number} Y position of the pixel in this texture. - * @return {number} A native color value integer (format: 0xRRGGBB) - */ - function (x, y) { - //r = imageData.data[0]; - //g = imageData.data[1]; - //b = imageData.data[2]; - //a = imageData.data[3]; - var imageData = this.context.getImageData(x, y, 1, 1); - return Phaser.ColorUtils.getColor(imageData.data[0], imageData.data[1], imageData.data[2]); - }; - DynamicTexture.prototype.getPixel32 = /** - * Get a color of a specific pixel (including alpha value). - * @param x {number} X position of the pixel in this texture. - * @param y {number} Y position of the pixel in this texture. - * @return A native color value integer (format: 0xAARRGGBB) - */ - function (x, y) { - var imageData = this.context.getImageData(x, y, 1, 1); - return Phaser.ColorUtils.getColor32(imageData.data[3], imageData.data[0], imageData.data[1], imageData.data[2]); - }; - DynamicTexture.prototype.getPixels = /** - * Get pixels in array in a specific Rectangle. - * @param rect {Rectangle} The specific Rectangle. - * @returns {array} CanvasPixelArray. - */ - function (rect) { - return this.context.getImageData(rect.x, rect.y, rect.width, rect.height); - }; - DynamicTexture.prototype.setPixel = /** - * Set color of a specific pixel. - * @param x {number} X position of the target pixel. - * @param y {number} Y position of the target pixel. - * @param color {number} Native integer with color value. (format: 0xRRGGBB) - */ - function (x, y, color) { - this.context.fillStyle = color; - this.context.fillRect(x, y, 1, 1); - }; - DynamicTexture.prototype.setPixel32 = /** - * Set color (with alpha) of a specific pixel. - * @param x {number} X position of the target pixel. - * @param y {number} Y position of the target pixel. - * @param color {number} Native integer with color value. (format: 0xAARRGGBB) - */ - function (x, y, color) { - this.context.fillStyle = color; - this.context.fillRect(x, y, 1, 1); - }; - DynamicTexture.prototype.setPixels = /** - * Set image data to a specific Rectangle. - * @param rect {Rectangle} Target Rectangle. - * @param input {object} Source image data. - */ - function (rect, input) { - this.context.putImageData(input, rect.x, rect.y); - }; - DynamicTexture.prototype.fillRect = /** - * Fill a given Rectangle with specific color. - * @param rect {Rectangle} Target Rectangle you want to fill. - * @param color {number} A native number with color value. (format: 0xRRGGBB) - */ - function (rect, color) { - this.context.fillStyle = color; - this.context.fillRect(rect.x, rect.y, rect.width, rect.height); - }; - DynamicTexture.prototype.pasteImage = /** - * - */ - function (key, frame, destX, destY, destWidth, destHeight) { - if (typeof frame === "undefined") { frame = -1; } - if (typeof destX === "undefined") { destX = 0; } - if (typeof destY === "undefined") { destY = 0; } - if (typeof destWidth === "undefined") { destWidth = null; } - if (typeof destHeight === "undefined") { destHeight = null; } - var texture = null; - var frameData; - this._sx = 0; - this._sy = 0; - this._dx = destX; - this._dy = destY; - // TODO - Load a frame from a sprite sheet, otherwise we'll draw the whole lot - if(frame > -1) { - //if (this.game.cache.isSpriteSheet(key)) - //{ - // texture = this.game.cache.getImage(key); - //this.animations.loadFrameData(this.game.cache.getFrameData(key)); - //} - } else { - texture = this.game.cache.getImage(key); - this._sw = texture.width; - this._sh = texture.height; - this._dw = texture.width; - this._dh = texture.height; - } - if(destWidth !== null) { - this._dw = destWidth; - } - if(destHeight !== null) { - this._dh = destHeight; - } - if(texture != null) { - this.context.drawImage(texture, // Source Image - this._sx, // Source X (location within the source image) - this._sy, // Source Y - this._sw, // Source Width - this._sh, // Source Height - this._dx, // Destination X (where on the canvas it'll be drawn) - this._dy, // Destination Y - this._dw, // Destination Width (always same as Source Width unless scaled) - this._dh); - // Destination Height (always same as Source Height unless scaled) - } - }; - DynamicTexture.prototype.copyPixels = // TODO - Add in support for: alphaBitmapData: BitmapData = null, alphaPoint: Point = null, mergeAlpha: bool = false - /** - * Copy pixel from another DynamicTexture to this texture. - * @param sourceTexture {DynamicTexture} Source texture object. - * @param sourceRect {Rectangle} The specific region Rectangle to be copied to this in the source. - * @param destPoint {Point} Top-left point the target image data will be paste at. - */ - function (sourceTexture, sourceRect, destPoint) { - // Swap for drawImage if the sourceRect is the same size as the sourceTexture to avoid a costly getImageData call - if(Phaser.RectangleUtils.equals(sourceRect, this.bounds) == true) { - this.context.drawImage(sourceTexture.canvas, destPoint.x, destPoint.y); - } else { - this.context.putImageData(sourceTexture.getPixels(sourceRect), destPoint.x, destPoint.y); - } - }; - DynamicTexture.prototype.add = function (sprite) { - sprite.texture.canvas = this.canvas; - sprite.texture.context = this.context; - }; - DynamicTexture.prototype.assignCanvasToGameObjects = /** - * Given an array of Sprites it will update each of them so that their canvas/contexts reference this DynamicTexture - * @param objects {Array} An array of GameObjects, or objects that inherit from it such as Sprites - */ - function (objects) { - for(var i = 0; i < objects.length; i++) { - if(objects[i].texture) { - objects[i].texture.canvas = this.canvas; - objects[i].texture.context = this.context; - } - } - }; - DynamicTexture.prototype.clear = /** - * Clear the whole canvas. - */ - function () { - this.context.clearRect(0, 0, this.bounds.width, this.bounds.height); - }; - DynamicTexture.prototype.render = /** - * Renders this DynamicTexture to the Stage at the given x/y coordinates - * - * @param x {number} The X coordinate to render on the stage to (given in screen coordinates, not world) - * @param y {number} The Y coordinate to render on the stage to (given in screen coordinates, not world) - */ - function (x, y) { + Camera.prototype.setBounds = function (x, y, width, height) { if (typeof x === "undefined") { x = 0; } if (typeof y === "undefined") { y = 0; } - if(this.globalCompositeOperation) { - this.game.stage.context.save(); - this.game.stage.context.globalCompositeOperation = this.globalCompositeOperation; + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + if (this.worldBounds == null) { + this.worldBounds = new Phaser.Rectangle(); } - this.game.stage.context.drawImage(this.canvas, x, y); - if(this.globalCompositeOperation) { - this.game.stage.context.restore(); + + this.worldBounds.setTo(x, y, width, height); + + this.worldView.x = x; + this.worldView.y = y; + + this.update(); + }; + + /** + * Update focusing and scrolling. + */ + Camera.prototype.update = function () { + if (this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { + this.modified = true; + } + + this.plugins.preUpdate(); + + if (this._target !== null) { + if (this.deadzone == null) { + this.focusOnXY(this._target.x, this._target.y); + } else { + var edge; + var targetX = this._target.x + ((this._target.x > 0) ? 0.0000001 : -0.0000001); + var targetY = this._target.y + ((this._target.y > 0) ? 0.0000001 : -0.0000001); + + edge = targetX - this.deadzone.x; + + if (this.worldView.x > edge) { + this.worldView.x = edge; + } + + edge = targetX + this._target.width - this.deadzone.x - this.deadzone.width; + + if (this.worldView.x < edge) { + this.worldView.x = edge; + } + + edge = targetY - this.deadzone.y; + + if (this.worldView.y > edge) { + this.worldView.y = edge; + } + + edge = targetY + this._target.height - this.deadzone.y - this.deadzone.height; + + if (this.worldView.y < edge) { + this.worldView.y = edge; + } + } + } + + if (this.worldBounds !== null) { + if (this.worldView.x < this.worldBounds.left) { + this.worldView.x = this.worldBounds.left; + } + + if (this.worldView.x > this.worldBounds.right - this.width) { + this.worldView.x = (this.worldBounds.right - this.width) + 1; + } + + if (this.worldView.y < this.worldBounds.top) { + this.worldView.y = this.worldBounds.top; + } + + if (this.worldView.y > this.worldBounds.bottom - this.height) { + this.worldView.y = (this.worldBounds.bottom - this.height) + 1; + } + } + + this.worldView.floor(); + + this.plugins.update(); + }; + + /** + * Update focusing and scrolling. + */ + Camera.prototype.postUpdate = function () { + if (this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { + this.modified = false; + } + + if (this.worldBounds !== null) { + if (this.worldView.x < this.worldBounds.left) { + this.worldView.x = this.worldBounds.left; + } + + if (this.worldView.x > this.worldBounds.right - this.width) { + this.worldView.x = this.worldBounds.right - this.width; + } + + if (this.worldView.y < this.worldBounds.top) { + this.worldView.y = this.worldBounds.top; + } + + if (this.worldView.y > this.worldBounds.bottom - this.height) { + this.worldView.y = this.worldBounds.bottom - this.height; + } + } + + this.worldView.floor(); + + this.plugins.postUpdate(); + }; + + /** + * Destroys this camera, associated FX and removes itself from the CameraManager. + */ + Camera.prototype.destroy = function () { + this.game.world.cameras.removeCamera(this.ID); + this.plugins.destroy(); + }; + + Object.defineProperty(Camera.prototype, "x", { + get: function () { + return this.worldView.x; + }, + set: function (value) { + this.worldView.x = value; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Camera.prototype, "y", { + get: function () { + return this.worldView.y; + }, + set: function (value) { + this.worldView.y = value; + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(Camera.prototype, "width", { + get: function () { + return this.screenView.width; + }, + set: function (value) { + this.screenView.width = value; + this.worldView.width = value; + + if (value !== this.texture.canvas.width) { + this.texture.canvas.width = value; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Camera.prototype, "height", { + get: function () { + return this.screenView.height; + }, + set: function (value) { + this.screenView.height = value; + this.worldView.height = value; + + if (value !== this.texture.canvas.height) { + this.texture.canvas.height = value; + } + }, + enumerable: true, + configurable: true + }); + + + + Camera.prototype.setPosition = function (x, y) { + this.screenView.x = x; + this.screenView.y = y; + }; + + Camera.prototype.setSize = function (width, height) { + this.screenView.width = width * this.transform.scale.x; + this.screenView.height = height * this.transform.scale.y; + this.worldView.width = width; + this.worldView.height = height; + + if (width !== this.texture.canvas.width) { + this.texture.canvas.width = width; + } + + if (height !== this.texture.canvas.height) { + this.texture.canvas.height = height; } }; - Object.defineProperty(DynamicTexture.prototype, "width", { - get: function () { - return this.bounds.width; + + Object.defineProperty(Camera.prototype, "rotation", { + get: /** + * The angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + */ + function () { + return this.transform.rotation; + }, + set: /** + * Set the angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + * The value is automatically wrapped to be between 0 and 360. + */ + function (value) { + this.transform.rotation = this.game.math.wrap(value, 360, 0); }, enumerable: true, configurable: true }); - Object.defineProperty(DynamicTexture.prototype, "height", { - get: function () { - return this.bounds.height; - }, - enumerable: true, - configurable: true - }); - return DynamicTexture; + + return Camera; })(); - Phaser.DynamicTexture = DynamicTexture; + Phaser.Camera = Camera; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - CameraManager +* +* Your game only has one CameraManager instance and it's responsible for looking after, creating and destroying +* all of the cameras in the world. +*/ +var Phaser; +(function (Phaser) { + var CameraManager = (function () { + /** + * CameraManager constructor + * This will create a new Camera with position and size. + * + * @param x {number} X Position of the created camera. + * @param y {number} y Position of the created camera. + * @param width {number} Width of the created camera. + * @param height {number} Height of the created camera. + */ + function CameraManager(game, x, y, width, height) { + /** + * Helper for sort. + */ + this._sortIndex = ''; + this.game = game; + + this._cameras = []; + this._cameraLength = 0; + + this.defaultCamera = this.addCamera(x, y, width, height); + + this.current = this.defaultCamera; + } + /** + * Get all the cameras. + * + * @returns {Camera[]} An array contains all the cameras. + */ + CameraManager.prototype.getAll = function () { + return this._cameras; + }; + + /** + * Update cameras. + */ + CameraManager.prototype.update = function () { + for (var i = 0; i < this._cameras.length; i++) { + this._cameras[i].update(); + } + }; + + /** + * postUpdate cameras. + */ + CameraManager.prototype.postUpdate = function () { + for (var i = 0; i < this._cameras.length; i++) { + this._cameras[i].postUpdate(); + } + }; + + /** + * Create a new camera with specific position and size. + * + * @param x {number} X position of the new camera. + * @param y {number} Y position of the new camera. + * @param width {number} Width of the new camera. + * @param height {number} Height of the new camera. + * @returns {Camera} The newly created camera object. + */ + CameraManager.prototype.addCamera = function (x, y, width, height) { + var newCam = new Phaser.Camera(this.game, this._cameraLength, x, y, width, height); + + this._cameraLength = this._cameras.push(newCam); + + return newCam; + }; + + /** + * Remove a new camera with its id. + * + * @param id {number} ID of the camera you want to remove. + * @returns {boolean} True if successfully removed the camera, otherwise return false. + */ + CameraManager.prototype.removeCamera = function (id) { + for (var c = 0; c < this._cameras.length; c++) { + if (this._cameras[c].ID == id) { + if (this.current.ID === this._cameras[c].ID) { + this.current = null; + } + + this._cameras.splice(c, 1); + + return true; + } + } + + return false; + }; + + CameraManager.prototype.swap = function (camera1, camera2, sort) { + if (typeof sort === "undefined") { sort = true; } + if (camera1.ID == camera2.ID) { + return false; + } + + var tempZ = camera1.z; + + camera1.z = camera2.z; + camera2.z = tempZ; + + if (sort) { + this.sort(); + } + + return true; + }; + + CameraManager.prototype.getCameraUnderPoint = function (x, y) { + for (var c = this._cameraLength - 1; c >= 0; c--) { + if (this._cameras[c].visible && Phaser.RectangleUtils.contains(this._cameras[c].screenView, x, y)) { + return this._cameras[c]; + } + } + + return null; + }; + + /** + * Call this function to sort the Cameras according to a particular value and order (default is their Z value). + * The order in which they are sorted determines the render order. If sorted on z then Cameras with a lower z-index value render first. + * + * @param {string} index The string name of the Camera variable you want to sort on. Default value is "z". + * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. + */ + CameraManager.prototype.sort = function (index, order) { + if (typeof index === "undefined") { index = 'z'; } + if (typeof order === "undefined") { order = Phaser.Types.SORT_ASCENDING; } + var _this = this; + this._sortIndex = index; + this._sortOrder = order; + this._cameras.sort(function (a, b) { + return _this.sortHandler(a, b); + }); + }; + + /** + * Helper function for the sort process. + * + * @param {Basic} Obj1 The first object being sorted. + * @param {Basic} Obj2 The second object being sorted. + * + * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). + */ + CameraManager.prototype.sortHandler = function (obj1, obj2) { + if (obj1[this._sortIndex] < obj2[this._sortIndex]) { + return this._sortOrder; + } else if (obj1[this._sortIndex] > obj2[this._sortIndex]) { + return -this._sortOrder; + } + + return 0; + }; + + /** + * Clean up memory. + */ + CameraManager.prototype.destroy = function () { + this._cameras.length = 0; + + this.current = this.addCamera(0, 0, this.game.stage.width, this.game.stage.height); + }; + return CameraManager; + })(); + Phaser.CameraManager = CameraManager; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// - /// - /// + /// + /** + * Phaser - Display - CSS3Filters + * + * Allows for easy addition and modification of CSS3 Filters on DOM objects (typically the Game.Stage.canvas). + */ + (function (Display) { + var CSS3Filters = (function () { + /** + * Creates a new CSS3 Filter component + * @param parent The DOM object to apply the filters to. + */ + function CSS3Filters(parent) { + this._blur = 0; + this._grayscale = 0; + this._sepia = 0; + this._brightness = 0; + this._contrast = 0; + this._hueRotate = 0; + this._invert = 0; + this._opacity = 0; + this._saturate = 0; + this.parent = parent; + } + CSS3Filters.prototype.setFilter = function (local, prefix, value, unit) { + this[local] = value; + + if (this.parent) { + this.parent.style['-webkit-filter'] = prefix + '(' + value + unit + ')'; + } + }; + + + Object.defineProperty(CSS3Filters.prototype, "blur", { + get: function () { + return this._blur; + }, + set: /** + * Applies a Gaussian blur to the DOM element. The value of 'radius' defines the value of the standard deviation to the Gaussian function, + * or how many pixels on the screen blend into each other, so a larger value will create more blur. + * If no parameter is provided, then a value 0 is used. The parameter is specified as a CSS length, but does not accept percentage values. + */ + function (radius) { + this.setFilter('_blur', 'blur', radius, 'px'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "grayscale", { + get: function () { + return this._grayscale; + }, + set: /** + * Converts the input image to grayscale. The value of 'amount' defines the proportion of the conversion. + * A value of 100% is completely grayscale. A value of 0% leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_grayscale', 'grayscale', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "sepia", { + get: function () { + return this._sepia; + }, + set: /** + * Converts the input image to sepia. The value of 'amount' defines the proportion of the conversion. + * A value of 100% is completely sepia. A value of 0 leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_sepia', 'sepia', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "brightness", { + get: function () { + return this._brightness; + }, + set: /** + * Applies a linear multiplier to input image, making it appear more or less bright. + * A value of 0% will create an image that is completely black. A value of 100% leaves the input unchanged. + * Other values are linear multipliers on the effect. Values of an amount over 100% are allowed, providing brighter results. + * If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_brightness', 'brightness', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "contrast", { + get: function () { + return this._contrast; + }, + set: /** + * Adjusts the contrast of the input. A value of 0% will create an image that is completely black. + * A value of 100% leaves the input unchanged. Values of amount over 100% are allowed, providing results with less contrast. + * If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_contrast', 'contrast', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "hueRotate", { + get: function () { + return this._hueRotate; + }, + set: /** + * Applies a hue rotation on the input image. The value of 'angle' defines the number of degrees around the color circle + * the input samples will be adjusted. A value of 0deg leaves the input unchanged. If the 'angle' parameter is missing, + * a value of 0deg is used. Maximum value is 360deg. + */ + function (angle) { + this.setFilter('_hueRotate', 'hue-rotate', angle, 'deg'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "invert", { + get: function () { + return this._invert; + }, + set: /** + * Inverts the samples in the input image. The value of 'amount' defines the proportion of the conversion. + * A value of 100% is completely inverted. A value of 0% leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. If the 'amount' parameter is missing, a value of 100% is used. + */ + function (value) { + this.setFilter('_invert', 'invert', value, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "opacity", { + get: function () { + return this._opacity; + }, + set: /** + * Applies transparency to the samples in the input image. The value of 'amount' defines the proportion of the conversion. + * A value of 0% is completely transparent. A value of 100% leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. This is equivalent to multiplying the input image samples by amount. + * If the 'amount' parameter is missing, a value of 100% is used. + * This function is similar to the more established opacity property; the difference is that with filters, some browsers provide hardware acceleration for better performance. + */ + function (value) { + this.setFilter('_opacity', 'opacity', value, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "saturate", { + get: function () { + return this._saturate; + }, + set: /** + * Saturates the input image. The value of 'amount' defines the proportion of the conversion. + * A value of 0% is completely un-saturated. A value of 100% leaves the input unchanged. + * Other values are linear multipliers on the effect. Values of amount over 100% are allowed, providing super-saturated results. + * If the 'amount' parameter is missing, a value of 100% is used. + */ + function (value) { + this.setFilter('_saturate', 'saturate', value, '%'); + }, + enumerable: true, + configurable: true + }); + return CSS3Filters; + })(); + Display.CSS3Filters = CSS3Filters; + })(Phaser.Display || (Phaser.Display = {})); + var Display = Phaser.Display; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Display - DynamicTexture + * + * A DynamicTexture can be thought of as a mini canvas into which you can draw anything. + * Game Objects can be assigned a DynamicTexture, so when they render in the world they do so + * based on the contents of the texture at the time. This allows you to create powerful effects + * once and have them replicated across as many game objects as you like. + */ + (function (Display) { + var DynamicTexture = (function () { + /** + * DynamicTexture constructor + * Create a new DynamicTexture. + * + * @param game {Phaser.Game} Current game instance. + * @param width {number} Init width of this texture. + * @param height {number} Init height of this texture. + */ + function DynamicTexture(game, width, height) { + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + /** + * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. + * This is useful if you wish to apply an effect like 'lighten'. + * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. + * Set to null to disable. + */ + this.globalCompositeOperation = null; + this.game = game; + this.type = Phaser.Types.DYNAMICTEXTURE; + + this.canvas = document.createElement('canvas'); + this.canvas.width = width; + this.canvas.height = height; + this.context = this.canvas.getContext('2d'); + + this.css3 = new Phaser.Display.CSS3Filters(this.canvas); + + this.bounds = new Phaser.Rectangle(0, 0, width, height); + } + /** + * Get a color of a specific pixel. + * @param x {number} X position of the pixel in this texture. + * @param y {number} Y position of the pixel in this texture. + * @return {number} A native color value integer (format: 0xRRGGBB) + */ + DynamicTexture.prototype.getPixel = function (x, y) { + //r = imageData.data[0]; + //g = imageData.data[1]; + //b = imageData.data[2]; + //a = imageData.data[3]; + var imageData = this.context.getImageData(x, y, 1, 1); + + return Phaser.ColorUtils.getColor(imageData.data[0], imageData.data[1], imageData.data[2]); + }; + + /** + * Get a color of a specific pixel (including alpha value). + * @param x {number} X position of the pixel in this texture. + * @param y {number} Y position of the pixel in this texture. + * @return A native color value integer (format: 0xAARRGGBB) + */ + DynamicTexture.prototype.getPixel32 = function (x, y) { + var imageData = this.context.getImageData(x, y, 1, 1); + + return Phaser.ColorUtils.getColor32(imageData.data[3], imageData.data[0], imageData.data[1], imageData.data[2]); + }; + + /** + * Get pixels in array in a specific Rectangle. + * @param rect {Rectangle} The specific Rectangle. + * @returns {array} CanvasPixelArray. + */ + DynamicTexture.prototype.getPixels = function (rect) { + return this.context.getImageData(rect.x, rect.y, rect.width, rect.height); + }; + + /** + * Set color of a specific pixel. + * @param x {number} X position of the target pixel. + * @param y {number} Y position of the target pixel. + * @param color {number} Native integer with color value. (format: 0xRRGGBB) + */ + DynamicTexture.prototype.setPixel = function (x, y, color) { + this.context.fillStyle = color; + this.context.fillRect(x, y, 1, 1); + }; + + /** + * Set color (with alpha) of a specific pixel. + * @param x {number} X position of the target pixel. + * @param y {number} Y position of the target pixel. + * @param color {number} Native integer with color value. (format: 0xAARRGGBB) + */ + DynamicTexture.prototype.setPixel32 = function (x, y, color) { + this.context.fillStyle = color; + this.context.fillRect(x, y, 1, 1); + }; + + /** + * Set image data to a specific Rectangle. + * @param rect {Rectangle} Target Rectangle. + * @param input {object} Source image data. + */ + DynamicTexture.prototype.setPixels = function (rect, input) { + this.context.putImageData(input, rect.x, rect.y); + }; + + /** + * Fill a given Rectangle with specific color. + * @param rect {Rectangle} Target Rectangle you want to fill. + * @param color {number} A native number with color value. (format: 0xRRGGBB) + */ + DynamicTexture.prototype.fillRect = function (rect, color) { + this.context.fillStyle = color; + this.context.fillRect(rect.x, rect.y, rect.width, rect.height); + }; + + /** + * + */ + DynamicTexture.prototype.pasteImage = function (key, frame, destX, destY, destWidth, destHeight) { + if (typeof frame === "undefined") { frame = -1; } + if (typeof destX === "undefined") { destX = 0; } + if (typeof destY === "undefined") { destY = 0; } + if (typeof destWidth === "undefined") { destWidth = null; } + if (typeof destHeight === "undefined") { destHeight = null; } + var texture = null; + var frameData; + + this._sx = 0; + this._sy = 0; + this._dx = destX; + this._dy = destY; + + if (frame > -1) { + //if (this.game.cache.isSpriteSheet(key)) + //{ + // texture = this.game.cache.getImage(key); + //this.animations.loadFrameData(this.game.cache.getFrameData(key)); + //} + } else { + texture = this.game.cache.getImage(key); + this._sw = texture.width; + this._sh = texture.height; + this._dw = texture.width; + this._dh = texture.height; + } + + if (destWidth !== null) { + this._dw = destWidth; + } + + if (destHeight !== null) { + this._dh = destHeight; + } + + if (texture != null) { + this.context.drawImage(texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + }; + + // TODO - Add in support for: alphaBitmapData: BitmapData = null, alphaPoint: Point = null, mergeAlpha: boolean = false + /** + * Copy pixel from another DynamicTexture to this texture. + * @param sourceTexture {DynamicTexture} Source texture object. + * @param sourceRect {Rectangle} The specific region Rectangle to be copied to this in the source. + * @param destPoint {Point} Top-left point the target image data will be paste at. + */ + DynamicTexture.prototype.copyPixels = function (sourceTexture, sourceRect, destPoint) { + if (Phaser.RectangleUtils.equals(sourceRect, this.bounds) == true) { + this.context.drawImage(sourceTexture.canvas, destPoint.x, destPoint.y); + } else { + this.context.putImageData(sourceTexture.getPixels(sourceRect), destPoint.x, destPoint.y); + } + }; + + DynamicTexture.prototype.add = function (sprite) { + sprite.texture.canvas = this.canvas; + sprite.texture.context = this.context; + }; + + /** + * Given an array of Sprites it will update each of them so that their canvas/contexts reference this DynamicTexture + * @param objects {Array} An array of GameObjects, or objects that inherit from it such as Sprites + */ + DynamicTexture.prototype.assignCanvasToGameObjects = function (objects) { + for (var i = 0; i < objects.length; i++) { + if (objects[i].texture) { + objects[i].texture.canvas = this.canvas; + objects[i].texture.context = this.context; + } + } + }; + + /** + * Clear the whole canvas. + */ + DynamicTexture.prototype.clear = function () { + this.context.clearRect(0, 0, this.bounds.width, this.bounds.height); + }; + + /** + * Renders this DynamicTexture to the Stage at the given x/y coordinates + * + * @param x {number} The X coordinate to render on the stage to (given in screen coordinates, not world) + * @param y {number} The Y coordinate to render on the stage to (given in screen coordinates, not world) + */ + DynamicTexture.prototype.render = function (x, y) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (this.globalCompositeOperation) { + this.game.stage.context.save(); + this.game.stage.context.globalCompositeOperation = this.globalCompositeOperation; + } + + this.game.stage.context.drawImage(this.canvas, x, y); + + if (this.globalCompositeOperation) { + this.game.stage.context.restore(); + } + }; + + Object.defineProperty(DynamicTexture.prototype, "width", { + get: function () { + return this.bounds.width; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(DynamicTexture.prototype, "height", { + get: function () { + return this.bounds.height; + }, + enumerable: true, + configurable: true + }); + return DynamicTexture; + })(); + Display.DynamicTexture = DynamicTexture; + })(Phaser.Display || (Phaser.Display = {})); + var Display = Phaser.Display; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// /** * Phaser - Display - Texture * @@ -6141,56 +6131,63 @@ var Phaser; this.isDynamic = false; this.game = parent.game; this.parent = parent; + this.canvas = parent.game.stage.canvas; this.context = parent.game.stage.context; this.alpha = 1; this.flippedX = false; this.flippedY = false; + this._width = 16; this._height = 16; + this.cameraBlacklist = []; this._blacklist = 0; } - Texture.prototype.hideFromCamera = /** + /** * Hides an object from this Camera. Hidden objects are not rendered. * * @param object {Camera} The camera this object should ignore. */ - function (camera) { - if(this.isHidden(camera) == false) { + Texture.prototype.hideFromCamera = function (camera) { + if (this.isHidden(camera) == false) { this.cameraBlacklist.push(camera.ID); this._blacklist++; } }; - Texture.prototype.isHidden = /** + + /** * Returns true if this texture is hidden from rendering to the given camera, otherwise false. */ - function (camera) { - if(this._blacklist && this.cameraBlacklist.indexOf(camera.ID) !== -1) { + Texture.prototype.isHidden = function (camera) { + if (this._blacklist && this.cameraBlacklist.indexOf(camera.ID) !== -1) { return true; } + return false; }; - Texture.prototype.showToCamera = /** + + /** * Un-hides an object previously hidden to this Camera. * The object must implement a public cameraBlacklist property. * * @param object {Sprite/Group} The object this camera should display. */ - function (camera) { - if(this.isHidden(camera)) { + Texture.prototype.showToCamera = function (camera) { + if (this.isHidden(camera)) { this.cameraBlacklist.slice(this.cameraBlacklist.indexOf(camera.ID), 1); this._blacklist--; } }; - Texture.prototype.setTo = /** + + /** * Updates the texture being used to render the Sprite. * Called automatically by SpriteUtils.loadTexture and SpriteUtils.loadDynamicTexture. */ - function (image, dynamic) { + Texture.prototype.setTo = function (image, dynamic) { if (typeof image === "undefined") { image = null; } if (typeof dynamic === "undefined") { dynamic = null; } - if(dynamic) { + if (dynamic) { this.isDynamic = true; this.dynamicTexture = dynamic; this.texture = this.dynamicTexture.canvas; @@ -6201,47 +6198,57 @@ var Phaser; this._width = image.width; this._height = image.height; } + this.loaded = true; + return this.parent; }; - Texture.prototype.loadImage = /** + + /** * Sets a new graphic from the game cache to use as the texture for this Sprite. * The graphic can be SpriteSheet or Texture Atlas. If you need to use a DynamicTexture see loadDynamicTexture. * @param key {string} Key of the graphic you want to load for this sprite. * @param clearAnimations {boolean} If this Sprite has a set of animation data already loaded you can choose to keep or clear it with this boolean * @param updateBody {boolean} Update the physics body dimensions to match the newly loaded texture/frame? */ - function (key, clearAnimations, updateBody) { + Texture.prototype.loadImage = function (key, clearAnimations, updateBody) { if (typeof clearAnimations === "undefined") { clearAnimations = true; } if (typeof updateBody === "undefined") { updateBody = true; } - if(clearAnimations && this.parent['animations'] && this.parent['animations'].frameData !== null) { + if (clearAnimations && this.parent['animations'] && this.parent['animations'].frameData !== null) { this.parent.animations.destroy(); } - if(this.game.cache.getImage(key) !== null) { + + if (this.game.cache.getImage(key) !== null) { this.setTo(this.game.cache.getImage(key), null); this.cacheKey = key; - if(this.game.cache.isSpriteSheet(key) && this.parent['animations']) { + + if (this.game.cache.isSpriteSheet(key) && this.parent['animations']) { this.parent.animations.loadFrameData(this.parent.game.cache.getFrameData(key)); } else { - if(updateBody && this.parent['body']) { + if (updateBody && this.parent['body']) { this.parent.body.bounds.width = this.width; this.parent.body.bounds.height = this.height; } } } }; - Texture.prototype.loadDynamicTexture = /** + + /** * Load a DynamicTexture as its texture. * @param texture {DynamicTexture} The texture object to be used by this sprite. */ - function (texture) { - if(this.parent.animations.frameData !== null) { + Texture.prototype.loadDynamicTexture = function (texture) { + if (this.parent.animations.frameData !== null) { this.parent.animations.destroy(); } + this.setTo(null, texture); this.parent.texture.width = this.width; this.parent.texture.height = this.height; }; + + + Object.defineProperty(Texture.prototype, "width", { get: /** * The width of the texture. If an animation it will be the frame width, not the width of the sprite sheet. @@ -6249,7 +6256,7 @@ var Phaser; * @type {number} */ function () { - if(this.isDynamic) { + if (this.isDynamic) { return this.dynamicTexture.width; } else { return this._width; @@ -6261,6 +6268,7 @@ var Phaser; enumerable: true, configurable: true }); + Object.defineProperty(Texture.prototype, "height", { get: /** * The height of the texture. If an animation it will be the frame height, not the height of the sprite sheet. @@ -6268,7 +6276,7 @@ var Phaser; * @type {number} */ function () { - if(this.isDynamic) { + if (this.isDynamic) { return this.dynamicTexture.height; } else { return this._height; @@ -6282,3814 +6290,13 @@ var Phaser; }); return Texture; })(); - Display.Texture = Texture; + Display.Texture = Texture; })(Phaser.Display || (Phaser.Display = {})); var Display = Phaser.Display; })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/** -* Phaser - Group -* -* This class is used for organising, updating and sorting game objects. -*/ var Phaser; (function (Phaser) { - var Group = (function () { - function Group(game, maxSize) { - if (typeof maxSize === "undefined") { maxSize = 0; } - /** - * Helper for sort. - */ - this._sortIndex = ''; - /** - * This keeps track of the z value of any game object added to this Group - */ - this._zCounter = 0; - /** - * The unique Group ID - */ - this.ID = -1; - /** - * The z value of this Group (within its parent Group, if any) - */ - this.z = -1; - /** - * The Group this Group is a child of (if any). - */ - this.group = null; - /** - * A boolean representing if the Group has been modified in any way via a scale, rotate, flip or skew. - */ - this.modified = false; - this.game = game; - this.type = Phaser.Types.GROUP; - this.exists = true; - this.visible = true; - this.members = []; - this.length = 0; - this._maxSize = maxSize; - this._marker = 0; - this._sortIndex = null; - this.ID = this.game.world.getNextGroupID(); - this.transform = new Phaser.Components.TransformManager(this); - this.texture = new Phaser.Display.Texture(this); - this.texture.opaque = false; - } - Group.ASCENDING = -1; - Group.DESCENDING = 1; - Group.prototype.getNextZIndex = /** - * Gets the next z index value for children of this Group - */ - function () { - return this._zCounter++; - }; - Group.prototype.destroy = /** - * Override this function to handle any deleting or "shutdown" type operations you might need, - * such as removing traditional children like Basic objects. - */ - function () { - if(this.members != null) { - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null) { - this._member.destroy(); - } - } - this.members.length = 0; - } - this._sortIndex = null; - }; - Group.prototype.update = /** - * Calls update on all members of this Group who have a status of active=true and exists=true - * You can also call Object.update directly, which will bypass the active/exists check. - */ - function () { - if(this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { - this.modified = true; - } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null && this._member.exists && this._member.active) { - this._member.preUpdate(); - this._member.update(); - } - } - }; - Group.prototype.postUpdate = /** - * Calls update on all members of this Group who have a status of active=true and exists=true - * You can also call Object.postUpdate directly, which will bypass the active/exists check. - */ - function () { - if(this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { - this.modified = false; - } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null && this._member.exists && this._member.active) { - this._member.postUpdate(); - } - } - }; - Group.prototype.render = /** - * Calls render on all members of this Group who have a status of visible=true and exists=true - * You can also call Object.render directly, which will bypass the visible/exists check. - */ - function (camera) { - if(camera.isHidden(this) == true) { - return; - } - this.game.renderer.groupRenderer.preRender(camera, this); - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null && this._member.exists && this._member.visible && camera.isHidden(this._member) == false) { - if(this._member.type == Phaser.Types.GROUP) { - this._member.render(camera); - } else { - this.game.renderer.renderGameObject(camera, this._member); - } - } - } - this.game.renderer.groupRenderer.postRender(camera, this); - }; - Group.prototype.directRender = /** - * Calls render on all members of this Group regardless of their visible status and also ignores the camera blacklist. - * Use this when the Group objects render to hidden canvases for example. - */ - function (camera) { - this.game.renderer.groupRenderer.preRender(camera, this); - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null && this._member.exists) { - if(this._member.type == Phaser.Types.GROUP) { - this._member.directRender(camera); - } else { - this.game.renderer.renderGameObject(this._member); - } - } - } - this.game.renderer.groupRenderer.postRender(camera, this); - }; - Object.defineProperty(Group.prototype, "maxSize", { - get: /** - * The maximum capacity of this group. Default is 0, meaning no max capacity, and the group can just grow. - */ - function () { - return this._maxSize; - }, - set: /** - * @private - */ - function (Size) { - this._maxSize = Size; - if(this._marker >= this._maxSize) { - this._marker = 0; - } - if(this._maxSize == 0 || this.members == null || (this._maxSize >= this.members.length)) { - return; - } - //If the max size has shrunk, we need to get rid of some objects - this._i = this._maxSize; - this._length = this.members.length; - while(this._i < this._length) { - this._member = this.members[this._i++]; - if(this._member != null) { - this._member.destroy(); - } - } - this.length = this.members.length = this._maxSize; - }, - enumerable: true, - configurable: true - }); - Group.prototype.add = /** - * Adds a new Game Object to the group. - * Group will try to replace a null member of the array first. - * Failing that, Group will add it to the end of the member array, - * assuming there is room for it, and doubling the size of the array if necessary. - * - *

WARNING: If the group has a maxSize that has already been met, - * the object will NOT be added to the group!

- * - * @param {Basic} Object The object you want to add to the group. - * @return {Basic} The same object that was passed in. - */ - function (object) { - // Is this object already in another Group? - // You can't add a Group to itself or an object to the same Group twice - if(object.group && (object.group.ID == this.ID || (object.type == Phaser.Types.GROUP && object.ID == this.ID))) { - return object; - } - // First, look for a null entry where we can add the object. - this._i = 0; - this._length = this.members.length; - while(this._i < this._length) { - if(this.members[this._i] == null) { - this.members[this._i] = object; - this.setObjectIDs(object); - if(this._i >= this.length) { - this.length = this._i + 1; - } - return object; - } - this._i++; - } - // Failing that, expand the array (if we can) and add the object. - if(this._maxSize > 0) { - if(this.members.length >= this._maxSize) { - return object; - } else if(this.members.length * 2 <= this._maxSize) { - this.members.length *= 2; - } else { - this.members.length = this._maxSize; - } - } else { - this.members.length *= 2; - } - // If we made it this far, then we successfully grew the group, - // and we can go ahead and add the object at the first open slot. - this.members[this._i] = object; - this.length = this._i + 1; - this.setObjectIDs(object); - return object; - }; - Group.prototype.addNewSprite = /** - * Create a new Sprite within this Group at the specified position. - * - * @param x {number} X position of the new sprite. - * @param y {number} Y position of the new sprite. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite - * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. - * @returns {Sprite} The newly created sprite object. - */ - function (x, y, key, frame) { - if (typeof key === "undefined") { key = ''; } - if (typeof frame === "undefined") { frame = null; } - return this.add(new Phaser.Sprite(this.game, x, y, key, frame)); - }; - Group.prototype.setObjectIDs = /** - * Sets all of the game object properties needed to exist within this Group. - */ - function (object, zIndex) { - if (typeof zIndex === "undefined") { zIndex = -1; } - // If the object is already in another Group, inform that Group it has left - if(object.group !== null) { - object.group.remove(object); - } - object.group = this; - if(zIndex == -1) { - zIndex = this.getNextZIndex(); - } - object.z = zIndex; - if(object['events']) { - object['events'].onAddedToGroup.dispatch(object, this, object.z); - } - }; - Group.prototype.recycle = /** - * Recycling is designed to help you reuse game objects without always re-allocating or "newing" them. - * - *

If you specified a maximum size for this group (like in Emitter), - * then recycle will employ what we're calling "rotating" recycling. - * Recycle() will first check to see if the group is at capacity yet. - * If group is not yet at capacity, recycle() returns a new object. - * If the group IS at capacity, then recycle() just returns the next object in line.

- * - *

If you did NOT specify a maximum size for this group, - * then recycle() will employ what we're calling "grow-style" recycling. - * Recycle() will return either the first object with exists == false, - * or, finding none, add a new object to the array, - * doubling the size of the array if necessary.

- * - *

WARNING: If this function needs to create a new object, - * and no object class was provided, it will return null - * instead of a valid object!

- * - * @param {class} ObjectClass The class type you want to recycle (e.g. Basic, EvilRobot, etc). Do NOT "new" the class in the parameter! - * - * @return {any} A reference to the object that was created. Don't forget to cast it back to the Class you want (e.g. myObject = myGroup.recycle(myObjectClass) as myObjectClass;). - */ - function (objectClass) { - if (typeof objectClass === "undefined") { objectClass = null; } - if(this._maxSize > 0) { - if(this.length < this._maxSize) { - if(objectClass == null) { - return null; - } - return this.add(new objectClass(this.game)); - } else { - this._member = this.members[this._marker++]; - if(this._marker >= this._maxSize) { - this._marker = 0; - } - return this._member; - } - } else { - this._member = this.getFirstAvailable(objectClass); - if(this._member != null) { - return this._member; - } - if(objectClass == null) { - return null; - } - return this.add(new objectClass(this.game)); - } - }; - Group.prototype.remove = /** - * Removes an object from the group. - * - * @param {Basic} object The Game Object you want to remove. - * @param {boolean} splice Whether the object should be cut from the array entirely or not. - * - * @return {Basic} The removed object. - */ - function (object, splice) { - if (typeof splice === "undefined") { splice = false; } - //console.log('removing from group: ', object.name); - this._i = this.members.indexOf(object); - if(this._i < 0 || (this._i >= this.members.length)) { - return null; - } - if(splice) { - this.members.splice(this._i, 1); - this.length--; - } else { - this.members[this._i] = null; - } - //console.log('nulled'); - if(object['events']) { - object['events'].onRemovedFromGroup.dispatch(object, this); - } - object.group = null; - object.z = -1; - return object; - }; - Group.prototype.replace = /** - * Replaces an existing game object in this Group with a new one. - * - * @param {Basic} oldObject The object you want to replace. - * @param {Basic} newObject The new object you want to use instead. - * - * @return {Basic} The new object. - */ - function (oldObject, newObject) { - this._i = this.members.indexOf(oldObject); - if(this._i < 0 || (this._i >= this.members.length)) { - return null; - } - this.setObjectIDs(newObject, this.members[this._i].z); - // Null the old object - this.remove(this.members[this._i]); - this.members[this._i] = newObject; - return newObject; - }; - Group.prototype.swap = /** - * Swaps two existing game object in this Group with each other. - * - * @param {Basic} child1 The first object to swap. - * @param {Basic} child2 The second object to swap. - * - * @return {Basic} True if the two objects successfully swapped position. - */ - function (child1, child2, sort) { - if (typeof sort === "undefined") { sort = true; } - if(child1.group.ID != this.ID || child2.group.ID != this.ID || child1 === child2) { - return false; - } - var tempZ = child1.z; - child1.z = child2.z; - child2.z = tempZ; - if(sort) { - this.sort(); - } - return true; - }; - Group.prototype.bringToTop = function (child) { - //console.log('bringToTop', child.name,'current z', child.z); - var oldZ = child.z; - // If child not in this group, or is already at the top of the group, return false - //if (!child || child.group == null || child.group.ID != this.ID || child.z == this._zCounter) - if(!child || child.group == null || child.group.ID != this.ID) { - //console.log('If child not in this group, or is already at the top of the group, return false'); - return false; - } - // Find out the largest z index - var topZ = -1; - for(var i = 0; i < this.length; i++) { - if(this.members[i] && this.members[i].z > topZ) { - topZ = this.members[i].z; - } - } - // Child is already at the top - if(child.z == topZ) { - return false; - } - child.z = topZ + 1; - // Sort them out based on the current z indexes - this.sort(); - // Now tidy-up the z indexes, removing gaps, etc - for(var i = 0; i < this.length; i++) { - if(this.members[i]) { - this.members[i].z = i; - } - } - //console.log('bringToTop', child.name, 'old z', oldZ, 'new z', child.z); - return true; - // What's the z index of the top most child? - /* - var childIndex: number = this._zCounter; - - console.log('childIndex', childIndex); - - this._i = 0; - - while (this._i < this.length) - { - this._member = this.members[this._i++]; - - if (this._member) - { - if (this._i > childIndex) - { - this._member.z--; - } - else if (this._member.z == child.z) - { - childIndex = this._i; - this._member.z = this._zCounter; - } - } - } - - console.log('child inserted at index', child.z); - - // Maybe redundant? - this.sort(); - - return true; - */ - }; - Group.prototype.sort = /** - * Call this function to sort the group according to a particular value and order. - * For example, to sort game objects for Zelda-style overlaps you might call - * myGroup.sort("y",Group.ASCENDING) at the bottom of your - * State.update() override. To sort all existing objects after - * a big explosion or bomb attack, you might call myGroup.sort("exists",Group.DESCENDING). - * - * @param {string} index The string name of the member variable you want to sort on. Default value is "z". - * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. - */ - function (index, order) { - if (typeof index === "undefined") { index = 'z'; } - if (typeof order === "undefined") { order = Group.ASCENDING; } - var _this = this; - this._sortIndex = index; - this._sortOrder = order; - this.members.sort(function (a, b) { - return _this.sortHandler(a, b); - }); - }; - Group.prototype.sortHandler = /** - * Helper function for the sort process. - * - * @param {Basic} Obj1 The first object being sorted. - * @param {Basic} Obj2 The second object being sorted. - * - * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). - */ - function (obj1, obj2) { - if(!obj1 || !obj2) { - //console.log('null objects in sort', obj1, obj2); - return 0; - } - if(obj1[this._sortIndex] < obj2[this._sortIndex]) { - return this._sortOrder; - } else if(obj1[this._sortIndex] > obj2[this._sortIndex]) { - return -this._sortOrder; - } - return 0; - }; - Group.prototype.setAll = /** - * Go through and set the specified variable to the specified value on all members of the group. - * - * @param {string} VariableName The string representation of the variable name you want to modify, for example "visible" or "scrollFactor". - * @param {Object} Value The value you want to assign to that variable. - * @param {boolean} Recurse Default value is true, meaning if setAll() encounters a member that is a group, it will call setAll() on that group rather than modifying its variable. - */ - function (variableName, value, recurse) { - if (typeof recurse === "undefined") { recurse = true; } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null) { - if(recurse && this._member.type == Phaser.Types.GROUP) { - this._member.setAll(variableName, value, recurse); - } else { - this._member[variableName] = value; - } - } - } - }; - Group.prototype.callAll = /** - * Go through and call the specified function on all members of the group. - * Currently only works on functions that have no required parameters. - * - * @param {string} FunctionName The string representation of the function you want to call on each object, for example "kill()" or "init()". - * @param {boolean} Recurse Default value is true, meaning if callAll() encounters a member that is a group, it will call callAll() on that group rather than calling the group's function. - */ - function (functionName, recurse) { - if (typeof recurse === "undefined") { recurse = true; } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null) { - if(recurse && this._member.type == Phaser.Types.GROUP) { - this._member.callAll(functionName, recurse); - } else { - this._member[functionName](); - } - } - } - }; - Group.prototype.forEach = /** - * @param {function} callback - * @param {boolean} recursive - */ - function (callback, recursive) { - if (typeof recursive === "undefined") { recursive = false; } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null) { - if(recursive && this._member.type == Phaser.Types.GROUP) { - this._member.forEach(callback, true); - } else { - callback.call(this, this._member); - } - } - } - }; - Group.prototype.forEachAlive = /** - * @param {any} context - * @param {function} callback - * @param {boolean} recursive - */ - function (context, callback, recursive) { - if (typeof recursive === "undefined") { recursive = false; } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null && this._member.alive) { - if(recursive && this._member.type == Phaser.Types.GROUP) { - this._member.forEachAlive(context, callback, true); - } else { - callback.call(context, this._member); - } - } - } - }; - Group.prototype.getFirstAvailable = /** - * Call this function to retrieve the first object with exists == false in the group. - * This is handy for recycling in general, e.g. respawning enemies. - * - * @param {any} [ObjectClass] An optional parameter that lets you narrow the results to instances of this particular class. - * - * @return {any} A Basic currently flagged as not existing. - */ - function (objectClass) { - if (typeof objectClass === "undefined") { objectClass = null; } - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if((this._member != null) && !this._member.exists && ((objectClass == null) || (typeof this._member === objectClass))) { - return this._member; - } - } - return null; - }; - Group.prototype.getFirstNull = /** - * Call this function to retrieve the first index set to 'null'. - * Returns -1 if no index stores a null object. - * - * @return {number} An int indicating the first null slot in the group. - */ - function () { - this._i = 0; - while(this._i < this.length) { - if(this.members[this._i] == null) { - return this._i; - } else { - this._i++; - } - } - return -1; - }; - Group.prototype.getFirstExtant = /** - * Call this function to retrieve the first object with exists == true in the group. - * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. - * - * @return {Basic} A Basic currently flagged as existing. - */ - function () { - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null && this._member.exists) { - return this._member; - } - } - return null; - }; - Group.prototype.getFirstAlive = /** - * Call this function to retrieve the first object with dead == false in the group. - * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. - * - * @return {Basic} A Basic currently flagged as not dead. - */ - function () { - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if((this._member != null) && this._member.exists && this._member.alive) { - return this._member; - } - } - return null; - }; - Group.prototype.getFirstDead = /** - * Call this function to retrieve the first object with dead == true in the group. - * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. - * - * @return {Basic} A Basic currently flagged as dead. - */ - function () { - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if((this._member != null) && !this._member.alive) { - return this._member; - } - } - return null; - }; - Group.prototype.countLiving = /** - * Call this function to find out how many members of the group are not dead. - * - * @return {number} The number of Basics flagged as not dead. Returns -1 if group is empty. - */ - function () { - this._count = -1; - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null) { - if(this._count < 0) { - this._count = 0; - } - if(this._member.exists && this._member.alive) { - this._count++; - } - } - } - return this._count; - }; - Group.prototype.countDead = /** - * Call this function to find out how many members of the group are dead. - * - * @return {number} The number of Basics flagged as dead. Returns -1 if group is empty. - */ - function () { - this._count = -1; - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if(this._member != null) { - if(this._count < 0) { - this._count = 0; - } - if(!this._member.alive) { - this._count++; - } - } - } - return this._count; - }; - Group.prototype.getRandom = /** - * Returns a member at random from the group. - * - * @param {number} StartIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. - * @param {number} Length Optional restriction on the number of values you want to randomly select from. - * - * @return {Basic} A Basic from the members list. - */ - function (startIndex, length) { - if (typeof startIndex === "undefined") { startIndex = 0; } - if (typeof length === "undefined") { length = 0; } - if(length == 0) { - length = this.length; - } - return this.game.math.getRandom(this.members, startIndex, length); - }; - Group.prototype.clear = /** - * Remove all instances of Basic subclass (Basic, Block, etc) from the list. - * WARNING: does not destroy() or kill() any of these objects! - */ - function () { - this.length = this.members.length = 0; - }; - Group.prototype.kill = /** - * Calls kill on the group's members and then on the group itself. - */ - function () { - this._i = 0; - while(this._i < this.length) { - this._member = this.members[this._i++]; - if((this._member != null) && this._member.exists) { - this._member.kill(); - } - } - }; - return Group; - })(); - Phaser.Group = Group; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - SignalBinding -* -* An object that represents a binding between a Signal and a listener function. -* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. -* Released under the MIT license -* http://millermedeiros.github.com/js-signals/ -*/ -var Phaser; -(function (Phaser) { - var SignalBinding = (function () { - /** - * Object that represents a binding between a Signal and a listener function. - *
- This is an internal constructor and shouldn't be called by regular users. - *
- inspired by Joa Ebert AS3 SignalBinding and Robert Penner's Slot classes. - * @author Miller Medeiros - * @constructor - * @internal - * @name SignalBinding - * @param {Signal} signal Reference to Signal object that listener is currently bound to. - * @param {Function} listener Handler function bound to the signal. - * @param {boolean} isOnce If binding should be executed just once. - * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @param {Number} [priority] The priority level of the event listener. (default = 0). - */ - function SignalBinding(signal, listener, isOnce, listenerContext, priority) { - if (typeof priority === "undefined") { priority = 0; } - /** - * If binding is active and should be executed. - * @type boolean - */ - this.active = true; - /** - * Default parameters passed to listener during `Signal.dispatch` and `SignalBinding.execute`. (curried parameters) - * @type Array|null - */ - this.params = null; - this._listener = listener; - this._isOnce = isOnce; - this.context = listenerContext; - this._signal = signal; - this.priority = priority || 0; - } - SignalBinding.prototype.execute = /** - * Call listener passing arbitrary parameters. - *

If binding was added using `Signal.addOnce()` it will be automatically removed from signal dispatch queue, this method is used internally for the signal dispatch.

- * @param {Array} [paramsArr] Array of parameters that should be passed to the listener - * @return {*} Value returned by the listener. - */ - function (paramsArr) { - var handlerReturn; - var params; - if(this.active && !!this._listener) { - params = this.params ? this.params.concat(paramsArr) : paramsArr; - handlerReturn = this._listener.apply(this.context, params); - if(this._isOnce) { - this.detach(); - } - } - return handlerReturn; - }; - SignalBinding.prototype.detach = /** - * Detach binding from signal. - * - alias to: mySignal.remove(myBinding.getListener()); - * @return {Function|null} Handler function bound to the signal or `null` if binding was previously detached. - */ - function () { - return this.isBound() ? this._signal.remove(this._listener, this.context) : null; - }; - SignalBinding.prototype.isBound = /** - * @return {Boolean} `true` if binding is still bound to the signal and have a listener. - */ - function () { - return (!!this._signal && !!this._listener); - }; - SignalBinding.prototype.isOnce = /** - * @return {boolean} If SignalBinding will only be executed once. - */ - function () { - return this._isOnce; - }; - SignalBinding.prototype.getListener = /** - * @return {Function} Handler function bound to the signal. - */ - function () { - return this._listener; - }; - SignalBinding.prototype.getSignal = /** - * @return {Signal} Signal that listener is currently bound to. - */ - function () { - return this._signal; - }; - SignalBinding.prototype._destroy = /** - * Delete instance properties - * @private - */ - function () { - delete this._signal; - delete this._listener; - delete this.context; - }; - SignalBinding.prototype.toString = /** - * @return {string} String representation of the object. - */ - function () { - return '[SignalBinding isOnce:' + this._isOnce + ', isBound:' + this.isBound() + ', active:' + this.active + ']'; - }; - return SignalBinding; - })(); - Phaser.SignalBinding = SignalBinding; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Signal -* -* A Signal is used for object communication via a custom broadcaster instead of Events. -* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. -* Released under the MIT license -* http://millermedeiros.github.com/js-signals/ -*/ -var Phaser; -(function (Phaser) { - var Signal = (function () { - function Signal() { - /** - * - * @property _bindings - * @type Array - * @private - */ - this._bindings = []; - /** - * - * @property _prevParams - * @type Any - * @private - */ - this._prevParams = null; - /** - * If Signal should keep record of previously dispatched parameters and - * automatically execute listener during `add()`/`addOnce()` if Signal was - * already dispatched before. - * @type boolean - */ - this.memorize = false; - /** - * @type boolean - * @private - */ - this._shouldPropagate = true; - /** - * If Signal is active and should broadcast events. - *

IMPORTANT: Setting this property during a dispatch will only affect the next dispatch, if you want to stop the propagation of a signal use `halt()` instead.

- * @type boolean - */ - this.active = true; - } - Signal.VERSION = '1.0.0'; - Signal.prototype.validateListener = /** - * - * @method validateListener - * @param {Any} listener - * @param {Any} fnName - */ - function (listener, fnName) { - if(typeof listener !== 'function') { - throw new Error('listener is a required param of {fn}() and should be a Function.'.replace('{fn}', fnName)); - } - }; - Signal.prototype._registerListener = /** - * @param {Function} listener - * @param {boolean} isOnce - * @param {Object} [listenerContext] - * @param {Number} [priority] - * @return {SignalBinding} - * @private - */ - function (listener, isOnce, listenerContext, priority) { - var prevIndex = this._indexOfListener(listener, listenerContext); - var binding; - if(prevIndex !== -1) { - binding = this._bindings[prevIndex]; - if(binding.isOnce() !== isOnce) { - throw new Error('You cannot add' + (isOnce ? '' : 'Once') + '() then add' + (!isOnce ? '' : 'Once') + '() the same listener without removing the relationship first.'); - } - } else { - binding = new Phaser.SignalBinding(this, listener, isOnce, listenerContext, priority); - this._addBinding(binding); - } - if(this.memorize && this._prevParams) { - binding.execute(this._prevParams); - } - return binding; - }; - Signal.prototype._addBinding = /** - * - * @method _addBinding - * @param {SignalBinding} binding - * @private - */ - function (binding) { - //simplified insertion sort - var n = this._bindings.length; - do { - --n; - }while(this._bindings[n] && binding.priority <= this._bindings[n].priority); - this._bindings.splice(n + 1, 0, binding); - }; - Signal.prototype._indexOfListener = /** - * - * @method _indexOfListener - * @param {Function} listener - * @return {number} - * @private - */ - function (listener, context) { - var n = this._bindings.length; - var cur; - while(n--) { - cur = this._bindings[n]; - if(cur.getListener() === listener && cur.context === context) { - return n; - } - } - return -1; - }; - Signal.prototype.has = /** - * Check if listener was attached to Signal. - * @param {Function} listener - * @param {Object} [context] - * @return {boolean} if Signal has the specified listener. - */ - function (listener, context) { - if (typeof context === "undefined") { context = null; } - return this._indexOfListener(listener, context) !== -1; - }; - Signal.prototype.add = /** - * Add a listener to the signal. - * @param {Function} listener Signal handler function. - * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) - * @return {SignalBinding} An Object representing the binding between the Signal and listener. - */ - function (listener, listenerContext, priority) { - if (typeof listenerContext === "undefined") { listenerContext = null; } - if (typeof priority === "undefined") { priority = 0; } - this.validateListener(listener, 'add'); - return this._registerListener(listener, false, listenerContext, priority); - }; - Signal.prototype.addOnce = /** - * Add listener to the signal that should be removed after first execution (will be executed only once). - * @param {Function} listener Signal handler function. - * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) - * @return {SignalBinding} An Object representing the binding between the Signal and listener. - */ - function (listener, listenerContext, priority) { - if (typeof listenerContext === "undefined") { listenerContext = null; } - if (typeof priority === "undefined") { priority = 0; } - this.validateListener(listener, 'addOnce'); - return this._registerListener(listener, true, listenerContext, priority); - }; - Signal.prototype.remove = /** - * Remove a single listener from the dispatch queue. - * @param {Function} listener Handler function that should be removed. - * @param {Object} [context] Execution context (since you can add the same handler multiple times if executing in a different context). - * @return {Function} Listener handler function. - */ - function (listener, context) { - if (typeof context === "undefined") { context = null; } - this.validateListener(listener, 'remove'); - var i = this._indexOfListener(listener, context); - if(i !== -1) { - this._bindings[i]._destroy(); - this._bindings.splice(i, 1); - } - return listener; - }; - Signal.prototype.removeAll = /** - * Remove all listeners from the Signal. - */ - function () { - if(this._bindings) { - var n = this._bindings.length; - while(n--) { - this._bindings[n]._destroy(); - } - this._bindings.length = 0; - } - }; - Signal.prototype.getNumListeners = /** - * @return {number} Number of listeners attached to the Signal. - */ - function () { - return this._bindings.length; - }; - Signal.prototype.halt = /** - * Stop propagation of the event, blocking the dispatch to next listeners on the queue. - *

IMPORTANT: should be called only during signal dispatch, calling it before/after dispatch won't affect signal broadcast.

- * @see Signal.prototype.disable - */ - function () { - this._shouldPropagate = false; - }; - Signal.prototype.dispatch = /** - * Dispatch/Broadcast Signal to all listeners added to the queue. - * @param {...*} [params] Parameters that should be passed to each handler. - */ - function () { - var paramsArr = []; - for (var _i = 0; _i < (arguments.length - 0); _i++) { - paramsArr[_i] = arguments[_i + 0]; - } - if(!this.active) { - return; - } - var n = this._bindings.length; - var bindings; - if(this.memorize) { - this._prevParams = paramsArr; - } - if(!n) { - //should come after memorize - return; - } - bindings = this._bindings.slice(0)//clone array in case add/remove items during dispatch - ; - this._shouldPropagate = true//in case `halt` was called before dispatch or during the previous dispatch. - ; - //execute all callbacks until end of the list or until a callback returns `false` or stops propagation - //reverse loop since listeners with higher priority will be added at the end of the list - do { - n--; - }while(bindings[n] && this._shouldPropagate && bindings[n].execute(paramsArr) !== false); - }; - Signal.prototype.forget = /** - * Forget memorized arguments. - * @see Signal.memorize - */ - function () { - this._prevParams = null; - }; - Signal.prototype.dispose = /** - * Remove all bindings from signal and destroy any reference to external objects (destroy Signal object). - *

IMPORTANT: calling any method on the signal instance after calling dispose will throw errors.

- */ - function () { - this.removeAll(); - delete this._bindings; - delete this._prevParams; - }; - Signal.prototype.toString = /** - * @return {string} String representation of the object. - */ - function () { - return '[Signal active:' + this.active + ' numListeners:' + this.getNumListeners() + ']'; - }; - return Signal; - })(); - Phaser.Signal = Signal; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Loader -* -* The Loader handles loading all external content such as Images, Sounds, Texture Atlases and data files. -* It uses a combination of Image() loading and xhr and provides for progress and completion callbacks. -*/ -var Phaser; -(function (Phaser) { - var Loader = (function () { - /** - * Loader constructor - * - * @param game {Phaser.Game} Current game instance. - */ - function Loader(game) { - /** - * The crossOrigin value applied to loaded images - * @type {string} - */ - this.crossOrigin = ''; - this.game = game; - this._keys = []; - this._fileList = { - }; - this._xhr = new XMLHttpRequest(); - this._queueSize = 0; - this.isLoading = false; - this.onFileComplete = new Phaser.Signal(); - this.onFileError = new Phaser.Signal(); - this.onLoadStart = new Phaser.Signal(); - this.onLoadComplete = new Phaser.Signal(); - } - Loader.TEXTURE_ATLAS_JSON_ARRAY = 0; - Loader.TEXTURE_ATLAS_JSON_HASH = 1; - Loader.TEXTURE_ATLAS_XML_STARLING = 2; - Loader.prototype.reset = /** - * Reset loader, this will remove all loaded assets. - */ - function () { - this._queueSize = 0; - this.isLoading = false; - }; - Object.defineProperty(Loader.prototype, "queueSize", { - get: function () { - return this._queueSize; - }, - enumerable: true, - configurable: true - }); - Loader.prototype.image = /** - * Add a new image asset loading request with key and url. - * @param key {string} Unique asset key of this image file. - * @param url {string} URL of image file. - */ - function (key, url, overwrite) { - if (typeof overwrite === "undefined") { overwrite = false; } - if(overwrite == true || this.checkKeyExists(key) == false) { - this._queueSize++; - this._fileList[key] = { - type: 'image', - key: key, - url: url, - data: null, - error: false, - loaded: false - }; - this._keys.push(key); - } - }; - Loader.prototype.spritesheet = /** - * Add a new sprite sheet loading request. - * @param key {string} Unique asset key of the sheet file. - * @param url {string} URL of sheet file. - * @param frameWidth {number} Width of each single frame. - * @param frameHeight {number} Height of each single frame. - * @param frameMax {number} How many frames in this sprite sheet. - */ - function (key, url, frameWidth, frameHeight, frameMax) { - if (typeof frameMax === "undefined") { frameMax = -1; } - if(this.checkKeyExists(key) === false) { - this._queueSize++; - this._fileList[key] = { - type: 'spritesheet', - key: key, - url: url, - data: null, - frameWidth: frameWidth, - frameHeight: frameHeight, - frameMax: frameMax, - error: false, - loaded: false - }; - this._keys.push(key); - } - }; - Loader.prototype.atlas = /** - * Add a new texture atlas loading request. - * @param key {string} Unique asset key of the texture atlas file. - * @param textureURL {string} The url of the texture atlas image file. - * @param [atlasURL] {string} The url of the texture atlas data file (json/xml) - * @param [atlasData] {object} A JSON or XML data object. - * @param [format] {number} A value describing the format of the data. - */ - function (key, textureURL, atlasURL, atlasData, format) { - if (typeof atlasURL === "undefined") { atlasURL = null; } - if (typeof atlasData === "undefined") { atlasData = null; } - if (typeof format === "undefined") { format = Loader.TEXTURE_ATLAS_JSON_ARRAY; } - if(this.checkKeyExists(key) === false) { - if(atlasURL !== null) { - // A URL to a json/xml file has been given - this._queueSize++; - this._fileList[key] = { - type: 'textureatlas', - key: key, - url: textureURL, - atlasURL: atlasURL, - data: null, - format: format, - error: false, - loaded: false - }; - this._keys.push(key); - } else { - if(format == Loader.TEXTURE_ATLAS_JSON_ARRAY) { - // A json string or object has been given - if(typeof atlasData === 'string') { - atlasData = JSON.parse(atlasData); - } - this._queueSize++; - this._fileList[key] = { - type: 'textureatlas', - key: key, - url: textureURL, - data: null, - atlasURL: null, - atlasData: atlasData, - format: format, - error: false, - loaded: false - }; - this._keys.push(key); - } else if(format == Loader.TEXTURE_ATLAS_XML_STARLING) { - // An xml string or object has been given - if(typeof atlasData === 'string') { - var xml; - try { - if(window['DOMParser']) { - var domparser = new DOMParser(); - xml = domparser.parseFromString(atlasData, "text/xml"); - } else { - xml = new ActiveXObject("Microsoft.XMLDOM"); - xml.async = 'false'; - xml.loadXML(atlasData); - } - } catch (e) { - xml = undefined; - } - if(!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) { - throw new Error("Phaser.Loader. Invalid Texture Atlas XML given"); - } else { - atlasData = xml; - } - } - this._queueSize++; - this._fileList[key] = { - type: 'textureatlas', - key: key, - url: textureURL, - data: null, - atlasURL: null, - atlasData: atlasData, - format: format, - error: false, - loaded: false - }; - this._keys.push(key); - } - } - } - }; - Loader.prototype.audio = /** - * Add a new audio file loading request. - * @param key {string} Unique asset key of the audio file. - * @param urls {Array} An array containing the URLs of the audio files, i.e.: [ 'jump.mp3', 'jump.ogg', 'jump.m4a' ] - * @param autoDecode {boolean} When using Web Audio the audio files can either be decoded at load time or run-time. They can't be played until they are decoded, but this let's you control when that happens. Decoding is a non-blocking async process. - */ - function (key, urls, autoDecode) { - if (typeof autoDecode === "undefined") { autoDecode = true; } - if(this.checkKeyExists(key) === false) { - this._queueSize++; - this._fileList[key] = { - type: 'audio', - key: key, - url: urls, - data: null, - buffer: null, - error: false, - loaded: false, - autoDecode: autoDecode - }; - this._keys.push(key); - } - }; - Loader.prototype.text = /** - * Add a new text file loading request. - * @param key {string} Unique asset key of the text file. - * @param url {string} URL of text file. - */ - function (key, url) { - if(this.checkKeyExists(key) === false) { - this._queueSize++; - this._fileList[key] = { - type: 'text', - key: key, - url: url, - data: null, - error: false, - loaded: false - }; - this._keys.push(key); - } - }; - Loader.prototype.removeFile = /** - * Remove loading request of a file. - * @param key {string} Key of the file you want to remove. - */ - function (key) { - delete this._fileList[key]; - }; - Loader.prototype.removeAll = /** - * Remove all file loading requests. - */ - function () { - this._fileList = { - }; - }; - Loader.prototype.start = /** - * Load assets. - */ - function () { - if(this.isLoading) { - return; - } - this.progress = 0; - this.hasLoaded = false; - this.isLoading = true; - this.onLoadStart.dispatch(this.queueSize); - if(this._keys.length > 0) { - this._progressChunk = 100 / this._keys.length; - this.loadFile(); - } else { - this.progress = 100; - this.hasLoaded = true; - this.onLoadComplete.dispatch(); - } - }; - Loader.prototype.loadFile = /** - * Load files. Private method ONLY used by loader. - */ - function () { - var _this = this; - var file = this._fileList[this._keys.pop()]; - // Image or Data? - switch(file.type) { - case 'image': - case 'spritesheet': - case 'textureatlas': - file.data = new Image(); - file.data.name = file.key; - file.data.onload = function () { - return _this.fileComplete(file.key); - }; - file.data.onerror = function () { - return _this.fileError(file.key); - }; - file.data.crossOrigin = this.crossOrigin; - file.data.src = file.url; - break; - case 'audio': - file.url = this.getAudioURL(file.url); - if(file.url !== null) { - // WebAudio or Audio Tag? - if(this.game.sound.usingWebAudio) { - this._xhr.open("GET", file.url, true); - this._xhr.responseType = "arraybuffer"; - this._xhr.onload = function () { - return _this.fileComplete(file.key); - }; - this._xhr.onerror = function () { - return _this.fileError(file.key); - }; - this._xhr.send(); - } else if(this.game.sound.usingAudioTag) { - if(this.game.sound.touchLocked) { - // If audio is locked we can't do this yet, so need to queue this load request somehow. Bum. - file.data = new Audio(); - file.data.name = file.key; - file.data.preload = 'auto'; - file.data.src = file.url; - this.fileComplete(file.key); - } else { - file.data = new Audio(); - file.data.name = file.key; - file.data.onerror = function () { - return _this.fileError(file.key); - }; - file.data.preload = 'auto'; - file.data.src = file.url; - file.data.addEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete(file.key), false); - file.data.load(); - } - } - } - break; - case 'text': - this._xhr.open("GET", file.url, true); - this._xhr.responseType = "text"; - this._xhr.onload = function () { - return _this.fileComplete(file.key); - }; - this._xhr.onerror = function () { - return _this.fileError(file.key); - }; - this._xhr.send(); - break; - } - }; - Loader.prototype.getAudioURL = function (urls) { - var extension; - for(var i = 0; i < urls.length; i++) { - extension = urls[i].toLowerCase(); - extension = extension.substr((Math.max(0, extension.lastIndexOf(".")) || Infinity) + 1); - if(this.game.device.canPlayAudio(extension)) { - return urls[i]; - } - } - return null; - }; - Loader.prototype.fileError = /** - * Error occured when load a file. - * @param key {string} Key of the error loading file. - */ - function (key) { - this._fileList[key].loaded = true; - this._fileList[key].error = true; - this.onFileError.dispatch(key); - throw new Error("Phaser.Loader error loading file: " + key); - this.nextFile(key, false); - }; - Loader.prototype.fileComplete = /** - * Called when a file is successfully loaded. - * @param key {string} Key of the successfully loaded file. - */ - function (key) { - var _this = this; - if(!this._fileList[key]) { - throw new Error('Phaser.Loader fileComplete invalid key ' + key); - return; - } - this._fileList[key].loaded = true; - var file = this._fileList[key]; - var loadNext = true; - switch(file.type) { - case 'image': - this.game.cache.addImage(file.key, file.url, file.data); - break; - case 'spritesheet': - this.game.cache.addSpriteSheet(file.key, file.url, file.data, file.frameWidth, file.frameHeight, file.frameMax); - break; - case 'textureatlas': - if(file.atlasURL == null) { - this.game.cache.addTextureAtlas(file.key, file.url, file.data, file.atlasData, file.format); - } else { - // Load the JSON or XML before carrying on with the next file - loadNext = false; - this._xhr.open("GET", file.atlasURL, true); - this._xhr.responseType = "text"; - if(file.format == Loader.TEXTURE_ATLAS_JSON_ARRAY) { - this._xhr.onload = function () { - return _this.jsonLoadComplete(file.key); - }; - } else if(file.format == Loader.TEXTURE_ATLAS_XML_STARLING) { - this._xhr.onload = function () { - return _this.xmlLoadComplete(file.key); - }; - } - this._xhr.onerror = function () { - return _this.dataLoadError(file.key); - }; - this._xhr.send(); - } - break; - case 'audio': - if(this.game.sound.usingWebAudio) { - file.data = this._xhr.response; - this.game.cache.addSound(file.key, file.url, file.data, true, false); - if(file.autoDecode) { - this.game.cache.updateSound(key, 'isDecoding', true); - var that = this; - var key = file.key; - this.game.sound.context.decodeAudioData(file.data, function (buffer) { - if(buffer) { - that.game.cache.decodedSound(key, buffer); - } - }); - } - } else { - file.data.removeEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete); - this.game.cache.addSound(file.key, file.url, file.data, false, true); - } - break; - case 'text': - file.data = this._xhr.response; - this.game.cache.addText(file.key, file.url, file.data); - break; - } - if(loadNext) { - this.nextFile(key, true); - } - }; - Loader.prototype.jsonLoadComplete = /** - * Successfully loaded a JSON file. - * @param key {string} Key of the loaded JSON file. - */ - function (key) { - var data = JSON.parse(this._xhr.response); - var file = this._fileList[key]; - this.game.cache.addTextureAtlas(file.key, file.url, file.data, data, file.format); - this.nextFile(key, true); - }; - Loader.prototype.dataLoadError = /** - * Error occured when load a JSON. - * @param key {string} Key of the error loading JSON file. - */ - function (key) { - var file = this._fileList[key]; - file.error = true; - throw new Error("Phaser.Loader dataLoadError: " + key); - this.nextFile(key, true); - }; - Loader.prototype.xmlLoadComplete = function (key) { - var atlasData = this._xhr.response; - var xml; - try { - if(window['DOMParser']) { - var domparser = new DOMParser(); - xml = domparser.parseFromString(atlasData, "text/xml"); - } else { - xml = new ActiveXObject("Microsoft.XMLDOM"); - xml.async = 'false'; - xml.loadXML(atlasData); - } - } catch (e) { - xml = undefined; - } - if(!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) { - throw new Error("Phaser.Loader. Invalid XML given"); - } - var file = this._fileList[key]; - this.game.cache.addTextureAtlas(file.key, file.url, file.data, xml, file.format); - this.nextFile(key, true); - }; - Loader.prototype.nextFile = /** - * Handle loading next file. - * @param previousKey {string} Key of previous loaded asset. - * @param success {boolean} Whether the previous asset loaded successfully or not. - */ - function (previousKey, success) { - this.progress = Math.round(this.progress + this._progressChunk); - if(this.progress > 100) { - this.progress = 100; - } - this.onFileComplete.dispatch(this.progress, previousKey, success, this._queueSize - this._keys.length, this._queueSize); - if(this._keys.length > 0) { - this.loadFile(); - } else { - this.hasLoaded = true; - this.isLoading = false; - this.removeAll(); - this.onLoadComplete.dispatch(); - } - }; - Loader.prototype.checkKeyExists = /** - * Check whether asset exists with a specific key. - * @param key {string} Key of the asset you want to check. - * @return {boolean} Return true if exists, otherwise return false. - */ - function (key) { - if(this._fileList[key]) { - return true; - } else { - return false; - } - }; - return Loader; - })(); - Phaser.Loader = Loader; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Net -* -* -*/ -var Phaser; -(function (Phaser) { - var Net = (function () { - /** - * Net constructor - */ - function Net(game) { - this.game = game; - } - Net.prototype.checkDomainName = /** - * Compares the given domain name against the hostname of the browser containing the game. - * If the domain name is found it returns true. - * You can specify a part of a domain, for example 'google' would match 'google.com', 'google.co.uk', etc. - * Do not include 'http://' at the start. - */ - function (domain) { - return window.location.hostname.indexOf(domain) !== -1; - }; - Net.prototype.updateQueryString = /** - * Updates a value on the Query String and returns it in full. - * If the value doesn't already exist it is set. - * If the value exists it is replaced with the new value given. If you don't provide a new value it is removed from the query string. - * Optionally you can redirect to the new url, or just return it as a string. - */ - function (key, value, redirect, url) { - if (typeof redirect === "undefined") { redirect = false; } - if (typeof url === "undefined") { url = ''; } - if(url == '') { - url = window.location.href; - } - var output = ''; - var re = new RegExp("([?|&])" + key + "=.*?(&|#|$)(.*)", "gi"); - if(re.test(url)) { - if(typeof value !== 'undefined' && value !== null) { - output = url.replace(re, '$1' + key + "=" + value + '$2$3'); - } else { - output = url.replace(re, '$1$3').replace(/(&|\?)$/, ''); - } - } else { - if(typeof value !== 'undefined' && value !== null) { - var separator = url.indexOf('?') !== -1 ? '&' : '?'; - var hash = url.split('#'); - url = hash[0] + separator + key + '=' + value; - if(hash[1]) { - url += '#' + hash[1]; - } - output = url; - } else { - output = url; - } - } - if(redirect) { - window.location.href = output; - } else { - return output; - } - }; - Net.prototype.getQueryString = /** - * Returns the Query String as an object. - * If you specify a parameter it will return just the value of that parameter, should it exist. - */ - function (parameter) { - if (typeof parameter === "undefined") { parameter = ''; } - var output = { - }; - var keyValues = location.search.substring(1).split('&'); - for(var i in keyValues) { - var key = keyValues[i].split('='); - if(key.length > 1) { - if(parameter && parameter == this.decodeURI(key[0])) { - return this.decodeURI(key[1]); - } else { - output[this.decodeURI(key[0])] = this.decodeURI(key[1]); - } - } - } - return output; - }; - Net.prototype.decodeURI = function (value) { - return decodeURIComponent(value.replace(/\+/g, " ")); - }; - return Net; - })(); - Phaser.Net = Net; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Cache -* -* A game only has one instance of a Cache and it is used to store all externally loaded assets such -* as images, sounds and data files as a result of Loader calls. Cache items use string based keys for look-up. -*/ -var Phaser; -(function (Phaser) { - var Cache = (function () { - /** - * Cache constructor - */ - function Cache(game) { - this.onSoundUnlock = new Phaser.Signal(); - this.game = game; - this._canvases = { - }; - this._images = { - }; - this._sounds = { - }; - this._text = { - }; - } - Cache.prototype.addCanvas = /** - * Add a new canvas. - * @param key {string} Asset key for this canvas. - * @param canvas {HTMLCanvasElement} Canvas DOM element. - * @param context {CanvasRenderingContext2D} Render context of this canvas. - */ - function (key, canvas, context) { - this._canvases[key] = { - canvas: canvas, - context: context - }; - }; - Cache.prototype.addSpriteSheet = /** - * Add a new sprite sheet. - * @param key {string} Asset key for the sprite sheet. - * @param url {string} URL of this sprite sheet file. - * @param data {object} Extra sprite sheet data. - * @param frameWidth {number} Width of the sprite sheet. - * @param frameHeight {number} Height of the sprite sheet. - * @param frameMax {number} How many frames stored in the sprite sheet. - */ - function (key, url, data, frameWidth, frameHeight, frameMax) { - this._images[key] = { - url: url, - data: data, - spriteSheet: true, - frameWidth: frameWidth, - frameHeight: frameHeight - }; - this._images[key].frameData = Phaser.AnimationLoader.parseSpriteSheet(this.game, key, frameWidth, frameHeight, frameMax); - }; - Cache.prototype.addTextureAtlas = /** - * Add a new texture atlas. - * @param key {string} Asset key for the texture atlas. - * @param url {string} URL of this texture atlas file. - * @param data {object} Extra texture atlas data. - * @param atlasData {object} Texture atlas frames data. - */ - function (key, url, data, atlasData, format) { - this._images[key] = { - url: url, - data: data, - spriteSheet: true - }; - if(format == Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY) { - this._images[key].frameData = Phaser.AnimationLoader.parseJSONData(this.game, atlasData); - } else if(format == Phaser.Loader.TEXTURE_ATLAS_XML_STARLING) { - this._images[key].frameData = Phaser.AnimationLoader.parseXMLData(this.game, atlasData, format); - } - }; - Cache.prototype.addImage = /** - * Add a new image. - * @param key {string} Asset key for the image. - * @param url {string} URL of this image file. - * @param data {object} Extra image data. - */ - function (key, url, data) { - this._images[key] = { - url: url, - data: data, - spriteSheet: false - }; - }; - Cache.prototype.addSound = /** - * Add a new sound. - * @param key {string} Asset key for the sound. - * @param url {string} URL of this sound file. - * @param data {object} Extra sound data. - */ - function (key, url, data, webAudio, audioTag) { - if (typeof webAudio === "undefined") { webAudio = true; } - if (typeof audioTag === "undefined") { audioTag = false; } - var locked = this.game.sound.touchLocked; - var decoded = false; - if(audioTag) { - decoded = true; - } - this._sounds[key] = { - url: url, - data: data, - locked: locked, - isDecoding: false, - decoded: decoded, - webAudio: webAudio, - audioTag: audioTag - }; - }; - Cache.prototype.reloadSound = function (key) { - var _this = this; - if(this._sounds[key]) { - this._sounds[key].data.src = this._sounds[key].url; - this._sounds[key].data.addEventListener('canplaythrough', function () { - return _this.reloadSoundComplete(key); - }, false); - this._sounds[key].data.load(); - } - }; - Cache.prototype.reloadSoundComplete = function (key) { - if(this._sounds[key]) { - this._sounds[key].locked = false; - this.onSoundUnlock.dispatch(key); - } - }; - Cache.prototype.updateSound = function (key, property, value) { - if(this._sounds[key]) { - this._sounds[key][property] = value; - } - }; - Cache.prototype.decodedSound = /** - * Add a new decoded sound. - * @param key {string} Asset key for the sound. - * @param data {object} Extra sound data. - */ - function (key, data) { - this._sounds[key].data = data; - this._sounds[key].decoded = true; - this._sounds[key].isDecoding = false; - }; - Cache.prototype.addText = /** - * Add a new text data. - * @param key {string} Asset key for the text data. - * @param url {string} URL of this text data file. - * @param data {object} Extra text data. - */ - function (key, url, data) { - this._text[key] = { - url: url, - data: data - }; - }; - Cache.prototype.getCanvas = /** - * Get canvas by key. - * @param key Asset key of the canvas you want. - * @return {object} The canvas you want. - */ - function (key) { - if(this._canvases[key]) { - return this._canvases[key].canvas; - } - return null; - }; - Cache.prototype.getImage = /** - * Get image data by key. - * @param key Asset key of the image you want. - * @return {object} The image data you want. - */ - function (key) { - if(this._images[key]) { - return this._images[key].data; - } - return null; - }; - Cache.prototype.getFrameData = /** - * Get frame data by key. - * @param key Asset key of the frame data you want. - * @return {object} The frame data you want. - */ - function (key) { - if(this._images[key] && this._images[key].spriteSheet == true) { - return this._images[key].frameData; - } - return null; - }; - Cache.prototype.getSound = /** - * Get sound by key. - * @param key Asset key of the sound you want. - * @return {object} The sound you want. - */ - function (key) { - if(this._sounds[key]) { - return this._sounds[key]; - } - return null; - }; - Cache.prototype.getSoundData = /** - * Get sound data by key. - * @param key Asset key of the sound you want. - * @return {object} The sound data you want. - */ - function (key) { - if(this._sounds[key]) { - return this._sounds[key].data; - } - return null; - }; - Cache.prototype.isSoundDecoded = /** - * Check whether an asset is decoded sound. - * @param key Asset key of the sound you want. - * @return {object} The sound data you want. - */ - function (key) { - if(this._sounds[key]) { - return this._sounds[key].decoded; - } - }; - Cache.prototype.isSoundReady = /** - * Check whether an asset is decoded sound. - * @param key Asset key of the sound you want. - * @return {object} The sound data you want. - */ - function (key) { - if(this._sounds[key] && this._sounds[key].decoded == true && this._sounds[key].locked == false) { - return true; - } - return false; - }; - Cache.prototype.isSpriteSheet = /** - * Check whether an asset is sprite sheet. - * @param key Asset key of the sprite sheet you want. - * @return {object} The sprite sheet data you want. - */ - function (key) { - if(this._images[key]) { - return this._images[key].spriteSheet; - } - }; - Cache.prototype.getText = /** - * Get text data by key. - * @param key Asset key of the text data you want. - * @return {object} The text data you want. - */ - function (key) { - if(this._text[key]) { - return this._text[key].data; - } - return null; - }; - Cache.prototype.getImageKeys = /** - * Returns an array containing all of the keys of Images in the Cache. - * @return {Array} The string based keys in the Cache. - */ - function () { - var output = []; - for(var item in this._images) { - output.push(item); - } - return output; - }; - Cache.prototype.getSoundKeys = /** - * Returns an array containing all of the keys of Sounds in the Cache. - * @return {Array} The string based keys in the Cache. - */ - function () { - var output = []; - for(var item in this._sounds) { - output.push(item); - } - return output; - }; - Cache.prototype.getTextKeys = /** - * Returns an array containing all of the keys of Text Files in the Cache. - * @return {Array} The string based keys in the Cache. - */ - function () { - var output = []; - for(var item in this._text) { - output.push(item); - } - return output; - }; - Cache.prototype.removeCanvas = function (key) { - delete this._canvases[key]; - }; - Cache.prototype.removeImage = function (key) { - delete this._images[key]; - }; - Cache.prototype.removeSound = function (key) { - delete this._sounds[key]; - }; - Cache.prototype.removeText = function (key) { - delete this._text[key]; - }; - Cache.prototype.destroy = /** - * Clean up cache memory. - */ - function () { - for(var item in this._canvases) { - delete this._canvases[item['key']]; - } - for(var item in this._images) { - delete this._images[item['key']]; - } - for(var item in this._sounds) { - delete this._sounds[item['key']]; - } - for(var item in this._text) { - delete this._text[item['key']]; - } - }; - return Cache; - })(); - Phaser.Cache = Cache; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - GameMath -* -* Adds a set of extra Math functions used through-out Phaser. -* Includes methods written by Dylan Engelman and Adam Saltsman. -*/ -var Phaser; -(function (Phaser) { - var GameMath = (function () { - function GameMath(game) { - //arbitrary 8 digit epsilon - this.cosTable = []; - this.sinTable = []; - this.game = game; - GameMath.sinA = []; - GameMath.cosA = []; - for(var i = 0; i < 360; i++) { - GameMath.sinA.push(Math.sin(this.degreesToRadians(i))); - GameMath.cosA.push(Math.cos(this.degreesToRadians(i))); - } - } - GameMath.PI = 3.141592653589793; - GameMath.PI_2 = 1.5707963267948965; - GameMath.PI_4 = 0.7853981633974483; - GameMath.PI_8 = 0.39269908169872413; - GameMath.PI_16 = 0.19634954084936206; - GameMath.TWO_PI = 6.283185307179586; - GameMath.THREE_PI_2 = 4.7123889803846895; - GameMath.E = 2.71828182845905; - GameMath.LN10 = 2.302585092994046; - GameMath.LN2 = 0.6931471805599453; - GameMath.LOG10E = 0.4342944819032518; - GameMath.LOG2E = 1.442695040888963387; - GameMath.SQRT1_2 = 0.7071067811865476; - GameMath.SQRT2 = 1.4142135623730951; - GameMath.DEG_TO_RAD = 0.017453292519943294444444444444444; - GameMath.RAD_TO_DEG = 57.295779513082325225835265587527; - GameMath.B_16 = 65536; - GameMath.B_31 = 2147483648; - GameMath.B_32 = 4294967296; - GameMath.B_48 = 281474976710656; - GameMath.B_53 = 9007199254740992; - GameMath.B_64 = 18446744073709551616; - GameMath.ONE_THIRD = 0.333333333333333333333333333333333; - GameMath.TWO_THIRDS = 0.666666666666666666666666666666666; - GameMath.ONE_SIXTH = 0.166666666666666666666666666666666; - GameMath.COS_PI_3 = 0.86602540378443864676372317075294; - GameMath.SIN_2PI_3 = 0.03654595; - GameMath.CIRCLE_ALPHA = 0.5522847498307933984022516322796; - GameMath.ON = true; - GameMath.OFF = false; - GameMath.SHORT_EPSILON = 0.1; - GameMath.PERC_EPSILON = 0.001; - GameMath.EPSILON = 0.0001; - GameMath.LONG_EPSILON = 0.00000001; - GameMath.prototype.fuzzyEqual = function (a, b, epsilon) { - if (typeof epsilon === "undefined") { epsilon = 0.0001; } - return Math.abs(a - b) < epsilon; - }; - GameMath.prototype.fuzzyLessThan = function (a, b, epsilon) { - if (typeof epsilon === "undefined") { epsilon = 0.0001; } - return a < b + epsilon; - }; - GameMath.prototype.fuzzyGreaterThan = function (a, b, epsilon) { - if (typeof epsilon === "undefined") { epsilon = 0.0001; } - return a > b - epsilon; - }; - GameMath.prototype.fuzzyCeil = function (val, epsilon) { - if (typeof epsilon === "undefined") { epsilon = 0.0001; } - return Math.ceil(val - epsilon); - }; - GameMath.prototype.fuzzyFloor = function (val, epsilon) { - if (typeof epsilon === "undefined") { epsilon = 0.0001; } - return Math.floor(val + epsilon); - }; - GameMath.prototype.average = function () { - var args = []; - for (var _i = 0; _i < (arguments.length - 0); _i++) { - args[_i] = arguments[_i + 0]; - } - var avg = 0; - for(var i = 0; i < args.length; i++) { - avg += args[i]; - } - return avg / args.length; - }; - GameMath.prototype.slam = function (value, target, epsilon) { - if (typeof epsilon === "undefined") { epsilon = 0.0001; } - return (Math.abs(value - target) < epsilon) ? target : value; - }; - GameMath.prototype.percentageMinMax = /** - * ratio of value to a range - */ - function (val, max, min) { - if (typeof min === "undefined") { min = 0; } - val -= min; - max -= min; - if(!max) { - return 0; - } else { - return val / max; - } - }; - GameMath.prototype.sign = /** - * a value representing the sign of the value. - * -1 for negative, +1 for positive, 0 if value is 0 - */ - function (n) { - if(n) { - return n / Math.abs(n); - } else { - return 0; - } - }; - GameMath.prototype.truncate = function (n) { - return (n > 0) ? Math.floor(n) : Math.ceil(n); - }; - GameMath.prototype.shear = function (n) { - return n % 1; - }; - GameMath.prototype.wrap = /** - * wrap a value around a range, similar to modulus with a floating minimum - */ - function (val, max, min) { - if (typeof min === "undefined") { min = 0; } - val -= min; - max -= min; - if(max == 0) { - return min; - } - val %= max; - val += min; - while(val < min) { - val += max; - } - return val; - }; - GameMath.prototype.arithWrap = /** - * arithmetic version of wrap... need to decide which is more efficient - */ - function (value, max, min) { - if (typeof min === "undefined") { min = 0; } - max -= min; - if(max == 0) { - return min; - } - return value - max * Math.floor((value - min) / max); - }; - GameMath.prototype.clamp = /** - * force a value within the boundaries of two values - * - * if max < min, min is returned - */ - function (input, max, min) { - if (typeof min === "undefined") { min = 0; } - return Math.max(min, Math.min(max, input)); - }; - GameMath.prototype.snapTo = /** - * Snap a value to nearest grid slice, using rounding. - * - * example if you have an interval gap of 5 and a position of 12... you will snap to 10. Where as 14 will snap to 15 - * - * @param input - the value to snap - * @param gap - the interval gap of the grid - * @param [start] - optional starting offset for gap - */ - function (input, gap, start) { - if (typeof start === "undefined") { start = 0; } - if(gap == 0) { - return input; - } - input -= start; - input = gap * Math.round(input / gap); - return start + input; - }; - GameMath.prototype.snapToFloor = /** - * Snap a value to nearest grid slice, using floor. - * - * example if you have an interval gap of 5 and a position of 12... you will snap to 10. As will 14 snap to 10... but 16 will snap to 15 - * - * @param input - the value to snap - * @param gap - the interval gap of the grid - * @param [start] - optional starting offset for gap - */ - function (input, gap, start) { - if (typeof start === "undefined") { start = 0; } - if(gap == 0) { - return input; - } - input -= start; - input = gap * Math.floor(input / gap); - return start + input; - }; - GameMath.prototype.snapToCeil = /** - * Snap a value to nearest grid slice, using ceil. - * - * example if you have an interval gap of 5 and a position of 12... you will snap to 15. As will 14 will snap to 15... but 16 will snap to 20 - * - * @param input - the value to snap - * @param gap - the interval gap of the grid - * @param [start] - optional starting offset for gap - */ - function (input, gap, start) { - if (typeof start === "undefined") { start = 0; } - if(gap == 0) { - return input; - } - input -= start; - input = gap * Math.ceil(input / gap); - return start + input; - }; - GameMath.prototype.snapToInArray = /** - * Snaps a value to the nearest value in an array. - */ - function (input, arr, sort) { - if (typeof sort === "undefined") { sort = true; } - if(sort) { - arr.sort(); - } - if(input < arr[0]) { - return arr[0]; - } - var i = 1; - while(arr[i] < input) { - i++; - } - var low = arr[i - 1]; - var high = (i < arr.length) ? arr[i] : Number.POSITIVE_INFINITY; - return ((high - input) <= (input - low)) ? high : low; - }; - GameMath.prototype.roundTo = /** - * roundTo some place comparative to a 'base', default is 10 for decimal place - * - * 'place' is represented by the power applied to 'base' to get that place - * - * @param value - the value to round - * @param place - the place to round to - * @param base - the base to round in... default is 10 for decimal - * - * e.g. - * - * 2000/7 ~= 285.714285714285714285714 ~= (bin)100011101.1011011011011011 - * - * roundTo(2000/7,3) == 0 - * roundTo(2000/7,2) == 300 - * roundTo(2000/7,1) == 290 - * roundTo(2000/7,0) == 286 - * roundTo(2000/7,-1) == 285.7 - * roundTo(2000/7,-2) == 285.71 - * roundTo(2000/7,-3) == 285.714 - * roundTo(2000/7,-4) == 285.7143 - * roundTo(2000/7,-5) == 285.71429 - * - * roundTo(2000/7,3,2) == 288 -- 100100000 - * roundTo(2000/7,2,2) == 284 -- 100011100 - * roundTo(2000/7,1,2) == 286 -- 100011110 - * roundTo(2000/7,0,2) == 286 -- 100011110 - * roundTo(2000/7,-1,2) == 285.5 -- 100011101.1 - * roundTo(2000/7,-2,2) == 285.75 -- 100011101.11 - * roundTo(2000/7,-3,2) == 285.75 -- 100011101.11 - * roundTo(2000/7,-4,2) == 285.6875 -- 100011101.1011 - * roundTo(2000/7,-5,2) == 285.71875 -- 100011101.10111 - * - * note what occurs when we round to the 3rd space (8ths place), 100100000, this is to be assumed - * because we are rounding 100011.1011011011011011 which rounds up. - */ - function (value, place, base) { - if (typeof place === "undefined") { place = 0; } - if (typeof base === "undefined") { base = 10; } - var p = Math.pow(base, -place); - return Math.round(value * p) / p; - }; - GameMath.prototype.floorTo = function (value, place, base) { - if (typeof place === "undefined") { place = 0; } - if (typeof base === "undefined") { base = 10; } - var p = Math.pow(base, -place); - return Math.floor(value * p) / p; - }; - GameMath.prototype.ceilTo = function (value, place, base) { - if (typeof place === "undefined") { place = 0; } - if (typeof base === "undefined") { base = 10; } - var p = Math.pow(base, -place); - return Math.ceil(value * p) / p; - }; - GameMath.prototype.interpolateFloat = /** - * a one dimensional linear interpolation of a value. - */ - function (a, b, weight) { - return (b - a) * weight + a; - }; - GameMath.prototype.radiansToDegrees = /** - * convert radians to degrees - */ - function (angle) { - return angle * GameMath.RAD_TO_DEG; - }; - GameMath.prototype.degreesToRadians = /** - * convert degrees to radians - */ - function (angle) { - return angle * GameMath.DEG_TO_RAD; - }; - GameMath.prototype.angleBetween = /** - * Find the angle of a segment from (x1, y1) -> (x2, y2 ) - */ - function (x1, y1, x2, y2) { - return Math.atan2(y2 - y1, x2 - x1); - }; - GameMath.prototype.normalizeAngle = /** - * set an angle within the bounds of -PI to PI - */ - function (angle, radians) { - if (typeof radians === "undefined") { radians = true; } - var rd = (radians) ? GameMath.PI : 180; - return this.wrap(angle, rd, -rd); - }; - GameMath.prototype.nearestAngleBetween = /** - * closest angle between two angles from a1 to a2 - * absolute value the return for exact angle - */ - function (a1, a2, radians) { - if (typeof radians === "undefined") { radians = true; } - var rd = (radians) ? GameMath.PI : 180; - a1 = this.normalizeAngle(a1, radians); - a2 = this.normalizeAngle(a2, radians); - if(a1 < -rd / 2 && a2 > rd / 2) { - a1 += rd * 2; - } - if(a2 < -rd / 2 && a1 > rd / 2) { - a2 += rd * 2; - } - return a2 - a1; - }; - GameMath.prototype.normalizeAngleToAnother = /** - * normalizes independent and then sets dep to the nearest value respective to independent - * - * for instance if dep=-170 and ind=170 then 190 will be returned as an alternative to -170 - */ - function (dep, ind, radians) { - if (typeof radians === "undefined") { radians = true; } - return ind + this.nearestAngleBetween(ind, dep, radians); - }; - GameMath.prototype.normalizeAngleAfterAnother = /** - * normalize independent and dependent and then set dependent to an angle relative to 'after/clockwise' independent - * - * for instance dep=-170 and ind=170, then 190 will be reutrned as alternative to -170 - */ - function (dep, ind, radians) { - if (typeof radians === "undefined") { radians = true; } - dep = this.normalizeAngle(dep - ind, radians); - return ind + dep; - }; - GameMath.prototype.normalizeAngleBeforeAnother = /** - * normalizes indendent and dependent and then sets dependent to an angle relative to 'before/counterclockwise' independent - * - * for instance dep = 190 and ind = 170, then -170 will be returned as an alternative to 190 - */ - function (dep, ind, radians) { - if (typeof radians === "undefined") { radians = true; } - dep = this.normalizeAngle(ind - dep, radians); - return ind - dep; - }; - GameMath.prototype.interpolateAngles = /** - * interpolate across the shortest arc between two angles - */ - function (a1, a2, weight, radians, ease) { - if (typeof radians === "undefined") { radians = true; } - if (typeof ease === "undefined") { ease = null; } - a1 = this.normalizeAngle(a1, radians); - a2 = this.normalizeAngleToAnother(a2, a1, radians); - return (typeof ease === 'function') ? ease(weight, a1, a2 - a1, 1) : this.interpolateFloat(a1, a2, weight); - }; - GameMath.prototype.logBaseOf = /** - * Compute the logarithm of any value of any base - * - * a logarithm is the exponent that some constant (base) would have to be raised to - * to be equal to value. - * - * i.e. - * 4 ^ x = 16 - * can be rewritten as to solve for x - * logB4(16) = x - * which with this function would be - * LoDMath.logBaseOf(16,4) - * - * which would return 2, because 4^2 = 16 - */ - function (value, base) { - return Math.log(value) / Math.log(base); - }; - GameMath.prototype.GCD = /** - * Greatest Common Denominator using Euclid's algorithm - */ - function (m, n) { - var r; - //make sure positive, GCD is always positive - m = Math.abs(m); - n = Math.abs(n); - //m must be >= n - if(m < n) { - r = m; - m = n; - n = r; - } - //now start loop - while(true) { - r = m % n; - if(!r) { - return n; - } - m = n; - n = r; - } - return 1; - }; - GameMath.prototype.LCM = /** - * Lowest Common Multiple - */ - function (m, n) { - return (m * n) / this.GCD(m, n); - }; - GameMath.prototype.factorial = /** - * Factorial - N! - * - * simple product series - * - * by definition: - * 0! == 1 - */ - function (value) { - if(value == 0) { - return 1; - } - var res = value; - while(--value) { - res *= value; - } - return res; - }; - GameMath.prototype.gammaFunction = /** - * gamma function - * - * defined: gamma(N) == (N - 1)! - */ - function (value) { - return this.factorial(value - 1); - }; - GameMath.prototype.fallingFactorial = /** - * falling factorial - * - * defined: (N)! / (N - x)! - * - * written subscript: (N)x OR (base)exp - */ - function (base, exp) { - return this.factorial(base) / this.factorial(base - exp); - }; - GameMath.prototype.risingFactorial = /** - * rising factorial - * - * defined: (N + x - 1)! / (N - 1)! - * - * written superscript N^(x) OR base^(exp) - */ - function (base, exp) { - //expanded from gammaFunction for speed - return this.factorial(base + exp - 1) / this.factorial(base - 1); - }; - GameMath.prototype.binCoef = /** - * binomial coefficient - * - * defined: N! / (k!(N-k)!) - * reduced: N! / (N-k)! == (N)k (fallingfactorial) - * reduced: (N)k / k! - */ - function (n, k) { - return this.fallingFactorial(n, k) / this.factorial(k); - }; - GameMath.prototype.risingBinCoef = /** - * rising binomial coefficient - * - * as one can notice in the analysis of binCoef(...) that - * binCoef is the (N)k divided by k!. Similarly rising binCoef - * is merely N^(k) / k! - */ - function (n, k) { - return this.risingFactorial(n, k) / this.factorial(k); - }; - GameMath.prototype.chanceRoll = /** - * Generate a random boolean result based on the chance value - *

- * Returns true or false based on the chance value (default 50%). For example if you wanted a player to have a 30% chance - * of getting a bonus, call chanceRoll(30) - true means the chance passed, false means it failed. - *

- * @param chance The chance of receiving the value. A number between 0 and 100 (effectively 0% to 100%) - * @return true if the roll passed, or false - */ - function (chance) { - if (typeof chance === "undefined") { chance = 50; } - if(chance <= 0) { - return false; - } else if(chance >= 100) { - return true; - } else { - if(Math.random() * 100 >= chance) { - return false; - } else { - return true; - } - } - }; - GameMath.prototype.maxAdd = /** - * Adds the given amount to the value, but never lets the value go over the specified maximum - * - * @param value The value to add the amount to - * @param amount The amount to add to the value - * @param max The maximum the value is allowed to be - * @return The new value - */ - function (value, amount, max) { - value += amount; - if(value > max) { - value = max; - } - return value; - }; - GameMath.prototype.minSub = /** - * Subtracts the given amount from the value, but never lets the value go below the specified minimum - * - * @param value The base value - * @param amount The amount to subtract from the base value - * @param min The minimum the value is allowed to be - * @return The new value - */ - function (value, amount, min) { - value -= amount; - if(value < min) { - value = min; - } - return value; - }; - GameMath.prototype.wrapValue = /** - * Adds value to amount and ensures that the result always stays between 0 and max, by wrapping the value around. - *

Values must be positive integers, and are passed through Math.abs

- * - * @param value The value to add the amount to - * @param amount The amount to add to the value - * @param max The maximum the value is allowed to be - * @return The wrapped value - */ - function (value, amount, max) { - var diff; - value = Math.abs(value); - amount = Math.abs(amount); - max = Math.abs(max); - diff = (value + amount) % max; - return diff; - }; - GameMath.prototype.randomSign = /** - * Randomly returns either a 1 or -1 - * - * @return 1 or -1 - */ - function () { - return (Math.random() > 0.5) ? 1 : -1; - }; - GameMath.prototype.isOdd = /** - * Returns true if the number given is odd. - * - * @param n The number to check - * - * @return True if the given number is odd. False if the given number is even. - */ - function (n) { - if(n & 1) { - return true; - } else { - return false; - } - }; - GameMath.prototype.isEven = /** - * Returns true if the number given is even. - * - * @param n The number to check - * - * @return True if the given number is even. False if the given number is odd. - */ - function (n) { - if(n & 1) { - return false; - } else { - return true; - } - }; - GameMath.prototype.wrapAngle = /** - * Keeps an angle value between -180 and +180
- * Should be called whenever the angle is updated on the Sprite to stop it from going insane. - * - * @param angle The angle value to check - * - * @return The new angle value, returns the same as the input angle if it was within bounds - */ - function (angle) { - var result = angle; - // Nothing needs to change - if(angle >= -180 && angle <= 180) { - return angle; - } - // Else normalise it to -180, 180 - result = (angle + 180) % 360; - if(result < 0) { - result += 360; - } - return result - 180; - }; - GameMath.prototype.angleLimit = /** - * Keeps an angle value between the given min and max values - * - * @param angle The angle value to check. Must be between -180 and +180 - * @param min The minimum angle that is allowed (must be -180 or greater) - * @param max The maximum angle that is allowed (must be 180 or less) - * - * @return The new angle value, returns the same as the input angle if it was within bounds - */ - function (angle, min, max) { - var result = angle; - if(angle > max) { - result = max; - } else if(angle < min) { - result = min; - } - return result; - }; - GameMath.prototype.linearInterpolation = /** - * @method linear - * @param {Any} v - * @param {Any} k - * @public - */ - function (v, k) { - var m = v.length - 1; - var f = m * k; - var i = Math.floor(f); - if(k < 0) { - return this.linear(v[0], v[1], f); - } - if(k > 1) { - return this.linear(v[m], v[m - 1], m - f); - } - return this.linear(v[i], v[i + 1 > m ? m : i + 1], f - i); - }; - GameMath.prototype.bezierInterpolation = /** - * @method Bezier - * @param {Any} v - * @param {Any} k - * @public - */ - function (v, k) { - var b = 0; - var n = v.length - 1; - for(var i = 0; i <= n; i++) { - b += Math.pow(1 - k, n - i) * Math.pow(k, i) * v[i] * this.bernstein(n, i); - } - return b; - }; - GameMath.prototype.catmullRomInterpolation = /** - * @method CatmullRom - * @param {Any} v - * @param {Any} k - * @public - */ - function (v, k) { - var m = v.length - 1; - var f = m * k; - var i = Math.floor(f); - if(v[0] === v[m]) { - if(k < 0) { - i = Math.floor(f = m * (1 + k)); - } - return this.catmullRom(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i); - } else { - if(k < 0) { - return v[0] - (this.catmullRom(v[0], v[0], v[1], v[1], -f) - v[0]); - } - if(k > 1) { - return v[m] - (this.catmullRom(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]); - } - return this.catmullRom(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i); - } - }; - GameMath.prototype.linear = /** - * @method Linear - * @param {Any} p0 - * @param {Any} p1 - * @param {Any} t - * @public - */ - function (p0, p1, t) { - return (p1 - p0) * t + p0; - }; - GameMath.prototype.bernstein = /** - * @method Bernstein - * @param {Any} n - * @param {Any} i - * @public - */ - function (n, i) { - return this.factorial(n) / this.factorial(i) / this.factorial(n - i); - }; - GameMath.prototype.catmullRom = /** - * @method CatmullRom - * @param {Any} p0 - * @param {Any} p1 - * @param {Any} p2 - * @param {Any} p3 - * @param {Any} t - * @public - */ - function (p0, p1, p2, p3, t) { - var v0 = (p2 - p0) * 0.5, v1 = (p3 - p1) * 0.5, t2 = t * t, t3 = t * t2; - return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1; - }; - GameMath.prototype.difference = function (a, b) { - return Math.abs(a - b); - }; - GameMath.prototype.getRandom = /** - * Fetch a random entry from the given array. - * Will return null if random selection is missing, or array has no entries. - * - * @param objects An array of objects. - * @param startIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. - * @param length Optional restriction on the number of values you want to randomly select from. - * - * @return The random object that was selected. - */ - function (objects, startIndex, length) { - if (typeof startIndex === "undefined") { startIndex = 0; } - if (typeof length === "undefined") { length = 0; } - if(objects != null) { - var l = length; - if((l == 0) || (l > objects.length - startIndex)) { - l = objects.length - startIndex; - } - if(l > 0) { - return objects[startIndex + Math.floor(Math.random() * l)]; - } - } - return null; - }; - GameMath.prototype.floor = /** - * Round down to the next whole number. E.g. floor(1.7) == 1, and floor(-2.7) == -2. - * - * @param Value Any number. - * - * @return The rounded value of that number. - */ - function (value) { - var n = value | 0; - return (value > 0) ? (n) : ((n != value) ? (n - 1) : (n)); - }; - GameMath.prototype.ceil = /** - * Round up to the next whole number. E.g. ceil(1.3) == 2, and ceil(-2.3) == -3. - * - * @param Value Any number. - * - * @return The rounded value of that number. - */ - function (value) { - var n = value | 0; - return (value > 0) ? ((n != value) ? (n + 1) : (n)) : (n); - }; - GameMath.prototype.sinCosGenerator = /** - * Generate a sine and cosine table simultaneously and extremely quickly. Based on research by Franky of scene.at - *

- * The parameters allow you to specify the length, amplitude and frequency of the wave. Once you have called this function - * you should get the results via getSinTable() and getCosTable(). This generator is fast enough to be used in real-time. - *

- * @param length The length of the wave - * @param sinAmplitude The amplitude to apply to the sine table (default 1.0) if you need values between say -+ 125 then give 125 as the value - * @param cosAmplitude The amplitude to apply to the cosine table (default 1.0) if you need values between say -+ 125 then give 125 as the value - * @param frequency The frequency of the sine and cosine table data - * @return Returns the sine table - * @see getSinTable - * @see getCosTable - */ - function (length, sinAmplitude, cosAmplitude, frequency) { - if (typeof sinAmplitude === "undefined") { sinAmplitude = 1.0; } - if (typeof cosAmplitude === "undefined") { cosAmplitude = 1.0; } - if (typeof frequency === "undefined") { frequency = 1.0; } - var sin = sinAmplitude; - var cos = cosAmplitude; - var frq = frequency * Math.PI / length; - this.cosTable = []; - this.sinTable = []; - for(var c = 0; c < length; c++) { - cos -= sin * frq; - sin += cos * frq; - this.cosTable[c] = cos; - this.sinTable[c] = sin; - } - return this.sinTable; - }; - GameMath.prototype.shiftSinTable = /** - * Shifts through the sin table data by one value and returns it. - * This effectively moves the position of the data from the start to the end of the table. - * @return The sin value. - */ - function () { - if(this.sinTable) { - var s = this.sinTable.shift(); - this.sinTable.push(s); - return s; - } - }; - GameMath.prototype.shiftCosTable = /** - * Shifts through the cos table data by one value and returns it. - * This effectively moves the position of the data from the start to the end of the table. - * @return The cos value. - */ - function () { - if(this.cosTable) { - var s = this.cosTable.shift(); - this.cosTable.push(s); - return s; - } - }; - GameMath.prototype.shuffleArray = /** - * Shuffles the data in the given array into a new order - * @param array The array to shuffle - * @return The array - */ - function (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; - }; - GameMath.prototype.distanceBetween = /** - * Returns the distance from this Point object to the given Point object. - * @method distanceFrom - * @param {Point} target - The destination Point object. - * @param {Boolean} round - Round the distance to the nearest integer (default false) - * @return {Number} The distance between this Point object and the destination Point object. - **/ - function (x1, y1, x2, y2) { - var dx = x1 - x2; - var dy = y1 - y2; - return Math.sqrt(dx * dx + dy * dy); - }; - GameMath.prototype.vectorLength = /** - * Finds the length of the given vector - * - * @param dx - * @param dy - * - * @return - */ - function (dx, dy) { - return Math.sqrt(dx * dx + dy * dy); - }; - return GameMath; - })(); - Phaser.GameMath = GameMath; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - RandomDataGenerator -* -* An extremely useful repeatable random data generator. Access it via Game.rnd -* Based on Nonsense by Josh Faul https://github.com/jocafa/Nonsense -* Random number generator from http://baagoe.org/en/wiki/Better_random_numbers_for_javascript -*/ -var Phaser; -(function (Phaser) { - var RandomDataGenerator = (function () { - /** - * @constructor - * @param {Array} seeds - * @return {Phaser.RandomDataGenerator} - */ - function RandomDataGenerator(seeds) { - if (typeof seeds === "undefined") { seeds = []; } - /** - * @property c - * @type Number - * @private - */ - this.c = 1; - this.sow(seeds); - } - RandomDataGenerator.prototype.uint32 = /** - * @method uint32 - * @private - */ - function () { - return this.rnd.apply(this) * 0x100000000;// 2^32 - - }; - RandomDataGenerator.prototype.fract32 = /** - * @method fract32 - * @private - */ - function () { - return this.rnd.apply(this) + (this.rnd.apply(this) * 0x200000 | 0) * 1.1102230246251565e-16;// 2^-53 - - }; - RandomDataGenerator.prototype.rnd = // private random helper - /** - * @method rnd - * @private - */ - function () { - var t = 2091639 * this.s0 + this.c * 2.3283064365386963e-10;// 2^-32 - - this.c = t | 0; - this.s0 = this.s1; - this.s1 = this.s2; - this.s2 = t - this.c; - return this.s2; - }; - RandomDataGenerator.prototype.hash = /** - * @method hash - * @param {Any} data - * @private - */ - function (data) { - var h, i, n; - n = 0xefc8249d; - data = data.toString(); - for(i = 0; i < data.length; i++) { - n += data.charCodeAt(i); - h = 0.02519603282416938 * n; - n = h >>> 0; - h -= n; - h *= n; - n = h >>> 0; - h -= n; - n += h * 0x100000000// 2^32 - ; - } - return (n >>> 0) * 2.3283064365386963e-10;// 2^-32 - - }; - RandomDataGenerator.prototype.sow = /** - * Reset the seed of the random data generator - * @method sow - * @param {Array} seeds - */ - function (seeds) { - if (typeof seeds === "undefined") { seeds = []; } - this.s0 = this.hash(' '); - this.s1 = this.hash(this.s0); - this.s2 = this.hash(this.s1); - var seed; - for(var i = 0; seed = seeds[i++]; ) { - this.s0 -= this.hash(seed); - this.s0 += ~~(this.s0 < 0); - this.s1 -= this.hash(seed); - this.s1 += ~~(this.s1 < 0); - this.s2 -= this.hash(seed); - this.s2 += ~~(this.s2 < 0); - } - }; - Object.defineProperty(RandomDataGenerator.prototype, "integer", { - get: /** - * Returns a random integer between 0 and 2^32 - * @method integer - * @return {Number} - */ - function () { - return this.uint32(); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(RandomDataGenerator.prototype, "frac", { - get: /** - * Returns a random real number between 0 and 1 - * @method frac - * @return {Number} - */ - function () { - return this.fract32(); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(RandomDataGenerator.prototype, "real", { - get: /** - * Returns a random real number between 0 and 2^32 - * @method real - * @return {Number} - */ - function () { - return this.uint32() + this.fract32(); - }, - enumerable: true, - configurable: true - }); - RandomDataGenerator.prototype.integerInRange = /** - * Returns a random integer between min and max - * @method integerInRange - * @param {Number} min - * @param {Number} max - * @return {Number} - */ - function (min, max) { - return Math.floor(this.realInRange(min, max)); - }; - RandomDataGenerator.prototype.realInRange = /** - * Returns a random real number between min and max - * @method realInRange - * @param {Number} min - * @param {Number} max - * @return {Number} - */ - function (min, max) { - min = min || 0; - max = max || 0; - return this.frac * (max - min) + min; - }; - Object.defineProperty(RandomDataGenerator.prototype, "normal", { - get: /** - * Returns a random real number between -1 and 1 - * @method normal - * @return {Number} - */ - function () { - return 1 - 2 * this.frac; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(RandomDataGenerator.prototype, "uuid", { - get: /** - * Returns a valid v4 UUID hex string (from https://gist.github.com/1308368) - * @method uuid - * @return {String} - */ - function () { - var a, b; - for(b = a = ''; a++ < 36; b += ~a % 5 | a * 3 & 4 ? (a ^ 15 ? 8 ^ this.frac * (a ^ 20 ? 16 : 4) : 4).toString(16) : '-') { - ; - } - return b; - }, - enumerable: true, - configurable: true - }); - RandomDataGenerator.prototype.pick = /** - * Returns a random member of `array` - * @method pick - * @param {Any} array - */ - function (array) { - return array[this.integerInRange(0, array.length)]; - }; - RandomDataGenerator.prototype.weightedPick = /** - * Returns a random member of `array`, favoring the earlier entries - * @method weightedPick - * @param {Any} array - */ - function (array) { - return array[~~(Math.pow(this.frac, 2) * array.length)]; - }; - RandomDataGenerator.prototype.timestamp = /** - * Returns a random timestamp between min and max, or between the beginning of 2000 and the end of 2020 if min and max aren't specified - * @method timestamp - * @param {Number} min - * @param {Number} max - */ - function (min, max) { - if (typeof min === "undefined") { min = 946684800000; } - if (typeof max === "undefined") { max = 1577862000000; } - return this.realInRange(min, max); - }; - Object.defineProperty(RandomDataGenerator.prototype, "angle", { - get: /** - * Returns a random angle between -180 and 180 - * @method angle - */ - function () { - return this.integerInRange(-180, 180); - }, - enumerable: true, - configurable: true - }); - return RandomDataGenerator; - })(); - Phaser.RandomDataGenerator = RandomDataGenerator; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Plugin -*/ -var Phaser; -(function (Phaser) { - var Plugin = (function () { - function Plugin(game, parent) { - this.game = game; - this.parent = parent; - this.active = false; - this.visible = false; - this.hasPreUpdate = false; - this.hasUpdate = false; - this.hasPostUpdate = false; - this.hasPreRender = false; - this.hasRender = false; - this.hasPostRender = false; - } - Plugin.prototype.preUpdate = /** - * Pre-update is called at the start of the update cycle, before any other updates have taken place. - * It is only called if active is set to true. - */ - function () { - }; - Plugin.prototype.update = /** - * Pre-update is called at the start of the update cycle, before any other updates have taken place. - * It is only called if active is set to true. - */ - function () { - }; - Plugin.prototype.postUpdate = /** - * Post-update is called at the end of the objects update cycle, after other update logic has taken place. - * It is only called if active is set to true. - */ - function () { - }; - Plugin.prototype.preRender = /** - * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. - * It is only called if visible is set to true. - */ - function () { - }; - Plugin.prototype.render = /** - * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. - * It is only called if visible is set to true. - */ - function () { - }; - Plugin.prototype.postRender = /** - * Post-render is called after every camera and game object has been rendered, also after any custom postRender callbacks have been run. - * It is only called if visible is set to true. - */ - function () { - }; - Plugin.prototype.destroy = /** - * Clear down this Plugin and null out references - */ - function () { - this.game = null; - this.parent = null; - this.active = false; - this.visible = false; - }; - return Plugin; - })(); - Phaser.Plugin = Plugin; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - PluginManager -*/ -var Phaser; -(function (Phaser) { - var PluginManager = (function () { - function PluginManager(game, parent) { - this.game = game; - this._parent = parent; - this.plugins = []; - } - PluginManager.prototype.add = /** - * Add a new Plugin to the PluginManager. - * The plugins game and parent reference are set to this game and pluginmanager parent. - * @type {Phaser.Plugin} - */ - function (plugin) { - var result = false; - // Prototype? - if(typeof plugin === 'function') { - plugin = new plugin(this.game, this._parent); - } else { - plugin.game = this.game; - plugin.parent = this._parent; - } - // Check for methods now to avoid having to do this every loop - if(typeof plugin['preUpdate'] === 'function') { - plugin.hasPreUpdate = true; - result = true; - } - if(typeof plugin['update'] === 'function') { - plugin.hasUpdate = true; - result = true; - } - if(typeof plugin['postUpdate'] === 'function') { - plugin.hasPostUpdate = true; - result = true; - } - if(typeof plugin['preRender'] === 'function') { - plugin.hasPreRender = true; - result = true; - } - if(typeof plugin['render'] === 'function') { - plugin.hasRender = true; - result = true; - } - if(typeof plugin['postRender'] === 'function') { - plugin.hasPostRender = true; - result = true; - } - // The plugin must have at least one of the above functions to be added to the PluginManager. - if(result == true) { - if(plugin.hasPreUpdate || plugin.hasUpdate || plugin.hasPostUpdate) { - plugin.active = true; - } - if(plugin.hasPreRender || plugin.hasRender || plugin.hasPostRender) { - plugin.visible = true; - } - this._pluginsLength = this.plugins.push(plugin); - return plugin; - } else { - return null; - } - }; - PluginManager.prototype.remove = function (plugin) { - // TODO :) - this._pluginsLength--; - }; - PluginManager.prototype.preUpdate = function () { - for(this._p = 0; this._p < this._pluginsLength; this._p++) { - if(this.plugins[this._p].active && this.plugins[this._p].hasPreUpdate) { - this.plugins[this._p].preUpdate(); - } - } - }; - PluginManager.prototype.update = function () { - for(this._p = 0; this._p < this._pluginsLength; this._p++) { - if(this.plugins[this._p].active && this.plugins[this._p].hasUpdate) { - this.plugins[this._p].update(); - } - } - }; - PluginManager.prototype.postUpdate = function () { - for(this._p = 0; this._p < this._pluginsLength; this._p++) { - if(this.plugins[this._p].active && this.plugins[this._p].hasPostUpdate) { - this.plugins[this._p].postUpdate(); - } - } - }; - PluginManager.prototype.preRender = function () { - for(this._p = 0; this._p < this._pluginsLength; this._p++) { - if(this.plugins[this._p].visible && this.plugins[this._p].hasPreRender) { - this.plugins[this._p].preRender(); - } - } - }; - PluginManager.prototype.render = function () { - for(this._p = 0; this._p < this._pluginsLength; this._p++) { - if(this.plugins[this._p].visible && this.plugins[this._p].hasRender) { - this.plugins[this._p].render(); - } - } - }; - PluginManager.prototype.postRender = function () { - for(this._p = 0; this._p < this._pluginsLength; this._p++) { - if(this.plugins[this._p].visible && this.plugins[this._p].hasPostRender) { - this.plugins[this._p].postRender(); - } - } - }; - PluginManager.prototype.destroy = function () { - this.plugins.length = 0; - this._pluginsLength = 0; - this.game = null; - this._parent = null; - }; - return PluginManager; - })(); - Phaser.PluginManager = PluginManager; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/// -/** -* Phaser - Camera -* -* A Camera is your view into the game world. It has a position, size, scale and rotation and renders only those objects -* within its field of view. The game automatically creates a single Stage sized camera on boot, but it can be changed and -* additional cameras created via the CameraManager. -*/ -var Phaser; -(function (Phaser) { - var Camera = (function () { - /** - * Instantiates a new camera at the specified location, with the specified size and zoom level. - * - * @param game {Phaser.Game} Current game instance. - * @param id {number} Unique identity. - * @param x {number} X location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. - * @param y {number} Y location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. - * @param width {number} The width of the camera display in pixels. - * @param height {number} The height of the camera display in pixels. - */ - function Camera(game, id, x, y, width, height) { - this._target = null; - /** - * Camera worldBounds. - * @type {Rectangle} - */ - this.worldBounds = null; - /** - * A boolean representing if the Camera has been modified in any way via a scale, rotate, flip or skew. - */ - this.modified = false; - /** - * Sprite moving inside this Rectangle will not cause camera moving. - * @type {Rectangle} - */ - this.deadzone = null; - /** - * Whether this camera is visible or not. (default is true) - * @type {boolean} - */ - this.visible = true; - /** - * The z value of this Camera. Cameras are rendered in z-index order by the Renderer. - */ - this.z = -1; - this.game = game; - this.ID = id; - this.z = id; - width = this.game.math.clamp(width, this.game.stage.width, 1); - height = this.game.math.clamp(height, this.game.stage.height, 1); - // The view into the world we wish to render (by default the full game world size) - // The size of this Rect is the same as screenView, but the values are all in world coordinates instead of screen coordinates - this.worldView = new Phaser.Rectangle(0, 0, width, height); - // The rect of the area being rendered in stage/screen coordinates - this.screenView = new Phaser.Rectangle(x, y, width, height); - this.plugins = new Phaser.PluginManager(this.game, this); - this.transform = new Phaser.Components.TransformManager(this); - this.texture = new Phaser.Display.Texture(this); - // We create a hidden canvas for our camera the size of the game (we use the screenView to clip the render to the camera size) - this.texture.canvas = document.createElement('canvas'); - this.texture.canvas.width = width; - this.texture.canvas.height = height; - this.texture.context = this.texture.canvas.getContext('2d'); - // Handy proxies - this.scale = this.transform.scale; - this.alpha = this.texture.alpha; - this.origin = this.transform.origin; - this.crop = this.texture.crop; - } - Object.defineProperty(Camera.prototype, "alpha", { - get: /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - function () { - return this.texture.alpha; - }, - set: /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - function (value) { - this.texture.alpha = value; - }, - enumerable: true, - configurable: true - }); - Camera.prototype.hide = /** - * Hides an object from this Camera. Hidden objects are not rendered. - * The object must implement a public cameraBlacklist property. - * - * @param object {Sprite/Group} The object this camera should ignore. - */ - function (object) { - object.texture.hideFromCamera(this); - }; - Camera.prototype.isHidden = /** - * Returns true if the object is hidden from this Camera. - * - * @param object {Sprite/Group} The object to check. - */ - function (object) { - return object.texture.isHidden(this); - }; - Camera.prototype.show = /** - * Un-hides an object previously hidden to this Camera. - * The object must implement a public cameraBlacklist property. - * - * @param object {Sprite/Group} The object this camera should display. - */ - function (object) { - object.texture.showToCamera(this); - }; - Camera.prototype.follow = /** - * Tells this camera object what sprite to track. - * @param target {Sprite} The object you want the camera to track. Set to null to not follow anything. - * @param [style] {number} Leverage one of the existing "deadzone" presets. If you use a custom deadzone, ignore this parameter and manually specify the deadzone after calling follow(). - */ - function (target, style) { - if (typeof style === "undefined") { style = Phaser.Types.CAMERA_FOLLOW_LOCKON; } - this._target = target; - var helper; - switch(style) { - case Phaser.Types.CAMERA_FOLLOW_PLATFORMER: - var w = this.width / 8; - var h = this.height / 3; - this.deadzone = new Phaser.Rectangle((this.width - w) / 2, (this.height - h) / 2 - h * 0.25, w, h); - break; - case Phaser.Types.CAMERA_FOLLOW_TOPDOWN: - helper = Math.max(this.width, this.height) / 4; - this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper); - break; - case Phaser.Types.CAMERA_FOLLOW_TOPDOWN_TIGHT: - helper = Math.max(this.width, this.height) / 8; - this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper); - break; - case Phaser.Types.CAMERA_FOLLOW_LOCKON: - default: - this.deadzone = null; - break; - } - }; - Camera.prototype.focusOnXY = /** - * Move the camera focus to this location instantly. - * @param x {number} X position. - * @param y {number} Y position. - */ - function (x, y) { - x += (x > 0) ? 0.0000001 : -0.0000001; - y += (y > 0) ? 0.0000001 : -0.0000001; - this.worldView.x = Math.round(x - this.worldView.halfWidth); - this.worldView.y = Math.round(y - this.worldView.halfHeight); - }; - Camera.prototype.focusOn = /** - * Move the camera focus to this location instantly. - * @param point {any} Point you want to focus. - */ - function (point) { - point.x += (point.x > 0) ? 0.0000001 : -0.0000001; - point.y += (point.y > 0) ? 0.0000001 : -0.0000001; - this.worldView.x = Math.round(point.x - this.worldView.halfWidth); - this.worldView.y = Math.round(point.y - this.worldView.halfHeight); - }; - Camera.prototype.setBounds = /** - * Specify the boundaries of the world or where the camera is allowed to move. - * - * @param x {number} The smallest X value of your world (usually 0). - * @param y {number} The smallest Y value of your world (usually 0). - * @param width {number} The largest X value of your world (usually the world width). - * @param height {number} The largest Y value of your world (usually the world height). - */ - function (x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = 0; } - if (typeof height === "undefined") { height = 0; } - if(this.worldBounds == null) { - this.worldBounds = new Phaser.Rectangle(); - } - this.worldBounds.setTo(x, y, width, height); - this.worldView.x = x; - this.worldView.y = y; - this.update(); - }; - Camera.prototype.update = /** - * Update focusing and scrolling. - */ - function () { - if(this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { - this.modified = true; - } - this.plugins.preUpdate(); - if(this._target !== null) { - if(this.deadzone == null) { - this.focusOnXY(this._target.x, this._target.y); - } else { - var edge; - var targetX = this._target.x + ((this._target.x > 0) ? 0.0000001 : -0.0000001); - var targetY = this._target.y + ((this._target.y > 0) ? 0.0000001 : -0.0000001); - edge = targetX - this.deadzone.x; - if(this.worldView.x > edge) { - this.worldView.x = edge; - } - edge = targetX + this._target.width - this.deadzone.x - this.deadzone.width; - if(this.worldView.x < edge) { - this.worldView.x = edge; - } - edge = targetY - this.deadzone.y; - if(this.worldView.y > edge) { - this.worldView.y = edge; - } - edge = targetY + this._target.height - this.deadzone.y - this.deadzone.height; - if(this.worldView.y < edge) { - this.worldView.y = edge; - } - } - } - // Make sure we didn't go outside the cameras worldBounds - if(this.worldBounds !== null) { - if(this.worldView.x < this.worldBounds.left) { - this.worldView.x = this.worldBounds.left; - } - if(this.worldView.x > this.worldBounds.right - this.width) { - this.worldView.x = (this.worldBounds.right - this.width) + 1; - } - if(this.worldView.y < this.worldBounds.top) { - this.worldView.y = this.worldBounds.top; - } - if(this.worldView.y > this.worldBounds.bottom - this.height) { - this.worldView.y = (this.worldBounds.bottom - this.height) + 1; - } - } - this.worldView.floor(); - this.plugins.update(); - }; - Camera.prototype.postUpdate = /** - * Update focusing and scrolling. - */ - function () { - if(this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { - this.modified = false; - } - // Make sure we didn't go outside the cameras worldBounds - if(this.worldBounds !== null) { - if(this.worldView.x < this.worldBounds.left) { - this.worldView.x = this.worldBounds.left; - } - if(this.worldView.x > this.worldBounds.right - this.width) { - this.worldView.x = this.worldBounds.right - this.width; - } - if(this.worldView.y < this.worldBounds.top) { - this.worldView.y = this.worldBounds.top; - } - if(this.worldView.y > this.worldBounds.bottom - this.height) { - this.worldView.y = this.worldBounds.bottom - this.height; - } - } - this.worldView.floor(); - this.plugins.postUpdate(); - }; - Camera.prototype.destroy = /** - * Destroys this camera, associated FX and removes itself from the CameraManager. - */ - function () { - this.game.world.cameras.removeCamera(this.ID); - this.plugins.destroy(); - }; - Object.defineProperty(Camera.prototype, "x", { - get: function () { - return this.worldView.x; - }, - set: function (value) { - this.worldView.x = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Camera.prototype, "y", { - get: function () { - return this.worldView.y; - }, - set: function (value) { - this.worldView.y = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Camera.prototype, "width", { - get: function () { - return this.screenView.width; - }, - set: function (value) { - this.screenView.width = value; - this.worldView.width = value; - if(value !== this.texture.canvas.width) { - this.texture.canvas.width = value; - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Camera.prototype, "height", { - get: function () { - return this.screenView.height; - }, - set: function (value) { - this.screenView.height = value; - this.worldView.height = value; - if(value !== this.texture.canvas.height) { - this.texture.canvas.height = value; - } - }, - enumerable: true, - configurable: true - }); - Camera.prototype.setPosition = function (x, y) { - this.screenView.x = x; - this.screenView.y = y; - }; - Camera.prototype.setSize = function (width, height) { - this.screenView.width = width * this.transform.scale.x; - this.screenView.height = height * this.transform.scale.y; - this.worldView.width = width; - this.worldView.height = height; - if(width !== this.texture.canvas.width) { - this.texture.canvas.width = width; - } - if(height !== this.texture.canvas.height) { - this.texture.canvas.height = height; - } - }; - Object.defineProperty(Camera.prototype, "rotation", { - get: /** - * The angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - */ - function () { - return this.transform.rotation; - }, - set: /** - * Set the angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - * The value is automatically wrapped to be between 0 and 360. - */ - function (value) { - this.transform.rotation = this.game.math.wrap(value, 360, 0); - }, - enumerable: true, - configurable: true - }); - return Camera; - })(); - Phaser.Camera = Camera; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - CameraManager -* -* Your game only has one CameraManager instance and it's responsible for looking after, creating and destroying -* all of the cameras in the world. -*/ -var Phaser; -(function (Phaser) { - var CameraManager = (function () { - /** - * CameraManager constructor - * This will create a new Camera with position and size. - * - * @param x {number} X Position of the created camera. - * @param y {number} y Position of the created camera. - * @param width {number} Width of the created camera. - * @param height {number} Height of the created camera. - */ - function CameraManager(game, x, y, width, height) { - /** - * Helper for sort. - */ - this._sortIndex = ''; - this.game = game; - this._cameras = []; - this._cameraLength = 0; - this.defaultCamera = this.addCamera(x, y, width, height); - this.current = this.defaultCamera; - } - CameraManager.prototype.getAll = /** - * Get all the cameras. - * - * @returns {Camera[]} An array contains all the cameras. - */ - function () { - return this._cameras; - }; - CameraManager.prototype.update = /** - * Update cameras. - */ - function () { - for(var i = 0; i < this._cameras.length; i++) { - this._cameras[i].update(); - } - }; - CameraManager.prototype.postUpdate = /** - * postUpdate cameras. - */ - function () { - for(var i = 0; i < this._cameras.length; i++) { - this._cameras[i].postUpdate(); - } - }; - CameraManager.prototype.addCamera = /** - * Create a new camera with specific position and size. - * - * @param x {number} X position of the new camera. - * @param y {number} Y position of the new camera. - * @param width {number} Width of the new camera. - * @param height {number} Height of the new camera. - * @returns {Camera} The newly created camera object. - */ - function (x, y, width, height) { - var newCam = new Phaser.Camera(this.game, this._cameraLength, x, y, width, height); - this._cameraLength = this._cameras.push(newCam); - return newCam; - }; - CameraManager.prototype.removeCamera = /** - * Remove a new camera with its id. - * - * @param id {number} ID of the camera you want to remove. - * @returns {boolean} True if successfully removed the camera, otherwise return false. - */ - function (id) { - for(var c = 0; c < this._cameras.length; c++) { - if(this._cameras[c].ID == id) { - if(this.current.ID === this._cameras[c].ID) { - this.current = null; - } - this._cameras.splice(c, 1); - return true; - } - } - return false; - }; - CameraManager.prototype.swap = function (camera1, camera2, sort) { - if (typeof sort === "undefined") { sort = true; } - if(camera1.ID == camera2.ID) { - return false; - } - var tempZ = camera1.z; - camera1.z = camera2.z; - camera2.z = tempZ; - if(sort) { - this.sort(); - } - return true; - }; - CameraManager.prototype.getCameraUnderPoint = function (x, y) { - // Work through the cameras in reverse as they are rendered in array order - // Return the first camera we find matching the criteria - for(var c = this._cameraLength - 1; c >= 0; c--) { - if(this._cameras[c].visible && Phaser.RectangleUtils.contains(this._cameras[c].screenView, x, y)) { - return this._cameras[c]; - } - } - return null; - }; - CameraManager.prototype.sort = /** - * Call this function to sort the Cameras according to a particular value and order (default is their Z value). - * The order in which they are sorted determines the render order. If sorted on z then Cameras with a lower z-index value render first. - * - * @param {string} index The string name of the Camera variable you want to sort on. Default value is "z". - * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. - */ - function (index, order) { - if (typeof index === "undefined") { index = 'z'; } - if (typeof order === "undefined") { order = Phaser.Group.ASCENDING; } - var _this = this; - this._sortIndex = index; - this._sortOrder = order; - this._cameras.sort(function (a, b) { - return _this.sortHandler(a, b); - }); - }; - CameraManager.prototype.sortHandler = /** - * Helper function for the sort process. - * - * @param {Basic} Obj1 The first object being sorted. - * @param {Basic} Obj2 The second object being sorted. - * - * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). - */ - function (obj1, obj2) { - if(obj1[this._sortIndex] < obj2[this._sortIndex]) { - return this._sortOrder; - } else if(obj1[this._sortIndex] > obj2[this._sortIndex]) { - return -this._sortOrder; - } - return 0; - }; - CameraManager.prototype.destroy = /** - * Clean up memory. - */ - function () { - this._cameras.length = 0; - this.current = this.addCamera(0, 0, this.game.stage.width, this.game.stage.height); - }; - return CameraManager; - })(); - Phaser.CameraManager = CameraManager; -})(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// + /// /** * Phaser - Easing - Back * @@ -10097,31 +6304,33 @@ var Phaser; */ (function (Easing) { var Back = (function () { - function Back() { } - Back.In = function In(k) { + function Back() { + } + Back.In = function (k) { var s = 1.70158; return k * k * ((s + 1) * k - s); }; - Back.Out = function Out(k) { + + Back.Out = function (k) { var s = 1.70158; return --k * k * ((s + 1) * k + s) + 1; }; - Back.InOut = function InOut(k) { + + Back.InOut = function (k) { var s = 1.70158 * 1.525; - if((k *= 2) < 1) { + if ((k *= 2) < 1) return 0.5 * (k * k * ((s + 1) * k - s)); - } return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2); }; return Back; })(); - Easing.Back = Back; + Easing.Back = Back; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Bounce * @@ -10129,36 +6338,38 @@ var Phaser; */ (function (Easing) { var Bounce = (function () { - function Bounce() { } - Bounce.In = function In(k) { + function Bounce() { + } + Bounce.In = function (k) { return 1 - Phaser.Easing.Bounce.Out(1 - k); }; - Bounce.Out = function Out(k) { - if(k < (1 / 2.75)) { + + Bounce.Out = function (k) { + if (k < (1 / 2.75)) { return 7.5625 * k * k; - } else if(k < (2 / 2.75)) { + } else if (k < (2 / 2.75)) { return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75; - } else if(k < (2.5 / 2.75)) { + } else if (k < (2.5 / 2.75)) { return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375; } else { return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375; } }; - Bounce.InOut = function InOut(k) { - if(k < 0.5) { + + Bounce.InOut = function (k) { + if (k < 0.5) return Phaser.Easing.Bounce.In(k * 2) * 0.5; - } return Phaser.Easing.Bounce.Out(k * 2 - 1) * 0.5 + 0.5; }; return Bounce; })(); - Easing.Bounce = Bounce; + Easing.Bounce = Bounce; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Circular * @@ -10166,28 +6377,30 @@ var Phaser; */ (function (Easing) { var Circular = (function () { - function Circular() { } - Circular.In = function In(k) { + function Circular() { + } + Circular.In = function (k) { return 1 - Math.sqrt(1 - k * k); }; - Circular.Out = function Out(k) { + + Circular.Out = function (k) { return Math.sqrt(1 - (--k * k)); }; - Circular.InOut = function InOut(k) { - if((k *= 2) < 1) { + + Circular.InOut = function (k) { + if ((k *= 2) < 1) return -0.5 * (Math.sqrt(1 - k * k) - 1); - } return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1); }; return Circular; })(); - Easing.Circular = Circular; + Easing.Circular = Circular; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Cubic * @@ -10195,28 +6408,30 @@ var Phaser; */ (function (Easing) { var Cubic = (function () { - function Cubic() { } - Cubic.In = function In(k) { + function Cubic() { + } + Cubic.In = function (k) { return k * k * k; }; - Cubic.Out = function Out(k) { + + Cubic.Out = function (k) { return --k * k * k + 1; }; - Cubic.InOut = function InOut(k) { - if((k *= 2) < 1) { + + Cubic.InOut = function (k) { + if ((k *= 2) < 1) return 0.5 * k * k * k; - } return 0.5 * ((k -= 2) * k * k + 2); }; return Cubic; })(); - Easing.Cubic = Cubic; + Easing.Cubic = Cubic; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Elastic * @@ -10224,67 +6439,60 @@ var Phaser; */ (function (Easing) { var Elastic = (function () { - function Elastic() { } - Elastic.In = function In(k) { + function Elastic() { + } + Elastic.In = function (k) { var s, a = 0.1, p = 0.4; - if(k === 0) { + if (k === 0) return 0; - } - if(k === 1) { + if (k === 1) return 1; - } - if(!a || a < 1) { + if (!a || a < 1) { a = 1; s = p / 4; - } else { + } else s = p * Math.asin(1 / a) / (2 * Math.PI); - } return -(a * Math.pow(2, 10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p)); }; - Elastic.Out = function Out(k) { + + Elastic.Out = function (k) { var s, a = 0.1, p = 0.4; - if(k === 0) { + if (k === 0) return 0; - } - if(k === 1) { + if (k === 1) return 1; - } - if(!a || a < 1) { + if (!a || a < 1) { a = 1; s = p / 4; - } else { + } else s = p * Math.asin(1 / a) / (2 * Math.PI); - } return (a * Math.pow(2, -10 * k) * Math.sin((k - s) * (2 * Math.PI) / p) + 1); }; - Elastic.InOut = function InOut(k) { + + Elastic.InOut = function (k) { var s, a = 0.1, p = 0.4; - if(k === 0) { + if (k === 0) return 0; - } - if(k === 1) { + if (k === 1) return 1; - } - if(!a || a < 1) { + if (!a || a < 1) { a = 1; s = p / 4; - } else { + } else s = p * Math.asin(1 / a) / (2 * Math.PI); - } - if((k *= 2) < 1) { + if ((k *= 2) < 1) return -0.5 * (a * Math.pow(2, 10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p)); - } return a * Math.pow(2, -10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p) * 0.5 + 1; }; return Elastic; })(); - Easing.Elastic = Elastic; + Easing.Elastic = Elastic; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Exponential * @@ -10292,34 +6500,34 @@ var Phaser; */ (function (Easing) { var Exponential = (function () { - function Exponential() { } - Exponential.In = function In(k) { + function Exponential() { + } + Exponential.In = function (k) { return k === 0 ? 0 : Math.pow(1024, k - 1); }; - Exponential.Out = function Out(k) { + + Exponential.Out = function (k) { return k === 1 ? 1 : 1 - Math.pow(2, -10 * k); }; - Exponential.InOut = function InOut(k) { - if(k === 0) { + + Exponential.InOut = function (k) { + if (k === 0) return 0; - } - if(k === 1) { + if (k === 1) return 1; - } - if((k *= 2) < 1) { + if ((k *= 2) < 1) return 0.5 * Math.pow(1024, k - 1); - } return 0.5 * (-Math.pow(2, -10 * (k - 1)) + 2); }; return Exponential; })(); - Easing.Exponential = Exponential; + Easing.Exponential = Exponential; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Linear * @@ -10327,19 +6535,20 @@ var Phaser; */ (function (Easing) { var Linear = (function () { - function Linear() { } - Linear.None = function None(k) { + function Linear() { + } + Linear.None = function (k) { return k; }; return Linear; })(); - Easing.Linear = Linear; + Easing.Linear = Linear; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Quadratic * @@ -10347,28 +6556,30 @@ var Phaser; */ (function (Easing) { var Quadratic = (function () { - function Quadratic() { } - Quadratic.In = function In(k) { + function Quadratic() { + } + Quadratic.In = function (k) { return k * k; }; - Quadratic.Out = function Out(k) { + + Quadratic.Out = function (k) { return k * (2 - k); }; - Quadratic.InOut = function InOut(k) { - if((k *= 2) < 1) { + + Quadratic.InOut = function (k) { + if ((k *= 2) < 1) return 0.5 * k * k; - } return -0.5 * (--k * (k - 2) - 1); }; return Quadratic; })(); - Easing.Quadratic = Quadratic; + Easing.Quadratic = Quadratic; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Quartic * @@ -10376,28 +6587,30 @@ var Phaser; */ (function (Easing) { var Quartic = (function () { - function Quartic() { } - Quartic.In = function In(k) { + function Quartic() { + } + Quartic.In = function (k) { return k * k * k * k; }; - Quartic.Out = function Out(k) { + + Quartic.Out = function (k) { return 1 - (--k * k * k * k); }; - Quartic.InOut = function InOut(k) { - if((k *= 2) < 1) { + + Quartic.InOut = function (k) { + if ((k *= 2) < 1) return 0.5 * k * k * k * k; - } return -0.5 * ((k -= 2) * k * k * k - 2); }; return Quartic; })(); - Easing.Quartic = Quartic; + Easing.Quartic = Quartic; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Quintic * @@ -10405,28 +6618,30 @@ var Phaser; */ (function (Easing) { var Quintic = (function () { - function Quintic() { } - Quintic.In = function In(k) { + function Quintic() { + } + Quintic.In = function (k) { return k * k * k * k * k; }; - Quintic.Out = function Out(k) { + + Quintic.Out = function (k) { return --k * k * k * k * k + 1; }; - Quintic.InOut = function InOut(k) { - if((k *= 2) < 1) { + + Quintic.InOut = function (k) { + if ((k *= 2) < 1) return 0.5 * k * k * k * k * k; - } return 0.5 * ((k -= 2) * k * k * k * k + 2); }; return Quintic; })(); - Easing.Quintic = Quintic; + Easing.Quintic = Quintic; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); var Phaser; (function (Phaser) { - /// + /// /** * Phaser - Easing - Sinusoidal * @@ -10434,34 +6649,26 @@ var Phaser; */ (function (Easing) { var Sinusoidal = (function () { - function Sinusoidal() { } - Sinusoidal.In = function In(k) { + function Sinusoidal() { + } + Sinusoidal.In = function (k) { return 1 - Math.cos(k * Math.PI / 2); }; - Sinusoidal.Out = function Out(k) { + + Sinusoidal.Out = function (k) { return Math.sin(k * Math.PI / 2); }; - Sinusoidal.InOut = function InOut(k) { + + Sinusoidal.InOut = function (k) { return 0.5 * (1 - Math.cos(Math.PI * k)); }; return Sinusoidal; })(); - Easing.Sinusoidal = Sinusoidal; + Easing.Sinusoidal = Sinusoidal; })(Phaser.Easing || (Phaser.Easing = {})); var Easing = Phaser.Easing; })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// /** * Phaser - Tween * @@ -10488,14 +6695,12 @@ var Phaser; * Start values container. * @type {object} */ - this._valuesStart = { - }; + this._valuesStart = {}; /** * End values container. * @type {object} */ - this._valuesEnd = { - }; + this._valuesEnd = {}; /** * How long this tween will perform. * @type {number} @@ -10521,16 +6726,18 @@ var Phaser; this._chainedTweens = []; this.isRunning = false; this._object = object; + this.game = game; this._manager = this.game.tweens; this._interpolationFunction = this.game.math.linearInterpolation; this._easingFunction = Phaser.Easing.Linear.None; + this._chainedTweens = []; this.onStart = new Phaser.Signal(); this.onUpdate = new Phaser.Signal(); this.onComplete = new Phaser.Signal(); } - Tween.prototype.to = /** + /** * Configure the Tween * @param properties {object} Propertis you want to tween. * @param [duration] {number} duration of this tween. @@ -10540,7 +6747,7 @@ var Phaser; * @param [loop] {boolean} Should the tween automatically restart once complete? (ignores any chained tweens) * @return {Tween} Itself. */ - function (properties, duration, ease, autoStart, delay, loop, yoyo) { + Tween.prototype.to = function (properties, duration, ease, autoStart, delay, loop, yoyo) { if (typeof duration === "undefined") { duration = 1000; } if (typeof ease === "undefined") { ease = null; } if (typeof autoStart === "undefined") { autoStart = false; } @@ -10548,104 +6755,128 @@ var Phaser; if (typeof loop === "undefined") { loop = false; } if (typeof yoyo === "undefined") { yoyo = false; } this._duration = duration; + // If properties isn't an object this will fail, sanity check it here somehow? this._valuesEnd = properties; - if(ease !== null) { + + if (ease !== null) { this._easingFunction = ease; } - if(delay > 0) { + + if (delay > 0) { this._delayTime = delay; } + this._loop = loop; this._yoyo = yoyo; this._yoyoCount = 0; - if(autoStart === true) { + + if (autoStart === true) { return this.start(); } else { return this; } }; + Tween.prototype.loop = function (value) { this._loop = value; return this; }; + Tween.prototype.yoyo = function (value) { this._yoyo = value; this._yoyoCount = 0; return this; }; - Tween.prototype.start = /** + + /** * Start to tween. */ - function (looped) { + Tween.prototype.start = function (looped) { if (typeof looped === "undefined") { looped = false; } - if(this.game === null || this._object === null) { + if (this.game === null || this._object === null) { return; } - if(looped == false) { + + if (looped == false) { this._manager.add(this); + this.onStart.dispatch(this._object); } + this._startTime = this.game.time.now + this._delayTime; this.isRunning = true; - for(var property in this._valuesEnd) { - // This prevents the interpolation of null values or of non-existing properties - if(this._object[property] === null || !(property in this._object)) { + + for (var property in this._valuesEnd) { + if (this._object[property] === null || !(property in this._object)) { throw Error('Phaser.Tween interpolation of null value of non-existing property'); continue; } - // check if an Array was provided as property value - if(this._valuesEnd[property] instanceof Array) { - if(this._valuesEnd[property].length === 0) { + + if (this._valuesEnd[property] instanceof Array) { + if (this._valuesEnd[property].length === 0) { continue; } + // create a local copy of the Array with the start value at the front - this._valuesEnd[property] = [ - this._object[property] - ].concat(this._valuesEnd[property]); + this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]); } - if(looped == false) { + + if (looped == false) { this._valuesStart[property] = this._object[property]; } } + return this; }; + Tween.prototype.reverse = function () { - var tempObj = { - }; - for(var property in this._valuesStart) { + var tempObj = {}; + + for (var property in this._valuesStart) { tempObj[property] = this._valuesStart[property]; this._valuesStart[property] = this._valuesEnd[property]; this._valuesEnd[property] = tempObj[property]; } + this._yoyoCount++; + return this.start(true); }; + Tween.prototype.reset = function () { - // Reset the properties back to what they were before - for(var property in this._valuesStart) { + for (var property in this._valuesStart) { this._object[property] = this._valuesStart[property]; } + return this.start(true); }; + Tween.prototype.clear = function () { this._chainedTweens = []; + this.onStart.removeAll(); this.onUpdate.removeAll(); this.onComplete.removeAll(); + return this; }; - Tween.prototype.stop = /** + + /** * Stop tweening. */ - function () { - if(this._manager !== null) { + Tween.prototype.stop = function () { + if (this._manager !== null) { this._manager.remove(this); } + this.isRunning = false; + this.onComplete.dispose(); + return this; }; + Object.defineProperty(Tween.prototype, "parent", { set: function (value) { this.game = value; @@ -10654,6 +6885,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Tween.prototype, "delay", { get: function () { return this._delayTime; @@ -10664,6 +6897,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Tween.prototype, "easing", { get: function () { return this._easingFunction; @@ -10674,6 +6909,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Tween.prototype, "interpolation", { get: function () { return this._interpolationFunction; @@ -10684,57 +6921,66 @@ var Phaser; enumerable: true, configurable: true }); - Tween.prototype.chain = /** + + /** * Add another chained tween, which will start automatically when the one before it completes. * @param tween {Phaser.Tween} Tween object you want to chain with this. * @return {Phaser.Tween} Itselfe. */ - function (tween) { + Tween.prototype.chain = function (tween) { this._chainedTweens.push(tween); + return this; }; + Tween.prototype.pause = function () { this._paused = true; }; + Tween.prototype.resume = function () { this._paused = false; this._startTime += this.game.time.pauseDuration; }; - Tween.prototype.update = /** + + /** * Update tweening. * @param time {number} Current time from game clock. * @return {boolean} Return false if this completed and no need to update, otherwise return true. */ - function (time) { - if(this._paused || time < this._startTime) { + Tween.prototype.update = function (time) { + if (this._paused || time < this._startTime) { return true; } + this._tempElapsed = (time - this._startTime) / this._duration; this._tempElapsed = this._tempElapsed > 1 ? 1 : this._tempElapsed; + this._tempValue = this._easingFunction(this._tempElapsed); - for(var property in this._valuesStart) { - // Add checks for object, array, numeric up front - if(this._valuesEnd[property] instanceof Array) { + + for (var property in this._valuesStart) { + if (this._valuesEnd[property] instanceof Array) { this._object[property] = this._interpolationFunction(this._valuesEnd[property], this._tempValue); } else { this._object[property] = this._valuesStart[property] + (this._valuesEnd[property] - this._valuesStart[property]) * this._tempValue; } } + this.onUpdate.dispatch(this._object, this._tempValue); - if(this._tempElapsed == 1) { - // Yoyo? - if(this._yoyo) { - if(this._yoyoCount == 0) { + + if (this._tempElapsed == 1) { + if (this._yoyo) { + if (this._yoyoCount == 0) { // Reverse the tween this.reverse(); return true; } else { - // We've yoyo'd once already, quit? - if(this._loop == false) { + if (this._loop == false) { this.onComplete.dispatch(this._object); - for(var i = 0; i < this._chainedTweens.length; i++) { + + for (var i = 0; i < this._chainedTweens.length; i++) { this._chainedTweens[i].start(); } + return false; } else { // YoYo and Loop are both on @@ -10744,3567 +6990,173 @@ var Phaser; } } } - // Loop? - if(this._loop) { + + if (this._loop) { this._yoyoCount = 0; this.reset(); return true; } else { this.onComplete.dispatch(this._object); - for(var i = 0; i < this._chainedTweens.length; i++) { + + for (var i = 0; i < this._chainedTweens.length; i++) { this._chainedTweens[i].start(); } - if(this._chainedTweens.length == 0) { + + if (this._chainedTweens.length == 0) { this.isRunning = false; } + return false; } } + return true; }; return Tween; })(); - Phaser.Tween = Tween; + Phaser.Tween = Tween; })(Phaser || (Phaser = {})); -/// -/// +/// /** -* Phaser - ArcadeParticle +* Phaser - TweenManager * -* This is a simple particle class that extends a Sprite to have a slightly more -* specialised behaviour. It is used exclusively by the Emitter class and can be extended as required. +* The Game has a single instance of the TweenManager through which all Tween objects are created and updated. +* Tweens are hooked into the game clock and pause system, adjusting based on the game state. +* TweenManager is based heavily on tween.js by sole (http://soledadpenades.com). +* I converted it to TypeScript, swapped the callbacks for signals and patched a few issues with regard +* to properties and completion errors. Please see https://github.com/sole/tween.js for a full list of contributors. */ var Phaser; (function (Phaser) { - var ArcadeParticle = (function (_super) { - __extends(ArcadeParticle, _super); + var TweenManager = (function () { /** - * Instantiate a new particle. Like Sprite, all meaningful creation - * happens during loadGraphic() or makeGraphic() or whatever. - */ - function ArcadeParticle(game) { - _super.call(this, game); - this.body.type = Phaser.Types.BODY_DYNAMIC; - this.lifespan = 0; - } - ArcadeParticle.prototype.update = /** - * The particle's main update logic. Basically it checks to see if it should be dead yet. - */ - function () { - // Lifespan behavior - if(this.lifespan <= 0) { - return; - } - this.lifespan -= this.game.time.elapsed; - if(this.lifespan <= 0) { - this.kill(); - } - }; - ArcadeParticle.prototype.onEmit = /** - * Triggered whenever this object is launched by a Emitter. - * You can override this to add custom behavior like a sound or AI or something. - */ - function () { - }; - return ArcadeParticle; - })(Phaser.Sprite); - Phaser.ArcadeParticle = ArcadeParticle; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/** -* Phaser - ArcadeEmitter -* -* Emitter is a lightweight particle emitter. It can be used for one-time explosions or for -* continuous effects like rain and fire. All it really does is launch Particle objects out -* at set intervals, and fixes their positions and velocities accorindgly. -*/ -var Phaser; -(function (Phaser) { - var ArcadeEmitter = (function (_super) { - __extends(ArcadeEmitter, _super); - /** - * Creates a new Emitter object at a specific position. - * Does NOT automatically generate or attach particles! - * - * @param x {number} The X position of the emitter. - * @param y {number} The Y position of the emitter. - * @param [size] {number} Specifies a maximum capacity for this emitter. - */ - function ArcadeEmitter(game, x, y, size) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof size === "undefined") { size = 0; } - _super.call(this, game, size); - this.x = x; - this.y = y; - this.width = 0; - this.height = 0; - this.minParticleSpeed = new Phaser.Vec2(-100, -100); - this.maxParticleSpeed = new Phaser.Vec2(100, 100); - this.minRotation = -360; - this.maxRotation = 360; - this.gravity = 0; - this.particleClass = null; - this.particleDrag = new Phaser.Vec2(); - this.frequency = 0.1; - this.lifespan = 3; - this.bounce = 0; - this._quantity = 0; - this._counter = 0; - this._explode = true; - this.on = false; - this.exists = true; - this.active = true; - this.visible = true; - } - ArcadeEmitter.prototype.destroy = /** - * Clean up memory. - */ - function () { - this.minParticleSpeed = null; - this.maxParticleSpeed = null; - this.particleDrag = null; - this.particleClass = null; - this._point = null; - _super.prototype.destroy.call(this); - }; - ArcadeEmitter.prototype.makeParticles = /** - * This function generates a new array of particle sprites to attach to the emitter. - * - * @param graphics If you opted to not pre-configure an array of Sprite objects, you can simply pass in a particle image or sprite sheet. - * @param quantity {number} The number of particles to generate when using the "create from image" option. - * @param multiple {boolean} Whether the image in the Graphics param is a single particle or a bunch of particles (if it's a bunch, they need to be square!). - * @param collide {number} Whether the particles should be flagged as not 'dead' (non-colliding particles are higher performance). 0 means no collisions, 0-1 controls scale of particle's bounding box. - * - * @return This Emitter instance (nice for chaining stuff together, if you're into that). - */ - function (graphics, quantity, multiple, collide) { - if (typeof quantity === "undefined") { quantity = 50; } - if (typeof multiple === "undefined") { multiple = false; } - if (typeof collide === "undefined") { collide = 0; } - this.maxSize = quantity; - var totalFrames = 1; - /* - if(Multiple) - { - var sprite:Sprite = new Sprite(this.game); - sprite.loadGraphic(Graphics,true); - totalFrames = sprite.frames; - sprite.destroy(); - } - */ - var randomFrame; - var particle; - var i = 0; - while(i < quantity) { - if(this.particleClass == null) { - particle = new Phaser.ArcadeParticle(this.game); - } else { - particle = new this.particleClass(this.game); - } - if(multiple) { - /* - randomFrame = this.game.math.random()*totalFrames; - */ - } else { - if(graphics) { - particle.texture.loadImage(graphics); - } - } - if(collide > 0) { - //particle.body.allowCollisions = Types.ANY; - particle.body.type = Phaser.Types.BODY_DYNAMIC; - particle.width *= collide; - particle.height *= collide; - } else { - //particle.body.allowCollisions = Types.NONE; - } - particle.exists = false; - // Center the origin for rotation assistance - //particle.transform.origin.setTo(particle.body.bounds.halfWidth, particle.body.bounds.halfHeight); - this.add(particle); - i++; - } - return this; - }; - ArcadeEmitter.prototype.preUpdate = function () { - }; - ArcadeEmitter.prototype.postUpdate = function () { - }; - ArcadeEmitter.prototype.update = /** - * Called automatically by the game loop, decides when to launch particles and when to "die". - */ - function () { - if(this.on) { - if(this._explode) { - this.on = false; - var i = 0; - var l = this._quantity; - if((l <= 0) || (l > this.length)) { - l = this.length; - } - while(i < l) { - this.emitParticle(); - i++; - } - this._quantity = 0; - } else { - this._timer += this.game.time.elapsed; - while((this.frequency > 0) && (this._timer > this.frequency) && this.on) { - this._timer -= this.frequency; - this.emitParticle(); - if((this._quantity > 0) && (++this._counter >= this._quantity)) { - this.on = false; - this._quantity = 0; - } - } - } - } - _super.prototype.update.call(this); - }; - ArcadeEmitter.prototype.kill = /** - * Call this function to turn off all the particles and the emitter. - */ - function () { - this.on = false; - this.alive = false; - this.exists = false; - }; - ArcadeEmitter.prototype.revive = /** - * Handy for bringing game objects "back to life". Just sets alive and exists back to true. - * In practice, this is most often called by Object.reset(). - */ - function () { - this.alive = true; - this.exists = true; - }; - ArcadeEmitter.prototype.start = /** - * Call this function to start emitting particles. - * - * @param explode {boolean} Whether the particles should all burst out at once. - * @param lifespan {number} How long each particle lives once emitted. 0 = forever. - * @param frequency {number} Ignored if Explode is set to true. Frequency is how often to emit a particle. 0 = never emit, 0.1 = 1 particle every 0.1 seconds, 5 = 1 particle every 5 seconds. - * @param quantity {number} How many particles to launch. 0 = "all of the particles". - */ - function (explode, lifespan, frequency, quantity) { - if (typeof explode === "undefined") { explode = true; } - if (typeof lifespan === "undefined") { lifespan = 0; } - if (typeof frequency === "undefined") { frequency = 0.1; } - if (typeof quantity === "undefined") { quantity = 0; } - this.revive(); - this.visible = true; - this.on = true; - this._explode = explode; - this.lifespan = lifespan; - this.frequency = frequency; - this._quantity += quantity; - this._counter = 0; - this._timer = 0; - }; - ArcadeEmitter.prototype.emitParticle = /** - * This function can be used both internally and externally to emit the next particle. - */ - function () { - var particle = this.recycle(Phaser.ArcadeParticle); - particle.lifespan = this.lifespan; - //particle.body.bounce.setTo(this.bounce, this.bounce); - Phaser.SpriteUtils.reset(particle, this.x - (particle.width >> 1) + this.game.rnd.integer * this.width, this.y - (particle.height >> 1) + this.game.rnd.integer * this.height); - particle.visible = true; - if(this.minParticleSpeed.x != this.maxParticleSpeed.x) { - particle.body.velocity.x = this.minParticleSpeed.x + this.game.rnd.integer * (this.maxParticleSpeed.x - this.minParticleSpeed.x); - } else { - particle.body.velocity.x = this.minParticleSpeed.x; - } - if(this.minParticleSpeed.y != this.maxParticleSpeed.y) { - particle.body.velocity.y = this.minParticleSpeed.y + this.game.rnd.integer * (this.maxParticleSpeed.y - this.minParticleSpeed.y); - } else { - particle.body.velocity.y = this.minParticleSpeed.y; - } - //particle.body.acceleration.y = this.gravity; - if(this.minRotation != this.maxRotation && this.minRotation !== 0 && this.maxRotation !== 0) { - particle.body.angularVelocity = this.minRotation + this.game.rnd.integer * (this.maxRotation - this.minRotation); - } else { - particle.body.angularVelocity = this.minRotation; - } - if(particle.body.angularVelocity != 0) { - particle.rotation = this.game.rnd.integer * 360 - 180; - } - //particle.body.drag.x = this.particleDrag.x; - //particle.body.drag.y = this.particleDrag.y; - particle.onEmit(); - }; - ArcadeEmitter.prototype.setSize = /** - * A more compact way of setting the width and height of the emitter. - * - * @param width {number} The desired width of the emitter (particles are spawned randomly within these dimensions). - * @param height {number} The desired height of the emitter. - */ - function (width, height) { - this.width = width; - this.height = height; - }; - ArcadeEmitter.prototype.setXSpeed = /** - * A more compact way of setting the X velocity range of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - function (min, max) { - if (typeof min === "undefined") { min = 0; } - if (typeof max === "undefined") { max = 0; } - this.minParticleSpeed.x = min; - this.maxParticleSpeed.x = max; - }; - ArcadeEmitter.prototype.setYSpeed = /** - * A more compact way of setting the Y velocity range of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - function (min, max) { - if (typeof min === "undefined") { min = 0; } - if (typeof max === "undefined") { max = 0; } - this.minParticleSpeed.y = min; - this.maxParticleSpeed.y = max; - }; - ArcadeEmitter.prototype.setRotation = /** - * A more compact way of setting the angular velocity constraints of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - function (min, max) { - if (typeof min === "undefined") { min = 0; } - if (typeof max === "undefined") { max = 0; } - this.minRotation = min; - this.maxRotation = max; - }; - ArcadeEmitter.prototype.at = /** - * Change the emitter's midpoint to match the midpoint of a Object. - * - * @param Object {object} The Object that you want to sync up with. - */ - function (object) { - //this.x = object.body.bounds.halfWidth - (this.width >> 1); - //this.y = object.body.bounds.halfHeight - (this.height >> 1); - }; - return ArcadeEmitter; - })(Phaser.Group); - Phaser.ArcadeEmitter = ArcadeEmitter; -})(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /// - /// - /// - /// - /// - /// - /// - /** - * Phaser - UI - Button - */ - (function (UI) { - var Button = (function (_super) { - __extends(Button, _super); - /** - * Create a new Button object. - * - * @param game {Phaser.Game} Current game instance. - * @param [x] {number} X position of the button. - * @param [y] {number} Y position of the button. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. - * @param [callback] {function} The function to call when this button is pressed - * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') - * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. - * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. - * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. - */ - function Button(game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof key === "undefined") { key = null; } - if (typeof callback === "undefined") { callback = null; } - if (typeof callbackContext === "undefined") { callbackContext = null; } - if (typeof overFrame === "undefined") { overFrame = null; } - if (typeof outFrame === "undefined") { outFrame = null; } - if (typeof downFrame === "undefined") { downFrame = null; } - _super.call(this, game, x, y, key, outFrame); - this._onOverFrameName = null; - this._onOutFrameName = null; - this._onDownFrameName = null; - this._onUpFrameName = null; - this._onOverFrameID = null; - this._onOutFrameID = null; - this._onDownFrameID = null; - this._onUpFrameID = null; - this.type = Phaser.Types.BUTTON; - if(typeof overFrame == 'string') { - this._onOverFrameName = overFrame; - } else { - this._onOverFrameID = overFrame; - } - if(typeof outFrame == 'string') { - this._onOutFrameName = outFrame; - this._onUpFrameName = outFrame; - } else { - this._onOutFrameID = outFrame; - this._onUpFrameID = outFrame; - } - if(typeof downFrame == 'string') { - this._onDownFrameName = downFrame; - } else { - this._onDownFrameID = downFrame; - } - // These are the signals the game will subscribe to - this.onInputOver = new Phaser.Signal(); - this.onInputOut = new Phaser.Signal(); - this.onInputDown = new Phaser.Signal(); - this.onInputUp = new Phaser.Signal(); - // Set a default signal for them - if(callback) { - this.onInputUp.add(callback, callbackContext); - } - this.input.start(0, false, true); - // Redirect the input events to here so we can handle animation updates, etc - this.events.onInputOver.add(this.onInputOverHandler, this); - this.events.onInputOut.add(this.onInputOutHandler, this); - this.events.onInputDown.add(this.onInputDownHandler, this); - this.events.onInputUp.add(this.onInputUpHandler, this); - } - Button.prototype.onInputOverHandler = // TODO - //public tabIndex: number; - //public tabEnabled: bool; - // ENTER or SPACE can activate this button if it has focus - function (pointer) { - if(this._onOverFrameName != null) { - this.frameName = this._onOverFrameName; - } else if(this._onOverFrameID != null) { - this.frame = this._onOverFrameID; - } - if(this.onInputOver) { - this.onInputOver.dispatch(this, pointer); - } - }; - Button.prototype.onInputOutHandler = function (pointer) { - if(this._onOutFrameName != null) { - this.frameName = this._onOutFrameName; - } else if(this._onOutFrameID != null) { - this.frame = this._onOutFrameID; - } - if(this.onInputOut) { - this.onInputOut.dispatch(this, pointer); - } - }; - Button.prototype.onInputDownHandler = function (pointer) { - //console.log('Button onInputDownHandler: ' + Date.now()); - if(this._onDownFrameName != null) { - this.frameName = this._onDownFrameName; - } else if(this._onDownFrameID != null) { - this.frame = this._onDownFrameID; - } - if(this.onInputDown) { - this.onInputDown.dispatch(this, pointer); - } - }; - Button.prototype.onInputUpHandler = function (pointer) { - //console.log('Button onInputUpHandler: ' + Date.now()); - if(this._onUpFrameName != null) { - this.frameName = this._onUpFrameName; - } else if(this._onUpFrameID != null) { - this.frame = this._onUpFrameID; - } - if(this.onInputUp) { - this.onInputUp.dispatch(this, pointer); - } - }; - Object.defineProperty(Button.prototype, "priorityID", { - get: function () { - return this.input.priorityID; - }, - set: function (value) { - this.input.priorityID = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Button.prototype, "useHandCursor", { - get: function () { - return this.input.useHandCursor; - }, - set: function (value) { - this.input.useHandCursor = value; - }, - enumerable: true, - configurable: true - }); - return Button; - })(Phaser.Sprite); - UI.Button = Button; - })(Phaser.UI || (Phaser.UI = {})); - var UI = Phaser.UI; -})(Phaser || (Phaser = {})); -/// -/// -/// -/** -* Phaser - ScrollRegion -* -* Creates a scrolling region within a ScrollZone. -* It is scrolled via the scrollSpeed.x/y properties. -*/ -var Phaser; -(function (Phaser) { - var ScrollRegion = (function () { - /** - * ScrollRegion constructor - * Create a new ScrollRegion. - * - * @param x {number} X position in world coordinate. - * @param y {number} Y position in world coordinate. - * @param width {number} Width of this object. - * @param height {number} Height of this object. - * @param speedX {number} X-axis scrolling speed. - * @param speedY {number} Y-axis scrolling speed. - */ - function ScrollRegion(x, y, width, height, speedX, speedY) { - this._anchorWidth = 0; - this._anchorHeight = 0; - this._inverseWidth = 0; - this._inverseHeight = 0; - /** - * Will this region be rendered? (default to true) - * @type {boolean} - */ - this.visible = true; - // Our seamless scrolling quads - this._A = new Phaser.Rectangle(x, y, width, height); - this._B = new Phaser.Rectangle(x, y, width, height); - this._C = new Phaser.Rectangle(x, y, width, height); - this._D = new Phaser.Rectangle(x, y, width, height); - this._scroll = new Phaser.Vec2(); - this._bounds = new Phaser.Rectangle(x, y, width, height); - this.scrollSpeed = new Phaser.Vec2(speedX, speedY); - } - ScrollRegion.prototype.update = /** - * Update region scrolling with tick time. - * @param delta {number} Elapsed time since last update. - */ - function (delta) { - this._scroll.x += this.scrollSpeed.x; - this._scroll.y += this.scrollSpeed.y; - if(this._scroll.x > this._bounds.right) { - this._scroll.x = this._bounds.x; - } - if(this._scroll.x < this._bounds.x) { - this._scroll.x = this._bounds.right; - } - if(this._scroll.y > this._bounds.bottom) { - this._scroll.y = this._bounds.y; - } - if(this._scroll.y < this._bounds.y) { - this._scroll.y = this._bounds.bottom; - } - // Anchor Dimensions - this._anchorWidth = (this._bounds.width - this._scroll.x) + this._bounds.x; - this._anchorHeight = (this._bounds.height - this._scroll.y) + this._bounds.y; - if(this._anchorWidth > this._bounds.width) { - this._anchorWidth = this._bounds.width; - } - if(this._anchorHeight > this._bounds.height) { - this._anchorHeight = this._bounds.height; - } - this._inverseWidth = this._bounds.width - this._anchorWidth; - this._inverseHeight = this._bounds.height - this._anchorHeight; - // Rectangle A - this._A.setTo(this._scroll.x, this._scroll.y, this._anchorWidth, this._anchorHeight); - // Rectangle B - this._B.y = this._scroll.y; - this._B.width = this._inverseWidth; - this._B.height = this._anchorHeight; - // Rectangle C - this._C.x = this._scroll.x; - this._C.width = this._anchorWidth; - this._C.height = this._inverseHeight; - // Rectangle D - this._D.width = this._inverseWidth; - this._D.height = this._inverseHeight; - }; - ScrollRegion.prototype.render = /** - * Render this region to specific context. - * @param context {CanvasRenderingContext2D} Canvas context this region will be rendered to. - * @param texture {object} The texture to be rendered. - * @param dx {number} X position in world coordinate. - * @param dy {number} Y position in world coordinate. - * @param width {number} Width of this region to be rendered. - * @param height {number} Height of this region to be rendered. - */ - function (context, texture, dx, dy, dw, dh) { - if(this.visible == false) { - return; - } - // dx/dy are the world coordinates to render the FULL ScrollZone into. - // This ScrollRegion may be smaller than that and offset from the dx/dy coordinates. - this.crop(context, texture, this._A.x, this._A.y, this._A.width, this._A.height, dx, dy, dw, dh, 0, 0); - this.crop(context, texture, this._B.x, this._B.y, this._B.width, this._B.height, dx, dy, dw, dh, this._A.width, 0); - this.crop(context, texture, this._C.x, this._C.y, this._C.width, this._C.height, dx, dy, dw, dh, 0, this._A.height); - this.crop(context, texture, this._D.x, this._D.y, this._D.width, this._D.height, dx, dy, dw, dh, this._C.width, this._A.height); - //context.fillStyle = 'rgb(255,255,255)'; - //context.font = '18px Arial'; - //context.fillText('RectangleA: ' + this._A.toString(), 32, 450); - //context.fillText('RectangleB: ' + this._B.toString(), 32, 480); - //context.fillText('RectangleC: ' + this._C.toString(), 32, 510); - //context.fillText('RectangleD: ' + this._D.toString(), 32, 540); - }; - ScrollRegion.prototype.crop = /** - * Crop part of the texture and render it to the given context. - * @param context {CanvasRenderingContext2D} Canvas context the texture will be rendered to. - * @param texture {object} Texture to be rendered. - * @param srcX {number} Target region top-left x coordinate in the texture. - * @param srcX {number} Target region top-left y coordinate in the texture. - * @param srcW {number} Target region width in the texture. - * @param srcH {number} Target region height in the texture. - * @param destX {number} Render region top-left x coordinate in the context. - * @param destX {number} Render region top-left y coordinate in the context. - * @param destW {number} Target region width in the context. - * @param destH {number} Target region height in the context. - * @param offsetX {number} X offset to the context. - * @param offsetY {number} Y offset to the context. - */ - function (context, texture, srcX, srcY, srcW, srcH, destX, destY, destW, destH, offsetX, offsetY) { - offsetX += destX; - offsetY += destY; - if(srcW > (destX + destW) - offsetX) { - srcW = (destX + destW) - offsetX; - } - if(srcH > (destY + destH) - offsetY) { - srcH = (destY + destH) - offsetY; - } - srcX = Math.floor(srcX); - srcY = Math.floor(srcY); - srcW = Math.floor(srcW); - srcH = Math.floor(srcH); - offsetX = Math.floor(offsetX + this._bounds.x); - offsetY = Math.floor(offsetY + this._bounds.y); - if(srcW > 0 && srcH > 0) { - context.drawImage(texture, srcX, srcY, srcW, srcH, offsetX, offsetY, srcW, srcH); - } - }; - return ScrollRegion; - })(); - Phaser.ScrollRegion = ScrollRegion; -})(Phaser || (Phaser = {})); -/// -/// -/// -/** -* Phaser - ScrollZone -* -* Creates a scrolling region of the given width and height from an image in the cache. -* The ScrollZone can be positioned anywhere in-world like a normal game object, re-act to physics, collision, etc. -* The image within it is scrolled via ScrollRegions and their scrollSpeed.x/y properties. -* If you create a scroll zone larger than the given source image it will create a DynamicTexture and fill it with a pattern of the source image. -*/ -var Phaser; -(function (Phaser) { - var ScrollZone = (function (_super) { - __extends(ScrollZone, _super); - /** - * ScrollZone constructor - * Create a new ScrollZone. - * - * @param game {Phaser.Game} Current game instance. - * @param key {string} Asset key for image texture of this object. - * @param x {number} X position in world coordinate. - * @param y {number} Y position in world coordinate. - * @param [width] {number} width of this object. - * @param [height] {number} height of this object. - */ - function ScrollZone(game, key, x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = 0; } - if (typeof height === "undefined") { height = 0; } - _super.call(this, game, x, y, key); - this.type = Phaser.Types.SCROLLZONE; - this.regions = []; - if(this.texture.loaded) { - if(width > this.width || height > this.height) { - // Create our repeating texture (as the source image wasn't large enough for the requested size) - this.createRepeatingTexture(width, height); - this.width = width; - this.height = height; - } - // Create a default ScrollRegion at the requested size - this.addRegion(0, 0, this.width, this.height); - // If the zone is smaller than the image itself then shrink the bounds - if((width < this.width || height < this.height) && width !== 0 && height !== 0) { - this.width = width; - this.height = height; - } - } - } - ScrollZone.prototype.addRegion = /** - * Add a new region to this zone. - * @param x {number} X position of the new region. - * @param y {number} Y position of the new region. - * @param width {number} Width of the new region. - * @param height {number} Height of the new region. - * @param [speedX] {number} x-axis scrolling speed. - * @param [speedY] {number} y-axis scrolling speed. - * @return {ScrollRegion} The newly added region. - */ - function (x, y, width, height, speedX, speedY) { - if (typeof speedX === "undefined") { speedX = 0; } - if (typeof speedY === "undefined") { speedY = 0; } - if(x > this.width || y > this.height || x < 0 || y < 0 || (x + width) > this.width || (y + height) > this.height) { - throw Error('Invalid ScrollRegion defined. Cannot be larger than parent ScrollZone'); - return null; - } - this.currentRegion = new Phaser.ScrollRegion(x, y, width, height, speedX, speedY); - this.regions.push(this.currentRegion); - return this.currentRegion; - }; - ScrollZone.prototype.setSpeed = /** - * Set scrolling speed of current region. - * @param x {number} X speed of current region. - * @param y {number} Y speed of current region. - */ - function (x, y) { - if(this.currentRegion) { - this.currentRegion.scrollSpeed.setTo(x, y); - } - return this; - }; - ScrollZone.prototype.update = /** - * Update regions. - */ - function () { - for(var i = 0; i < this.regions.length; i++) { - this.regions[i].update(this.game.time.delta); - } - }; - ScrollZone.prototype.createRepeatingTexture = /** - * Create repeating texture with _texture, and store it into the _dynamicTexture. - * Used to create texture when texture image is small than size of the zone. - */ - function (regionWidth, regionHeight) { - // Work out how many we'll need of the source image to make it tile properly - var tileWidth = Math.ceil(this.width / regionWidth) * regionWidth; - var tileHeight = Math.ceil(this.height / regionHeight) * regionHeight; - var dt = new Phaser.DynamicTexture(this.game, tileWidth, tileHeight); - dt.context.rect(0, 0, tileWidth, tileHeight); - dt.context.fillStyle = dt.context.createPattern(this.texture.imageTexture, "repeat"); - dt.context.fill(); - this.texture.loadDynamicTexture(dt); - }; - return ScrollZone; - })(Phaser.Sprite); - Phaser.ScrollZone = ScrollZone; -})(Phaser || (Phaser = {})); -/// -/// -/// -/** -* Phaser - TilemapLayer -* -* A Tilemap Layer. Tiled format maps can have multiple overlapping layers. -*/ -var Phaser; -(function (Phaser) { - var TilemapLayer = (function () { - /** - * TilemapLayer constructor - * Create a new TilemapLayer. - * - * @param parent {Tilemap} The tilemap that contains this layer. - * @param id {number} The ID of this layer within the Tilemap array. - * @param key {string} Asset key for this map. - * @param mapFormat {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. - * @param name {string} Name of this layer, so you can get this layer by its name. - * @param tileWidth {number} Width of tiles in this map. - * @param tileHeight {number} Height of tiles in this map. - */ - function TilemapLayer(parent, id, key, mapFormat, name, tileWidth, tileHeight) { - /** - * Controls whether update() and draw() are automatically called. - * @type {boolean} - */ - this.exists = true; - /** - * Controls whether draw() are automatically called. - * @type {boolean} - */ - this.visible = true; - /** - * How many tiles in each row. - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - this.widthInTiles = 0; - /** - * How many tiles in each column. - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - this.heightInTiles = 0; - /** - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - this.widthInPixels = 0; - /** - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - this.heightInPixels = 0; - /** - * Distance between REAL tiles to the tileset texture bound. - * @type {number} - */ - this.tileMargin = 0; - /** - * Distance between every 2 neighbor tile in the tileset texture. - * @type {number} - */ - this.tileSpacing = 0; - this.parent = parent; - this.game = parent.game; - this.ID = id; - this.name = name; - this.mapFormat = mapFormat; - this.tileWidth = tileWidth; - this.tileHeight = tileHeight; - this.boundsInTiles = new Phaser.Rectangle(); - this.texture = new Phaser.Display.Texture(this); - this.transform = new Phaser.Components.TransformManager(this); - if(key !== null) { - this.texture.loadImage(key, false); - } else { - this.texture.opaque = true; - } - // Handy proxies - this.alpha = this.texture.alpha; - this.mapData = []; - this._tempTileBlock = []; - } - TilemapLayer.prototype.putTileWorldXY = /** - * Set a specific tile with its x and y in tiles. - * @param x {number} X position of this tile in world coordinates. - * @param y {number} Y position of this tile in world coordinates. - * @param index {number} The index of this tile type in the core map data. - */ - function (x, y, index) { - x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; - y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; - if(y >= 0 && y < this.mapData.length) { - if(x >= 0 && x < this.mapData[y].length) { - this.mapData[y][x] = index; - } - } - }; - TilemapLayer.prototype.putTile = /** - * Set a specific tile with its x and y in tiles. - * @param x {number} X position of this tile. - * @param y {number} Y position of this tile. - * @param index {number} The index of this tile type in the core map data. - */ - function (x, y, index) { - if(y >= 0 && y < this.mapData.length) { - if(x >= 0 && x < this.mapData[y].length) { - this.mapData[y][x] = index; - } - } - }; - TilemapLayer.prototype.swapTile = /** - * Swap tiles with 2 kinds of indexes. - * @param tileA {number} First tile index. - * @param tileB {number} Second tile index. - * @param [x] {number} specify a Rectangle of tiles to operate. The x position in tiles of Rectangle's left-top corner. - * @param [y] {number} specify a Rectangle of tiles to operate. The y position in tiles of Rectangle's left-top corner. - * @param [width] {number} specify a Rectangle of tiles to operate. The width in tiles. - * @param [height] {number} specify a Rectangle of tiles to operate. The height in tiles. - */ - function (tileA, tileB, x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = this.widthInTiles; } - if (typeof height === "undefined") { height = this.heightInTiles; } - this.getTempBlock(x, y, width, height); - for(var r = 0; r < this._tempTileBlock.length; r++) { - // First sweep marking tileA as needing a new index - if(this._tempTileBlock[r].tile.index == tileA) { - this._tempTileBlock[r].newIndex = true; - } - // In the same pass we can swap tileB to tileA - if(this._tempTileBlock[r].tile.index == tileB) { - this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileA; - } - } - for(var r = 0; r < this._tempTileBlock.length; r++) { - // And now swap our newIndex tiles for tileB - if(this._tempTileBlock[r].newIndex == true) { - this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; - } - } - }; - TilemapLayer.prototype.fillTile = /** - * Fill a tile block with a specific tile index. - * @param index {number} Index of tiles you want to fill with. - * @param [x] {number} x position (in tiles) of block's left-top corner. - * @param [y] {number} y position (in tiles) of block's left-top corner. - * @param [width] {number} width of block. - * @param [height] {number} height of block. - */ - function (index, x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = this.widthInTiles; } - if (typeof height === "undefined") { height = this.heightInTiles; } - this.getTempBlock(x, y, width, height); - for(var r = 0; r < this._tempTileBlock.length; r++) { - this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = index; - } - }; - TilemapLayer.prototype.randomiseTiles = /** - * Set random tiles to a specific tile block. - * @param tiles {number[]} Tiles with indexes in this array will be randomly set to the given block. - * @param [x] {number} x position (in tiles) of block's left-top corner. - * @param [y] {number} y position (in tiles) of block's left-top corner. - * @param [width] {number} width of block. - * @param [height] {number} height of block. - */ - function (tiles, x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = this.widthInTiles; } - if (typeof height === "undefined") { height = this.heightInTiles; } - this.getTempBlock(x, y, width, height); - for(var r = 0; r < this._tempTileBlock.length; r++) { - this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = this.game.math.getRandom(tiles); - } - }; - TilemapLayer.prototype.replaceTile = /** - * Replace one kind of tiles to another kind. - * @param tileA {number} Index of tiles you want to replace. - * @param tileB {number} Index of tiles you want to set. - * @param [x] {number} x position (in tiles) of block's left-top corner. - * @param [y] {number} y position (in tiles) of block's left-top corner. - * @param [width] {number} width of block. - * @param [height] {number} height of block. - */ - function (tileA, tileB, x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = this.widthInTiles; } - if (typeof height === "undefined") { height = this.heightInTiles; } - this.getTempBlock(x, y, width, height); - for(var r = 0; r < this._tempTileBlock.length; r++) { - if(this._tempTileBlock[r].tile.index == tileA) { - this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; - } - } - }; - TilemapLayer.prototype.getTileBlock = /** - * Get a tile block with specific position and size.(both are in tiles) - * @param x {number} X position of block's left-top corner. - * @param y {number} Y position of block's left-top corner. - * @param width {number} Width of block. - * @param height {number} Height of block. - */ - function (x, y, width, height) { - var output = []; - this.getTempBlock(x, y, width, height); - for(var r = 0; r < this._tempTileBlock.length; r++) { - output.push({ - x: this._tempTileBlock[r].x, - y: this._tempTileBlock[r].y, - tile: this._tempTileBlock[r].tile - }); - } - return output; - }; - TilemapLayer.prototype.getTileFromWorldXY = /** - * Get a tile with specific position (in world coordinate). (thus you give a position of a point which is within the tile) - * @param x {number} X position of the point in target tile. - * @param x {number} Y position of the point in target tile. - */ - function (x, y) { - x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; - y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; - return this.getTileIndex(x, y); - }; - TilemapLayer.prototype.getTileOverlaps = /** - * Get tiles overlaps the given object. - * @param object {GameObject} Tiles you want to get that overlaps this. - * @return {array} Array with tiles informations. (Each contains x, y and the tile.) - */ - function (object) { - // If the object is outside of the world coordinates then abort the check (tilemap has to exist within world bounds) - if(object.body.bounds.x < 0 || object.body.bounds.x > this.widthInPixels || object.body.bounds.y < 0 || object.body.bounds.bottom > this.heightInPixels) { - return; - } - // What tiles do we need to check against? - this._tempTileX = this.game.math.snapToFloor(object.body.bounds.x, this.tileWidth) / this.tileWidth; - this._tempTileY = this.game.math.snapToFloor(object.body.bounds.y, this.tileHeight) / this.tileHeight; - this._tempTileW = (this.game.math.snapToCeil(object.body.bounds.width, this.tileWidth) + this.tileWidth) / this.tileWidth; - this._tempTileH = (this.game.math.snapToCeil(object.body.bounds.height, this.tileHeight) + this.tileHeight) / this.tileHeight; - // Loop through the tiles we've got and check overlaps accordingly (the results are stored in this._tempTileBlock) - this._tempBlockResults = []; - this.getTempBlock(this._tempTileX, this._tempTileY, this._tempTileW, this._tempTileH, true); - /* - for (var r = 0; r < this._tempTileBlock.length; r++) - { - if (this.game.world.physics.separateTile(object, this._tempTileBlock[r].x * this.tileWidth, this._tempTileBlock[r].y * this.tileHeight, this.tileWidth, this.tileHeight, this._tempTileBlock[r].tile.mass, this._tempTileBlock[r].tile.collideLeft, this._tempTileBlock[r].tile.collideRight, this._tempTileBlock[r].tile.collideUp, this._tempTileBlock[r].tile.collideDown, this._tempTileBlock[r].tile.separateX, this._tempTileBlock[r].tile.separateY) == true) - { - this._tempBlockResults.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); - } - } - */ - return this._tempBlockResults; - }; - TilemapLayer.prototype.getTempBlock = /** - * Get a tile block with its position and size. (This method does not return, it'll set result to _tempTileBlock) - * @param x {number} X position of block's left-top corner. - * @param y {number} Y position of block's left-top corner. - * @param width {number} Width of block. - * @param height {number} Height of block. - * @param collisionOnly {boolean} Whethor or not ONLY return tiles which will collide (its allowCollisions value is not Collision.NONE). - */ - function (x, y, width, height, collisionOnly) { - if (typeof collisionOnly === "undefined") { collisionOnly = false; } - if(x < 0) { - x = 0; - } - if(y < 0) { - y = 0; - } - if(width > this.widthInTiles) { - width = this.widthInTiles; - } - if(height > this.heightInTiles) { - height = this.heightInTiles; - } - this._tempTileBlock = []; - for(var ty = y; ty < y + height; ty++) { - for(var tx = x; tx < x + width; tx++) { - if(collisionOnly) { - // We only want to consider the tile for checking if you can actually collide with it - if(this.mapData[ty] && this.mapData[ty][tx] && this.parent.tiles[this.mapData[ty][tx]].allowCollisions != Phaser.Types.NONE) { - this._tempTileBlock.push({ - x: tx, - y: ty, - tile: this.parent.tiles[this.mapData[ty][tx]] - }); - } - } else { - if(this.mapData[ty] && this.mapData[ty][tx]) { - this._tempTileBlock.push({ - x: tx, - y: ty, - tile: this.parent.tiles[this.mapData[ty][tx]] - }); - } - } - } - } - }; - TilemapLayer.prototype.getTileIndex = /** - * Get the tile index of specific position (in tiles). - * @param x {number} X position of the tile. - * @param y {number} Y position of the tile. - * @return {number} Index of the tile at that position. Return null if there isn't a tile there. - */ - function (x, y) { - if(y >= 0 && y < this.mapData.length) { - if(x >= 0 && x < this.mapData[y].length) { - return this.mapData[y][x]; - } - } - return null; - }; - TilemapLayer.prototype.addColumn = /** - * Add a column of tiles into the layer. - * @param column {string[]/number[]} An array of tile indexes to be added. - */ - function (column) { - var data = []; - for(var c = 0; c < column.length; c++) { - data[c] = parseInt(column[c]); - } - if(this.widthInTiles == 0) { - this.widthInTiles = data.length; - this.widthInPixels = this.widthInTiles * this.tileWidth; - } - this.mapData.push(data); - this.heightInTiles++; - this.heightInPixels += this.tileHeight; - }; - TilemapLayer.prototype.updateBounds = /** - * Update boundsInTiles with widthInTiles and heightInTiles. - */ - function () { - this.boundsInTiles.setTo(0, 0, this.widthInTiles, this.heightInTiles); - }; - TilemapLayer.prototype.parseTileOffsets = /** - * Parse tile offsets from map data. - * @return {number} length of tileOffsets array. - */ - function () { - this.tileOffsets = []; - var i = 0; - if(this.mapFormat == Phaser.Tilemap.FORMAT_TILED_JSON) { - // For some reason Tiled counts from 1 not 0 - this.tileOffsets[0] = null; - i = 1; - } - for(var ty = this.tileMargin; ty < this.texture.height; ty += (this.tileHeight + this.tileSpacing)) { - for(var tx = this.tileMargin; tx < this.texture.width; tx += (this.tileWidth + this.tileSpacing)) { - this.tileOffsets[i] = { - x: tx, - y: ty - }; - i++; - } - } - return this.tileOffsets.length; - }; - return TilemapLayer; - })(); - Phaser.TilemapLayer = TilemapLayer; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Tile -* -* A Tile is a single representation of a tile within a Tilemap -*/ -var Phaser; -(function (Phaser) { - var Tile = (function () { - /** - * Tile constructor - * Create a new Tile. - * - * @param tilemap {Tilemap} the tilemap this tile belongs to. - * @param index {number} The index of this tile type in the core map data. - * @param width {number} Width of the tile. - * @param height number} Height of the tile. - */ - function Tile(game, tilemap, index, width, height) { - /** - * The virtual mass of the tile. - * @type {number} - */ - this.mass = 1.0; - /** - * Indicating collide with any object on the left. - * @type {boolean} - */ - this.collideLeft = false; - /** - * Indicating collide with any object on the right. - * @type {boolean} - */ - this.collideRight = false; - /** - * Indicating collide with any object on the top. - * @type {boolean} - */ - this.collideUp = false; - /** - * Indicating collide with any object on the bottom. - * @type {boolean} - */ - this.collideDown = false; - /** - * Enable separation at x-axis. - * @type {boolean} - */ - this.separateX = true; - /** - * Enable separation at y-axis. - * @type {boolean} - */ - this.separateY = true; - this.game = game; - this.tilemap = tilemap; - this.index = index; - this.width = width; - this.height = height; - this.allowCollisions = Phaser.Types.NONE; - } - Tile.prototype.destroy = /** - * Clean up memory. - */ - function () { - this.tilemap = null; - }; - Tile.prototype.setCollision = /** - * Set collision configs. - * @param collision {number} Bit field of flags. (see Tile.allowCollision) - * @param resetCollisions {boolean} Reset collision flags before set. - * @param separateX {boolean} Enable seprate at x-axis. - * @param separateY {boolean} Enable seprate at y-axis. - */ - function (collision, resetCollisions, separateX, separateY) { - if(resetCollisions) { - this.resetCollision(); - } - this.separateX = separateX; - this.separateY = separateY; - this.allowCollisions = collision; - if(collision & Phaser.Types.ANY) { - this.collideLeft = true; - this.collideRight = true; - this.collideUp = true; - this.collideDown = true; - return; - } - if(collision & Phaser.Types.LEFT || collision & Phaser.Types.WALL) { - this.collideLeft = true; - } - if(collision & Phaser.Types.RIGHT || collision & Phaser.Types.WALL) { - this.collideRight = true; - } - if(collision & Phaser.Types.UP || collision & Phaser.Types.CEILING) { - this.collideUp = true; - } - if(collision & Phaser.Types.DOWN || collision & Phaser.Types.CEILING) { - this.collideDown = true; - } - }; - Tile.prototype.resetCollision = /** - * Reset collision status flags. - */ - function () { - this.allowCollisions = Phaser.Types.NONE; - this.collideLeft = false; - this.collideRight = false; - this.collideUp = false; - this.collideDown = false; - }; - Tile.prototype.toString = /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the object. - **/ - function () { - return "[{Tiled (index=" + this.index + " collisions=" + this.allowCollisions + " width=" + this.width + " height=" + this.height + ")}]"; - }; - return Tile; - })(); - Phaser.Tile = Tile; -})(Phaser || (Phaser = {})); -/// -/// -/// -/** -* Phaser - Tilemap -* -* This GameObject allows for the display of a tilemap within the game world. Tile maps consist of an image, tile data and a size. -* Internally it creates a TilemapLayer for each layer in the tilemap. -*/ -var Phaser; -(function (Phaser) { - var Tilemap = (function () { - /** - * Tilemap constructor - * Create a new Tilemap. - * - * @param game {Phaser.Game} Current game instance. - * @param key {string} Asset key for this map. - * @param mapData {string} Data of this map. (a big 2d array, normally in csv) - * @param format {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. - * @param resizeWorld {boolean} Resize the world bound automatically based on this tilemap? - * @param tileWidth {number} Width of tiles in this map. - * @param tileHeight {number} Height of tiles in this map. - */ - function Tilemap(game, key, mapData, format, resizeWorld, tileWidth, tileHeight) { - if (typeof resizeWorld === "undefined") { resizeWorld = true; } - if (typeof tileWidth === "undefined") { tileWidth = 0; } - if (typeof tileHeight === "undefined") { tileHeight = 0; } - /** - * z order value of the object. - */ - this.z = -1; - /** - * Render iteration counter - */ - this.renderOrderID = 0; - /** - * Tilemap collision callback. - * @type {function} - */ - this.collisionCallback = null; - this.game = game; - this.type = Phaser.Types.TILEMAP; - this.exists = true; - this.active = true; - this.visible = true; - this.alive = true; - this.z = -1; - this.group = null; - this.name = ''; - this.texture = new Phaser.Display.Texture(this); - this.transform = new Phaser.Components.TransformManager(this); - this.tiles = []; - this.layers = []; - this.mapFormat = format; - switch(format) { - case Tilemap.FORMAT_CSV: - this.parseCSV(game.cache.getText(mapData), key, tileWidth, tileHeight); - break; - case Tilemap.FORMAT_TILED_JSON: - this.parseTiledJSON(game.cache.getText(mapData), key); - break; - } - if(this.currentLayer && resizeWorld) { - this.game.world.setSize(this.currentLayer.widthInPixels, this.currentLayer.heightInPixels, true); - } - } - Tilemap.FORMAT_CSV = 0; - Tilemap.FORMAT_TILED_JSON = 1; - Tilemap.prototype.parseCSV = /** - * Parset csv map data and generate tiles. - * @param data {string} CSV map data. - * @param key {string} Asset key for tileset image. - * @param tileWidth {number} Width of its tile. - * @param tileHeight {number} Height of its tile. - */ - function (data, key, tileWidth, tileHeight) { - var layer = new Phaser.TilemapLayer(this, 0, key, Tilemap.FORMAT_CSV, 'TileLayerCSV' + this.layers.length.toString(), tileWidth, tileHeight); - // Trim any rogue whitespace from the data - data = data.trim(); - var rows = data.split("\n"); - for(var i = 0; i < rows.length; i++) { - var column = rows[i].split(","); - if(column.length > 0) { - layer.addColumn(column); - } - } - layer.updateBounds(); - var tileQuantity = layer.parseTileOffsets(); - this.currentLayer = layer; - this.collisionLayer = layer; - this.layers.push(layer); - this.generateTiles(tileQuantity); - }; - Tilemap.prototype.parseTiledJSON = /** - * Parse JSON map data and generate tiles. - * @param data {string} JSON map data. - * @param key {string} Asset key for tileset image. - */ - function (data, key) { - // Trim any rogue whitespace from the data - data = data.trim(); - var json = JSON.parse(data); - for(var i = 0; i < json.layers.length; i++) { - var layer = new Phaser.TilemapLayer(this, i, key, Tilemap.FORMAT_TILED_JSON, json.layers[i].name, json.tilewidth, json.tileheight); - // Check it's a data layer - if(!json.layers[i].data) { - continue; - } - layer.alpha = json.layers[i].opacity; - layer.visible = json.layers[i].visible; - layer.tileMargin = json.tilesets[0].margin; - layer.tileSpacing = json.tilesets[0].spacing; - var c = 0; - var row; - for(var t = 0; t < json.layers[i].data.length; t++) { - if(c == 0) { - row = []; - } - row.push(json.layers[i].data[t]); - c++; - if(c == json.layers[i].width) { - layer.addColumn(row); - c = 0; - } - } - layer.updateBounds(); - var tileQuantity = layer.parseTileOffsets(); - this.currentLayer = layer; - this.collisionLayer = layer; - this.layers.push(layer); - } - this.generateTiles(tileQuantity); - }; - Tilemap.prototype.generateTiles = /** - * Create tiles of given quantity. - * @param qty {number} Quentity of tiles to be generated. - */ - function (qty) { - for(var i = 0; i < qty; i++) { - this.tiles.push(new Phaser.Tile(this.game, this, i, this.currentLayer.tileWidth, this.currentLayer.tileHeight)); - } - }; - Object.defineProperty(Tilemap.prototype, "widthInPixels", { - get: function () { - return this.currentLayer.widthInPixels; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Tilemap.prototype, "heightInPixels", { - get: function () { - return this.currentLayer.heightInPixels; - }, - enumerable: true, - configurable: true - }); - Tilemap.prototype.setCollisionCallback = // Tile Collision - /** - * Set callback to be called when this tilemap collides. - * @param context {object} Callback will be called with this context. - * @param callback {function} Callback function. - */ - function (context, callback) { - this.collisionCallbackContext = context; - this.collisionCallback = callback; - }; - Tilemap.prototype.setCollisionRange = /** - * Set collision configs of tiles in a range index. - * @param start {number} First index of tiles. - * @param end {number} Last index of tiles. - * @param collision {number} Bit field of flags. (see Tile.allowCollision) - * @param resetCollisions {boolean} Reset collision flags before set. - * @param separateX {boolean} Enable seprate at x-axis. - * @param separateY {boolean} Enable seprate at y-axis. - */ - function (start, end, collision, resetCollisions, separateX, separateY) { - if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } - if (typeof resetCollisions === "undefined") { resetCollisions = false; } - if (typeof separateX === "undefined") { separateX = true; } - if (typeof separateY === "undefined") { separateY = true; } - for(var i = start; i < end; i++) { - this.tiles[i].setCollision(collision, resetCollisions, separateX, separateY); - } - }; - Tilemap.prototype.setCollisionByIndex = /** - * Set collision configs of tiles with given index. - * @param values {number[]} Index array which contains all tile indexes. The tiles with those indexes will be setup with rest parameters. - * @param collision {number} Bit field of flags. (see Tile.allowCollision) - * @param resetCollisions {boolean} Reset collision flags before set. - * @param separateX {boolean} Enable seprate at x-axis. - * @param separateY {boolean} Enable seprate at y-axis. - */ - function (values, collision, resetCollisions, separateX, separateY) { - if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } - if (typeof resetCollisions === "undefined") { resetCollisions = false; } - if (typeof separateX === "undefined") { separateX = true; } - if (typeof separateY === "undefined") { separateY = true; } - for(var i = 0; i < values.length; i++) { - this.tiles[values[i]].setCollision(collision, resetCollisions, separateX, separateY); - } - }; - Tilemap.prototype.getTileByIndex = // Tile Management - /** - * Get the tile by its index. - * @param value {number} Index of the tile you want to get. - * @return {Tile} The tile with given index. - */ - function (value) { - if(this.tiles[value]) { - return this.tiles[value]; - } - return null; - }; - Tilemap.prototype.getTile = /** - * Get the tile located at specific position and layer. - * @param x {number} X position of this tile located. - * @param y {number} Y position of this tile located. - * @param [layer] {number} layer of this tile located. - * @return {Tile} The tile with specific properties. - */ - function (x, y, layer) { - if (typeof layer === "undefined") { layer = this.currentLayer.ID; } - return this.tiles[this.layers[layer].getTileIndex(x, y)]; - }; - Tilemap.prototype.getTileFromWorldXY = /** - * Get the tile located at specific position (in world coordinate) and layer. (thus you give a position of a point which is within the tile) - * @param x {number} X position of the point in target tile. - * @param x {number} Y position of the point in target tile. - * @param [layer] {number} layer of this tile located. - * @return {Tile} The tile with specific properties. - */ - function (x, y, layer) { - if (typeof layer === "undefined") { layer = this.currentLayer.ID; } - return this.tiles[this.layers[layer].getTileFromWorldXY(x, y)]; - }; - Tilemap.prototype.getTileFromInputXY = /** - * Gets the tile underneath the Input.x/y position - * @param layer The layer to check, defaults to 0 - * @returns {Tile} - */ - function (layer) { - if (typeof layer === "undefined") { layer = this.currentLayer.ID; } - return this.tiles[this.layers[layer].getTileFromWorldXY(this.game.input.worldX, this.game.input.worldY)]; - }; - Tilemap.prototype.getTileOverlaps = /** - * Get tiles overlaps the given object. - * @param object {GameObject} Tiles you want to get that overlaps this. - * @return {array} Array with tiles information. (Each contains x, y and the tile.) - */ - function (object) { - return this.currentLayer.getTileOverlaps(object); - }; - Tilemap.prototype.collide = // COLLIDE - /** - * Check whether this tilemap collides with the given game object or group of objects. - * @param objectOrGroup {function} Target object of group you want to check. - * @param callback {function} This is called if objectOrGroup collides the tilemap. - * @param context {object} Callback will be called with this context. - * @return {boolean} Return true if this collides with given object, otherwise return false. - */ - function (objectOrGroup, callback, context) { - if (typeof objectOrGroup === "undefined") { objectOrGroup = null; } - if (typeof callback === "undefined") { callback = null; } - if (typeof context === "undefined") { context = null; } - if(callback !== null && context !== null) { - this.collisionCallback = callback; - this.collisionCallbackContext = context; - } - if(objectOrGroup == null) { - objectOrGroup = this.game.world.group; - } - // Group? - if(objectOrGroup.isGroup == false) { - this.collideGameObject(objectOrGroup); - } else { - objectOrGroup.forEachAlive(this, this.collideGameObject, true); - } - }; - Tilemap.prototype.collideGameObject = /** - * Check whether this tilemap collides with the given game object. - * @param object {GameObject} Target object you want to check. - * @return {boolean} Return true if this collides with given object, otherwise return false. - */ - function (object) { - if(object.body.type == Phaser.Types.BODY_DYNAMIC && object.exists == true && object.body.allowCollisions != Phaser.Types.NONE) { - this._tempCollisionData = this.collisionLayer.getTileOverlaps(object); - if(this.collisionCallback !== null && this._tempCollisionData.length > 0) { - this.collisionCallback.call(this.collisionCallbackContext, object, this._tempCollisionData); - } - return true; - } else { - return false; - } - }; - Tilemap.prototype.putTile = /** - * Set a tile to a specific layer. - * @param x {number} X position of this tile. - * @param y {number} Y position of this tile. - * @param index {number} The index of this tile type in the core map data. - * @param [layer] {number} which layer you want to set the tile to. - */ - function (x, y, index, layer) { - if (typeof layer === "undefined") { layer = this.currentLayer.ID; } - this.layers[layer].putTile(x, y, index); - }; - Tilemap.prototype.destroy = function () { - this.texture = null; - this.transform = null; - this.tiles.length = 0; - this.layers.length = 0; - }; - return Tilemap; - })(); - Phaser.Tilemap = Tilemap; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/// -/// -/** -* Phaser - GameObjectFactory -* -* A quick way to create new world objects and add existing objects to the current world. -*/ -var Phaser; -(function (Phaser) { - var GameObjectFactory = (function () { - /** - * GameObjectFactory constructor + * TweenManager constructor * @param game {Game} A reference to the current Game. */ - function GameObjectFactory(game) { + function TweenManager(game) { this.game = game; - this._world = this.game.world; + + this._tweens = []; + + this.game.onPause.add(this.pauseAll, this); + this.game.onResume.add(this.resumeAll, this); } - GameObjectFactory.prototype.camera = /** - * Create a new camera with specific position and size. - * - * @param x {number} X position of the new camera. - * @param y {number} Y position of the new camera. - * @param width {number} Width of the new camera. - * @param height {number} Height of the new camera. - * @returns {Camera} The newly created camera object. - */ - function (x, y, width, height) { - return this._world.cameras.addCamera(x, y, width, height); - }; - GameObjectFactory.prototype.button = /** - * Create a new GeomSprite with specific position. - * - * @param x {number} X position of the new geom sprite. - * @param y {number} Y position of the new geom sprite. - * @returns {GeomSprite} The newly created geom sprite object. - */ - //public geomSprite(x: number, y: number): GeomSprite { - // return this._world.group.add(new GeomSprite(this.game, x, y)); - //} /** - * Create a new Button game object. - * - * @param [x] {number} X position of the button. - * @param [y] {number} Y position of the button. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. - * @param [callback] {function} The function to call when this button is pressed - * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') - * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. - * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. - * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. - * @returns {Button} The newly created button object. + * Get all the tween objects in an array. + * @return {Phaser.Tween[]} Array with all tween objects. */ - function (x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof key === "undefined") { key = null; } - if (typeof callback === "undefined") { callback = null; } - if (typeof callbackContext === "undefined") { callbackContext = null; } - if (typeof overFrame === "undefined") { overFrame = null; } - if (typeof outFrame === "undefined") { outFrame = null; } - if (typeof downFrame === "undefined") { downFrame = null; } - return this._world.group.add(new Phaser.UI.Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame)); + TweenManager.prototype.getAll = function () { + return this._tweens; }; - GameObjectFactory.prototype.sprite = /** - * Create a new Sprite with specific position and sprite sheet key. - * - * @param x {number} X position of the new sprite. - * @param y {number} Y position of the new sprite. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite - * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. - * @returns {Sprite} The newly created sprite object. - */ - function (x, y, key, frame) { - if (typeof key === "undefined") { key = ''; } - if (typeof frame === "undefined") { frame = null; } - return this._world.group.add(new Phaser.Sprite(this.game, x, y, key, frame)); - }; - GameObjectFactory.prototype.audio = function (key, volume, loop) { - if (typeof volume === "undefined") { volume = 1; } - if (typeof loop === "undefined") { loop = false; } - return this.game.sound.add(key, volume, loop); - }; - GameObjectFactory.prototype.dynamicTexture = /** - * Create a new Sprite with the physics automatically created and set to DYNAMIC. The Sprite position offset is set to its center. - * - * @param x {number} X position of the new sprite. - * @param y {number} Y position of the new sprite. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite - * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. - * @param [bodyType] {number} The physics body type of the object (defaults to BODY_DYNAMIC) - * @param [shapeType] The default body shape is either 0 for a Box or 1 for a Circle. See Sprite.body.addShape for custom shapes (polygons, etc) - * @returns {Sprite} The newly created sprite object. - */ - //public physicsSprite(x: number, y: number, key?: string = '', frame? = null, bodyType?: number = Phaser.Types.BODY_DYNAMIC, shapeType?:number = 0): Sprite { - // return this._world.group.add(new Sprite(this.game, x, y, key, frame, bodyType, shapeType)); - //} + /** - * Create a new DynamicTexture with specific size. - * - * @param width {number} Width of the texture. - * @param height {number} Height of the texture. - * @returns {DynamicTexture} The newly created dynamic texture object. + * Remove all tween objects. */ - function (width, height) { - return new Phaser.DynamicTexture(this.game, width, height); + TweenManager.prototype.removeAll = function () { + this._tweens.length = 0; }; - GameObjectFactory.prototype.group = /** - * Create a new object container. - * - * @param maxSize {number} Optional, capacity of this group. - * @returns {Group} The newly created group. - */ - function (maxSize) { - if (typeof maxSize === "undefined") { maxSize = 0; } - return this._world.group.add(new Phaser.Group(this.game, maxSize)); - }; - GameObjectFactory.prototype.particle = /** - * Create a new Particle. - * - * @return {Particle} The newly created particle object. - */ - function () { - return new Phaser.ArcadeParticle(this.game); - }; - GameObjectFactory.prototype.emitter = /** - * Create a new Emitter. - * - * @param x {number} Optional, x position of the emitter. - * @param y {number} Optional, y position of the emitter. - * @param size {number} Optional, size of this emitter. - * @return {Emitter} The newly created emitter object. - */ - function (x, y, size) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof size === "undefined") { size = 0; } - return this._world.group.add(new Phaser.ArcadeEmitter(this.game, x, y, size)); - }; - GameObjectFactory.prototype.scrollZone = /** - * Create a new ScrollZone object with image key, position and size. - * - * @param key {string} Key to a image you wish this object to use. - * @param x {number} X position of this object. - * @param y {number} Y position of this object. - * @param width number} Width of this object. - * @param height {number} Height of this object. - * @returns {ScrollZone} The newly created scroll zone object. - */ - function (key, x, y, width, height) { - if (typeof x === "undefined") { x = 0; } - if (typeof y === "undefined") { y = 0; } - if (typeof width === "undefined") { width = 0; } - if (typeof height === "undefined") { height = 0; } - return this._world.group.add(new Phaser.ScrollZone(this.game, key, x, y, width, height)); - }; - GameObjectFactory.prototype.tilemap = /** - * Create a new Tilemap. - * - * @param key {string} Key for tileset image. - * @param mapData {string} Data of this tilemap. - * @param format {number} Format of map data. (Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON) - * @param [resizeWorld] {boolean} resize the world to make same as tilemap? - * @param [tileWidth] {number} width of each tile. - * @param [tileHeight] {number} height of each tile. - * @return {Tilemap} The newly created tilemap object. - */ - function (key, mapData, format, resizeWorld, tileWidth, tileHeight) { - if (typeof resizeWorld === "undefined") { resizeWorld = true; } - if (typeof tileWidth === "undefined") { tileWidth = 0; } - if (typeof tileHeight === "undefined") { tileHeight = 0; } - return this._world.group.add(new Phaser.Tilemap(this.game, key, mapData, format, resizeWorld, tileWidth, tileHeight)); - }; - GameObjectFactory.prototype.tween = /** + + /** * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. * * @param obj {object} Object the tween will be run on. * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. * @return {Phaser.Tween} The newly created tween object. */ - function (obj, localReference) { + TweenManager.prototype.create = function (object, localReference) { if (typeof localReference === "undefined") { localReference = false; } - return this.game.tweens.create(obj, localReference); + if (localReference) { + object['tween'] = new Phaser.Tween(object, this.game); + return object['tween']; + } else { + return new Phaser.Tween(object, this.game); + } }; - GameObjectFactory.prototype.existingSprite = /** - * Add an existing Sprite to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param sprite The Sprite to add to the Game World - * @return {Phaser.Sprite} The Sprite object - */ - function (sprite) { - return this._world.group.add(sprite); - }; - GameObjectFactory.prototype.existingGroup = /** - * Add an existing Group to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param group The Group to add to the Game World - * @return {Phaser.Group} The Group object - */ - function (group) { - return this._world.group.add(group); - }; - GameObjectFactory.prototype.existingButton = /** - * Add an existing Button to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param button The Button to add to the Game World - * @return {Phaser.Button} The Button object - */ - function (button) { - return this._world.group.add(button); - }; - GameObjectFactory.prototype.existingEmitter = /** - * Add an existing GeomSprite to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param sprite The GeomSprite to add to the Game World - * @return {Phaser.GeomSprite} The GeomSprite object - */ - //public existingGeomSprite(sprite: GeomSprite): GeomSprite { - // return this._world.group.add(sprite); - //} + /** - * Add an existing Emitter to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * Add a new tween into the TweenManager. * - * @param emitter The Emitter to add to the Game World - * @return {Phaser.Emitter} The Emitter object + * @param tween {Phaser.Tween} The tween object you want to add. + * @return {Phaser.Tween} The tween object you added to the manager. */ - function (emitter) { - return this._world.group.add(emitter); + TweenManager.prototype.add = function (tween) { + tween.parent = this.game; + + this._tweens.push(tween); + + return tween; }; - GameObjectFactory.prototype.existingScrollZone = /** - * Add an existing ScrollZone to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param scrollZone The ScrollZone to add to the Game World - * @return {Phaser.ScrollZone} The ScrollZone object - */ - function (scrollZone) { - return this._world.group.add(scrollZone); - }; - GameObjectFactory.prototype.existingTilemap = /** - * Add an existing Tilemap to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param tilemap The Tilemap to add to the Game World - * @return {Phaser.Tilemap} The Tilemap object - */ - function (tilemap) { - return this._world.group.add(tilemap); - }; - GameObjectFactory.prototype.existingTween = /** - * Add an existing Tween to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param tween The Tween to add to the Game World - * @return {Phaser.Tween} The Tween object - */ - function (tween) { - return this.game.tweens.add(tween); - }; - return GameObjectFactory; - })(); - Phaser.GameObjectFactory = GameObjectFactory; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - Sound -* -* A Sound file, used by the Game.SoundManager for playback. -*/ -var Phaser; -(function (Phaser) { - var Sound = (function () { + /** - * Sound constructor - * @param [volume] {number} volume of this sound when playing. - * @param [loop] {boolean} loop this sound when playing? (Default to false) - */ - function Sound(game, key, volume, loop) { - if (typeof volume === "undefined") { volume = 1; } - if (typeof loop === "undefined") { loop = false; } - /** - * Reference to AudioContext instance. - */ - this.context = null; - /** - * Decoded data buffer / Audio tag. - */ - this._buffer = null; - this._muted = false; - this.usingWebAudio = false; - this.usingAudioTag = false; - this.name = ''; - this.autoplay = false; - this.totalDuration = 0; - this.startTime = 0; - this.currentTime = 0; - this.duration = 0; - this.stopTime = 0; - this.paused = false; - this.loop = false; - this.isPlaying = false; - this.currentMarker = ''; - this.pendingPlayback = false; - this.override = false; - this.game = game; - this.usingWebAudio = this.game.sound.usingWebAudio; - this.usingAudioTag = this.game.sound.usingAudioTag; - this.key = key; - if(this.usingWebAudio) { - this.context = this.game.sound.context; - this.masterGainNode = this.game.sound.masterGain; - if(typeof this.context.createGain === 'undefined') { - this.gainNode = this.context.createGainNode(); - } else { - this.gainNode = this.context.createGain(); - } - this.gainNode.gain.value = volume * this.game.sound.volume; - this.gainNode.connect(this.masterGainNode); - } else { - if(this.game.cache.getSound(key) && this.game.cache.getSound(key).locked == false) { - this._sound = this.game.cache.getSoundData(key); - this.totalDuration = this._sound.duration; - } else { - this.game.cache.onSoundUnlock.add(this.soundHasUnlocked, this); - } - } - this._volume = volume; - this.loop = loop; - this.markers = { - }; - this.onDecoded = new Phaser.Signal(); - this.onPlay = new Phaser.Signal(); - this.onPause = new Phaser.Signal(); - this.onResume = new Phaser.Signal(); - this.onLoop = new Phaser.Signal(); - this.onStop = new Phaser.Signal(); - this.onMute = new Phaser.Signal(); - this.onMarkerComplete = new Phaser.Signal(); - } - Sound.prototype.soundHasUnlocked = function (key) { - if(key == this.key) { - this._sound = this.game.cache.getSoundData(this.key); - this.totalDuration = this._sound.duration; - //console.log('sound has unlocked', this._sound); - } - }; - Object.defineProperty(Sound.prototype, "isDecoding", { - get: function () { - return this.game.cache.getSound(this.key).isDecoding; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Sound.prototype, "isDecoded", { - get: function () { - return this.game.cache.isSoundDecoded(this.key); - }, - enumerable: true, - configurable: true - }); - Sound.prototype.addMarker = function (name, start, stop, volume, loop) { - if (typeof volume === "undefined") { volume = 1; } - if (typeof loop === "undefined") { loop = false; } - this.markers[name] = { - name: name, - start: start, - stop: stop, - volume: volume, - duration: stop - start, - loop: loop - }; - }; - Sound.prototype.removeMarker = function (name) { - delete this.markers[name]; - }; - Sound.prototype.update = function () { - if(this.pendingPlayback && this.game.cache.isSoundReady(this.key)) { - this.pendingPlayback = false; - this.play(this._tempMarker, this._tempPosition, this._tempVolume, this._tempLoop); - } - if(this.isPlaying) { - this.currentTime = this.game.time.now - this.startTime; - if(this.currentTime >= this.duration) { - //console.log(this.currentMarker, 'has hit duration'); - if(this.usingWebAudio) { - if(this.loop) { - //console.log('loop1'); - // won't work with markers, needs to reset the position - this.onLoop.dispatch(this); - if(this.currentMarker == '') { - //console.log('loop2'); - this.currentTime = 0; - this.startTime = this.game.time.now; - } else { - //console.log('loop3'); - this.play(this.currentMarker, 0, this.volume, true, true); - } - } else { - //console.log('stopping, no loop for marker'); - this.stop(); - } - } else { - if(this.loop) { - this.onLoop.dispatch(this); - this.play(this.currentMarker, 0, this.volume, true, true); - } else { - this.stop(); - } - } - } - } - }; - Sound.prototype.play = /** - * Play this sound, or a marked section of it. - * @param marker {string} Assets key of the sound you want to play. - * @param [volume] {number} volume of the sound you want to play. - * @param [loop] {boolean} loop when it finished playing? (Default to false) - * @return {Sound} The playing sound object. - */ - function (marker, position, volume, loop, forceRestart) { - if (typeof marker === "undefined") { marker = ''; } - if (typeof position === "undefined") { position = 0; } - if (typeof volume === "undefined") { volume = 1; } - if (typeof loop === "undefined") { loop = false; } - if (typeof forceRestart === "undefined") { forceRestart = false; } - //console.log('play', marker, 'current is', this.currentMarker); - if(this.isPlaying == true && forceRestart == false && this.override == false) { - // Use Restart instead - return; - } - if(this.isPlaying && this.override) { - //console.log('asked to play', marker, 'but already playing', this.currentMarker); - if(this.usingWebAudio) { - if(typeof this._sound.stop === 'undefined') { - this._sound.noteOff(0); - } else { - this._sound.stop(0); - } - } else if(this.usingAudioTag) { - this._sound.pause(); - this._sound.currentTime = 0; - } - } - this.currentMarker = marker; - if(marker !== '' && this.markers[marker]) { - this.position = this.markers[marker].start; - this.volume = this.markers[marker].volume; - this.loop = this.markers[marker].loop; - this.duration = this.markers[marker].duration * 1000; - //console.log('marker info loaded', this.loop, this.duration); - this._tempMarker = marker; - this._tempPosition = this.position; - this._tempVolume = this.volume; - this._tempLoop = this.loop; - } else { - this.position = position; - this.volume = volume; - this.loop = loop; - this.duration = 0; - this._tempMarker = marker; - this._tempPosition = position; - this._tempVolume = volume; - this._tempLoop = loop; - } - if(this.usingWebAudio) { - // Does the sound need decoding? - if(this.game.cache.isSoundDecoded(this.key)) { - // Do we need to do this every time we play? How about just if the buffer is empty? - if(this._buffer == null) { - this._buffer = this.game.cache.getSoundData(this.key); - } - //if (this._sound == null) - //{ - this._sound = this.context.createBufferSource(); - this._sound.buffer = this._buffer; - this._sound.connect(this.gainNode); - this.totalDuration = this._sound.buffer.duration; - //} - if(this.duration == 0) { - this.duration = this.totalDuration * 1000; - } - if(this.loop && marker == '') { - this._sound.loop = true; - } - // Useful to cache this somewhere perhaps? - if(typeof this._sound.start === 'undefined') { - this._sound.noteGrainOn(0, this.position, this.duration / 1000); - //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it - } else { - this._sound.start(0, this.position, this.duration / 1000); - } - this.isPlaying = true; - this.startTime = this.game.time.now; - this.currentTime = 0; - this.stopTime = this.startTime + this.duration; - this.onPlay.dispatch(this); - //console.log('playing, start', this.startTime, 'stop'); - } else { - this.pendingPlayback = true; - if(this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).isDecoding == false) { - this.game.sound.decode(this.key, this); - } - } - } else { - //console.log('Sound play Audio'); - if(this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).locked) { - //console.log('tried playing locked sound, pending set, reload started'); - this.game.cache.reloadSound(this.key); - this.pendingPlayback = true; - } else { - //console.log('sound not locked, state?', this._sound.readyState); - if(this._sound && this._sound.readyState == 4) { - if(this.duration == 0) { - this.duration = this.totalDuration * 1000; - } - //console.log('playing', this._sound); - this._sound.currentTime = this.position; - this._sound.muted = this._muted; - if(this._muted) { - this._sound.volume = 0; - } else { - this._sound.volume = this._volume; - } - this._sound.play(); - this.isPlaying = true; - this.startTime = this.game.time.now; - this.currentTime = 0; - this.stopTime = this.startTime + this.duration; - this.onPlay.dispatch(this); - } else { - this.pendingPlayback = true; - } - } - } - }; - Sound.prototype.restart = function (marker, position, volume, loop) { - if (typeof marker === "undefined") { marker = ''; } - if (typeof position === "undefined") { position = 0; } - if (typeof volume === "undefined") { volume = 1; } - if (typeof loop === "undefined") { loop = false; } - this.play(marker, position, volume, loop, true); - }; - Sound.prototype.pause = function () { - if(this.isPlaying && this._sound) { - this.stop(); - this.isPlaying = false; - this.paused = true; - this.onPause.dispatch(this); - } - }; - Sound.prototype.resume = function () { - if(this.paused && this._sound) { - if(this.usingWebAudio) { - if(typeof this._sound.start === 'undefined') { - this._sound.noteGrainOn(0, this.position, this.duration); - //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it - } else { - this._sound.start(0, this.position, this.duration); - } - } else { - this._sound.play(); - } - this.isPlaying = true; - this.paused = false; - this.onResume.dispatch(this); - } - }; - Sound.prototype.stop = /** - * Stop playing this sound. - */ - function () { - if(this.isPlaying && this._sound) { - if(this.usingWebAudio) { - if(typeof this._sound.stop === 'undefined') { - this._sound.noteOff(0); - } else { - this._sound.stop(0); - } - } else if(this.usingAudioTag) { - this._sound.pause(); - this._sound.currentTime = 0; - } - } - this.isPlaying = false; - var prevMarker = this.currentMarker; - this.currentMarker = ''; - this.onStop.dispatch(this, prevMarker); - }; - Object.defineProperty(Sound.prototype, "mute", { - get: /** - * Mute sounds. - */ - function () { - return this._muted; - }, - set: function (value) { - if(value) { - this._muted = true; - if(this.usingWebAudio) { - this._muteVolume = this.gainNode.gain.value; - this.gainNode.gain.value = 0; - } else if(this.usingAudioTag && this._sound) { - this._muteVolume = this._sound.volume; - this._sound.volume = 0; - } - } else { - this._muted = false; - if(this.usingWebAudio) { - this.gainNode.gain.value = this._muteVolume; - } else if(this.usingAudioTag && this._sound) { - this._sound.volume = this._muteVolume; - } - } - this.onMute.dispatch(this); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Sound.prototype, "volume", { - get: function () { - return this._volume; - }, - set: function (value) { - this._volume = value; - if(this.usingWebAudio) { - this.gainNode.gain.value = value; - } else if(this.usingAudioTag && this._sound) { - this._sound.volume = value; - } - }, - enumerable: true, - configurable: true - }); - return Sound; - })(); - Phaser.Sound = Sound; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - SoundManager -* -*/ -var Phaser; -(function (Phaser) { - var SoundManager = (function () { - /** - * SoundManager constructor - * Create a new SoundManager. - */ - function SoundManager(game) { - this.usingWebAudio = false; - this.usingAudioTag = false; - this.noAudio = false; - /** - * Reference to AudioContext instance. - */ - this.context = null; - this._muted = false; - this.touchLocked = false; - this._unlockSource = null; - this.onSoundDecode = new Phaser.Signal(); - this.game = game; - this._volume = 1; - this._muted = false; - this._sounds = []; - if(this.game.device.iOS && this.game.device.webAudio == false) { - this.channels = 1; - } - if(this.game.device.iOS || (window['PhaserGlobal'] && window['PhaserGlobal'].fakeiOSTouchLock)) { - //console.log('iOS Touch Locked'); - this.game.input.touch.callbackContext = this; - this.game.input.touch.touchStartCallback = this.unlock; - this.game.input.mouse.callbackContext = this; - this.game.input.mouse.mouseDownCallback = this.unlock; - this.touchLocked = true; - } else { - // What about iOS5? - this.touchLocked = false; - } - if(window['PhaserGlobal']) { - // Check to see if all audio playback is disabled (i.e. handled by a 3rd party class) - if(window['PhaserGlobal'].disableAudio == true) { - this.usingWebAudio = false; - this.noAudio = true; - return; - } - // Check if the Web Audio API is disabled (for testing Audio Tag playback during development) - if(window['PhaserGlobal'].disableWebAudio == true) { - this.usingWebAudio = false; - this.usingAudioTag = true; - this.noAudio = false; - return; - } - } - this.usingWebAudio = true; - this.noAudio = false; - if(!!window['AudioContext']) { - this.context = new window['AudioContext'](); - } else if(!!window['webkitAudioContext']) { - this.context = new window['webkitAudioContext'](); - } else if(!!window['Audio']) { - this.usingWebAudio = false; - this.usingAudioTag = true; - } else { - this.usingWebAudio = false; - this.noAudio = true; - } - if(this.context !== null) { - if(typeof this.context.createGain === 'undefined') { - this.masterGain = this.context.createGainNode(); - } else { - this.masterGain = this.context.createGain(); - } - this.masterGain.gain.value = 1; - this.masterGain.connect(this.context.destination); - } - } - SoundManager.prototype.unlock = function () { - if(this.touchLocked == false) { - return; - } - //console.log('SoundManager touch unlocked'); - if(this.game.device.webAudio && (window['PhaserGlobal'] && window['PhaserGlobal'].disableWebAudio == false)) { - //console.log('create empty buffer'); - // Create empty buffer and play it - var buffer = this.context.createBuffer(1, 1, 22050); - this._unlockSource = this.context.createBufferSource(); - this._unlockSource.buffer = buffer; - this._unlockSource.connect(this.context.destination); - this._unlockSource.noteOn(0); - } else { - // Create an Audio tag? - //console.log('create audio tag'); - this.touchLocked = false; - this._unlockSource = null; - this.game.input.touch.callbackContext = null; - this.game.input.touch.touchStartCallback = null; - this.game.input.mouse.callbackContext = null; - this.game.input.mouse.mouseDownCallback = null; - } - }; - Object.defineProperty(SoundManager.prototype, "mute", { - get: /** - * A global audio mute toggle. - */ - function () { - return this._muted; - }, - set: function (value) { - console.log('SoundManager mute', value); - if(value) { - if(this._muted) { - return; - } - this._muted = true; - if(this.usingWebAudio) { - this._muteVolume = this.masterGain.gain.value; - this.masterGain.gain.value = 0; - } - // Loop through sounds - for(var i = 0; i < this._sounds.length; i++) { - if(this._sounds[i].usingAudioTag) { - this._sounds[i].mute = true; - } - } - } else { - if(this._muted == false) { - return; - } - this._muted = false; - if(this.usingWebAudio) { - this.masterGain.gain.value = this._muteVolume; - } - // Loop through sounds - for(var i = 0; i < this._sounds.length; i++) { - if(this._sounds[i].usingAudioTag) { - this._sounds[i].mute = false; - } - } - } - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(SoundManager.prototype, "volume", { - get: function () { - if(this.usingWebAudio) { - return this.masterGain.gain.value; - } else { - return this._volume; - } - }, - set: /** - * The global audio volume. A value between 0 (silence) and 1 (full volume) - */ - function (value) { - value = this.game.math.clamp(value, 1, 0); - this._volume = value; - if(this.usingWebAudio) { - this.masterGain.gain.value = value; - } - // Loop through the sound cache and change the volume of all html audio tags - for(var i = 0; i < this._sounds.length; i++) { - if(this._sounds[i].usingAudioTag) { - this._sounds[i].volume = this._sounds[i].volume * value; - } - } - }, - enumerable: true, - configurable: true - }); - SoundManager.prototype.stopAll = function () { - for(var i = 0; i < this._sounds.length; i++) { - if(this._sounds[i]) { - this._sounds[i].stop(); - } - } - }; - SoundManager.prototype.pauseAll = function () { - for(var i = 0; i < this._sounds.length; i++) { - if(this._sounds[i]) { - this._sounds[i].pause(); - } - } - }; - SoundManager.prototype.resumeAll = function () { - for(var i = 0; i < this._sounds.length; i++) { - if(this._sounds[i]) { - this._sounds[i].resume(); - } - } - }; - SoundManager.prototype.decode = /** - * Decode a sound with its assets key. - * @param key {string} Assets key of the sound to be decoded. - * @param [sound] {Sound} its bufer will be set to decoded data. - */ - function (key, sound) { - if (typeof sound === "undefined") { sound = null; } - var soundData = this.game.cache.getSoundData(key); - if(soundData) { - if(this.game.cache.isSoundDecoded(key) === false) { - this.game.cache.updateSound(key, 'isDecoding', true); - var that = this; - this.context.decodeAudioData(soundData, function (buffer) { - that.game.cache.decodedSound(key, buffer); - if(sound) { - that.onSoundDecode.dispatch(sound); - } - }); - } - } - }; - SoundManager.prototype.update = function () { - if(this.touchLocked) { - if(this.game.device.webAudio && this._unlockSource !== null) { - if((this._unlockSource.playbackState === this._unlockSource.PLAYING_STATE || this._unlockSource.playbackState === this._unlockSource.FINISHED_STATE)) { - this.touchLocked = false; - this._unlockSource = null; - this.game.input.touch.callbackContext = null; - this.game.input.touch.touchStartCallback = null; - } - } - } - for(var i = 0; i < this._sounds.length; i++) { - this._sounds[i].update(); - } - }; - SoundManager.prototype.add = function (key, volume, loop) { - if (typeof volume === "undefined") { volume = 1; } - if (typeof loop === "undefined") { loop = false; } - var sound = new Phaser.Sound(this.game, key, volume, loop); - this._sounds.push(sound); - return sound; - }; - return SoundManager; - })(); - Phaser.SoundManager = SoundManager; -})(Phaser || (Phaser = {})); -/** -* Phaser -* -* v1.0.0 - August 12th 2013 -* -* A feature-packed 2D canvas game framework born from the firey pits of Flixel and Kiwi. -* -* Richard Davey (@photonstorm) -* -* Many thanks to Adam Saltsman (@ADAMATOMIC) for releasing Flixel, from both which Phaser -* and my love of game development took a lot of inspiration. -* -* "If you want your children to be intelligent, read them fairy tales." -* "If you want them to be more intelligent, read them more fairy tales." -* -- Albert Einstein -*/ -var Phaser; -(function (Phaser) { - Phaser.VERSION = 'Phaser version 1.0.0'; - Phaser.GAMES = []; -})(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /** - * Phaser - Display - CSS3Filters - * - * Allows for easy addition and modification of CSS3 Filters on DOM objects (typically the Game.Stage.canvas). - */ - (function (Display) { - var CSS3Filters = (function () { - /** - * Creates a new CSS3 Filter component - * @param parent The DOM object to apply the filters to. - */ - function CSS3Filters(parent) { - this._blur = 0; - this._grayscale = 0; - this._sepia = 0; - this._brightness = 0; - this._contrast = 0; - this._hueRotate = 0; - this._invert = 0; - this._opacity = 0; - this._saturate = 0; - this.parent = parent; - } - CSS3Filters.prototype.setFilter = function (local, prefix, value, unit) { - this[local] = value; - if(this.parent) { - this.parent.style['-webkit-filter'] = prefix + '(' + value + unit + ')'; - } - }; - Object.defineProperty(CSS3Filters.prototype, "blur", { - get: function () { - return this._blur; - }, - set: /** - * Applies a Gaussian blur to the DOM element. The value of ‘radius’ defines the value of the standard deviation to the Gaussian function, - * or how many pixels on the screen blend into each other, so a larger value will create more blur. - * If no parameter is provided, then a value 0 is used. The parameter is specified as a CSS length, but does not accept percentage values. - */ - function (radius) { - if (typeof radius === "undefined") { radius = 0; } - this.setFilter('_blur', 'blur', radius, 'px'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "grayscale", { - get: function () { - return this._grayscale; - }, - set: /** - * Converts the input image to grayscale. The value of ‘amount’ defines the proportion of the conversion. - * A value of 100% is completely grayscale. A value of 0% leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. If the ‘amount’ parameter is missing, a value of 100% is used. - */ - function (amount) { - if (typeof amount === "undefined") { amount = 100; } - this.setFilter('_grayscale', 'grayscale', amount, '%'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "sepia", { - get: function () { - return this._sepia; - }, - set: /** - * Converts the input image to sepia. The value of ‘amount’ defines the proportion of the conversion. - * A value of 100% is completely sepia. A value of 0 leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. If the ‘amount’ parameter is missing, a value of 100% is used. - */ - function (amount) { - if (typeof amount === "undefined") { amount = 100; } - this.setFilter('_sepia', 'sepia', amount, '%'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "brightness", { - get: function () { - return this._brightness; - }, - set: /** - * Applies a linear multiplier to input image, making it appear more or less bright. - * A value of 0% will create an image that is completely black. A value of 100% leaves the input unchanged. - * Other values are linear multipliers on the effect. Values of an amount over 100% are allowed, providing brighter results. - * If the ‘amount’ parameter is missing, a value of 100% is used. - */ - function (amount) { - if (typeof amount === "undefined") { amount = 100; } - this.setFilter('_brightness', 'brightness', amount, '%'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "contrast", { - get: function () { - return this._contrast; - }, - set: /** - * Adjusts the contrast of the input. A value of 0% will create an image that is completely black. - * A value of 100% leaves the input unchanged. Values of amount over 100% are allowed, providing results with less contrast. - * If the ‘amount’ parameter is missing, a value of 100% is used. - */ - function (amount) { - if (typeof amount === "undefined") { amount = 100; } - this.setFilter('_contrast', 'contrast', amount, '%'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "hueRotate", { - get: function () { - return this._hueRotate; - }, - set: /** - * Applies a hue rotation on the input image. The value of ‘angle’ defines the number of degrees around the color circle - * the input samples will be adjusted. A value of 0deg leaves the input unchanged. If the ‘angle’ parameter is missing, - * a value of 0deg is used. Maximum value is 360deg. - */ - function (angle) { - if (typeof angle === "undefined") { angle = 0; } - this.setFilter('_hueRotate', 'hue-rotate', angle, 'deg'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "invert", { - get: function () { - return this._invert; - }, - set: /** - * Inverts the samples in the input image. The value of ‘amount’ defines the proportion of the conversion. - * A value of 100% is completely inverted. A value of 0% leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. If the ‘amount’ parameter is missing, a value of 100% is used. - */ - function (value) { - if (typeof value === "undefined") { value = 100; } - this.setFilter('_invert', 'invert', value, '%'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "opacity", { - get: function () { - return this._opacity; - }, - set: /** - * Applies transparency to the samples in the input image. The value of ‘amount’ defines the proportion of the conversion. - * A value of 0% is completely transparent. A value of 100% leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. This is equivalent to multiplying the input image samples by amount. - * If the ‘amount’ parameter is missing, a value of 100% is used. - * This function is similar to the more established opacity property; the difference is that with filters, some browsers provide hardware acceleration for better performance. - */ - function (value) { - if (typeof value === "undefined") { value = 100; } - this.setFilter('_opacity', 'opacity', value, '%'); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(CSS3Filters.prototype, "saturate", { - get: function () { - return this._saturate; - }, - set: /** - * Saturates the input image. The value of ‘amount’ defines the proportion of the conversion. - * A value of 0% is completely un-saturated. A value of 100% leaves the input unchanged. - * Other values are linear multipliers on the effect. Values of amount over 100% are allowed, providing super-saturated results. - * If the ‘amount’ parameter is missing, a value of 100% is used. - */ - function (value) { - if (typeof value === "undefined") { value = 100; } - this.setFilter('_saturate', 'saturate', value, '%'); - }, - enumerable: true, - configurable: true - }); - return CSS3Filters; - })(); - Display.CSS3Filters = CSS3Filters; - })(Phaser.Display || (Phaser.Display = {})); - var Display = Phaser.Display; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - StageScaleMode -* -* This class controls the scaling of your game. On mobile devices it will also remove the URL bar and allow -* you to maintain proportion and aspect ratio. -* The resizing method is based on a technique taken from Viewporter v2.0 by Zynga Inc. http://github.com/zynga/viewporter -*/ -var Phaser; -(function (Phaser) { - var StageScaleMode = (function () { - /** - * StageScaleMode constructor - */ - function StageScaleMode(game, width, height) { - var _this = this; - /** - * Stage height when start the game. - * @type {number} - */ - this._startHeight = 0; - /** - * If the game should be forced to use Landscape mode, this is set to true by Game.Stage - * @type {Boolean} - */ - this.forceLandscape = false; - /** - * If the game should be forced to use Portrait mode, this is set to true by Game.Stage - * @type {Boolean} - */ - this.forcePortrait = false; - /** - * If the game should be forced to use a specific orientation and the device currently isn't in that orientation this is set to true. - * @type {Boolean} - */ - this.incorrectOrientation = false; - /** - * If you wish to align your game in the middle of the page then you can set this value to true. - * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. - * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. - * @type {Boolean} - */ - this.pageAlignHorizontally = false; - /** - * If you wish to align your game in the middle of the page then you can set this value to true. - * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. - * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. - * @type {Boolean} - */ - this.pageAlignVeritcally = false; - /** - * Minimum width the canvas should be scaled to (in pixels) - * @type {number} - */ - this.minWidth = null; - /** - * Maximum width the canvas should be scaled to (in pixels). - * If null it will scale to whatever width the browser can handle. - * @type {number} - */ - this.maxWidth = null; - /** - * Minimum height the canvas should be scaled to (in pixels) - * @type {number} - */ - this.minHeight = null; - /** - * Maximum height the canvas should be scaled to (in pixels). - * If null it will scale to whatever height the browser can handle. - * @type {number} - */ - this.maxHeight = null; - /** - * Width of the stage after calculation. - * @type {number} - */ - this.width = 0; - /** - * Height of the stage after calculation. - * @type {number} - */ - this.height = 0; - /** - * The maximum number of times it will try to resize the canvas to fill the browser (default is 10) - * @type {number} - */ - this.maxIterations = 10; - this.game = game; - this.enterLandscape = new Phaser.Signal(); - this.enterPortrait = new Phaser.Signal(); - if(window['orientation']) { - this.orientation = window['orientation']; - } else { - if(window.outerWidth > window.outerHeight) { - this.orientation = 90; - } else { - this.orientation = 0; - } - } - this.scaleFactor = new Phaser.Vec2(1, 1); - this.aspectRatio = 0; - this.minWidth = width; - this.minHeight = height; - this.maxWidth = width; - this.maxHeight = height; - window.addEventListener('orientationchange', function (event) { - return _this.checkOrientation(event); - }, false); - window.addEventListener('resize', function (event) { - return _this.checkResize(event); - }, false); - } - StageScaleMode.EXACT_FIT = 0; - StageScaleMode.NO_SCALE = 1; - StageScaleMode.SHOW_ALL = 2; - Object.defineProperty(StageScaleMode.prototype, "isFullScreen", { - get: // Full Screen API calls - function () { - if(document['fullscreenElement'] === null || document['mozFullScreenElement'] === null || document['webkitFullscreenElement'] === null) { - return false; - } - return true; - }, - enumerable: true, - configurable: true - }); - StageScaleMode.prototype.startFullScreen = function () { - if(this.isFullScreen) { - return; - } - var element = this.game.stage.canvas; - if(element['requestFullScreen']) { - element['requestFullScreen'](); - } else if(element['mozRequestFullScreen']) { - element['mozRequestFullScreen'](); - } else if(element['webkitRequestFullScreen']) { - element['webkitRequestFullScreen'](); - } - }; - StageScaleMode.prototype.stopFullScreen = function () { - if(document['cancelFullScreen']) { - document['cancelFullScreen'](); - } else if(document['mozCancelFullScreen']) { - document['mozCancelFullScreen'](); - } else if(document['webkitCancelFullScreen']) { - document['webkitCancelFullScreen'](); - } - }; - StageScaleMode.prototype.update = /** - * The core update loop, called by Phaser.Stage - */ - function () { - if(this.game.stage.scaleMode !== StageScaleMode.NO_SCALE && (window.innerWidth !== this.width || window.innerHeight !== this.height)) { - this.refresh(); - } - if(this.forceLandscape || this.forcePortrait) { - this.checkOrientationState(); - } - }; - StageScaleMode.prototype.checkOrientationState = function () { - // They are in the wrong orientation - if(this.incorrectOrientation) { - if((this.forceLandscape && window.innerWidth > window.innerHeight) || (this.forcePortrait && window.innerHeight > window.innerWidth)) { - // Back to normal - this.game.paused = false; - this.incorrectOrientation = false; - this.refresh(); - } - } else { - if((this.forceLandscape && window.innerWidth < window.innerHeight) || (this.forcePortrait && window.innerHeight < window.innerWidth)) { - // Show orientation screen - this.game.paused = true; - this.incorrectOrientation = true; - this.refresh(); - } - } - }; - Object.defineProperty(StageScaleMode.prototype, "isPortrait", { - get: function () { - return this.orientation == 0 || this.orientation == 180; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(StageScaleMode.prototype, "isLandscape", { - get: function () { - return this.orientation === 90 || this.orientation === -90; - }, - enumerable: true, - configurable: true - }); - StageScaleMode.prototype.checkOrientation = /** - * Handle window.orientationchange events - */ - function (event) { - this.orientation = window['orientation']; - if(this.isLandscape) { - this.enterLandscape.dispatch(this.orientation, true, false); - } else { - this.enterPortrait.dispatch(this.orientation, false, true); - } - if(this.game.stage.scaleMode !== StageScaleMode.NO_SCALE) { - this.refresh(); - } - }; - StageScaleMode.prototype.checkResize = /** - * Handle window.resize events - */ - function (event) { - if(window.outerWidth > window.outerHeight) { - this.orientation = 90; - } else { - this.orientation = 0; - } - if(this.isLandscape) { - this.enterLandscape.dispatch(this.orientation, true, false); - } else { - this.enterPortrait.dispatch(this.orientation, false, true); - } - if(this.game.stage.scaleMode !== StageScaleMode.NO_SCALE) { - this.refresh(); - } - }; - StageScaleMode.prototype.refresh = /** - * Re-calculate scale mode and update screen size. - */ - function () { - var _this = this; - // We can't do anything about the status bars in iPads, web apps or desktops - if(this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false) { - document.documentElement.style.minHeight = '2000px'; - this._startHeight = window.innerHeight; - if(this.game.device.android && this.game.device.chrome == false) { - window.scrollTo(0, 1); - } else { - window.scrollTo(0, 0); - } - } - if(this._check == null && this.maxIterations > 0) { - this._iterations = this.maxIterations; - this._check = window.setInterval(function () { - return _this.setScreenSize(); - }, 10); - this.setScreenSize(); - } - }; - StageScaleMode.prototype.setScreenSize = /** - * Set screen size automatically based on the scaleMode. - */ - function (force) { - if (typeof force === "undefined") { force = false; } - if(this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false) { - if(this.game.device.android && this.game.device.chrome == false) { - window.scrollTo(0, 1); - } else { - window.scrollTo(0, 0); - } - } - this._iterations--; - if(force || window.innerHeight > this._startHeight || this._iterations < 0) { - // Set minimum height of content to new window height - document.documentElement.style.minHeight = window.innerHeight + 'px'; - if(this.incorrectOrientation == true) { - this.setMaximum(); - } else if(this.game.stage.scaleMode == StageScaleMode.EXACT_FIT) { - this.setExactFit(); - } else if(this.game.stage.scaleMode == StageScaleMode.SHOW_ALL) { - this.setShowAll(); - } - this.setSize(); - clearInterval(this._check); - this._check = null; - } - }; - StageScaleMode.prototype.setSize = function () { - if(this.incorrectOrientation == false) { - if(this.maxWidth && this.width > this.maxWidth) { - this.width = this.maxWidth; - } - if(this.maxHeight && this.height > this.maxHeight) { - this.height = this.maxHeight; - } - if(this.minWidth && this.width < this.minWidth) { - this.width = this.minWidth; - } - if(this.minHeight && this.height < this.minHeight) { - this.height = this.minHeight; - } - } - this.game.stage.canvas.style.width = this.width + 'px'; - this.game.stage.canvas.style.height = this.height + 'px'; - this.game.input.scale.setTo(this.game.stage.width / this.width, this.game.stage.height / this.height); - if(this.pageAlignHorizontally) { - if(this.width < window.innerWidth && this.incorrectOrientation == false) { - this.game.stage.canvas.style.marginLeft = Math.round((window.innerWidth - this.width) / 2) + 'px'; - } else { - this.game.stage.canvas.style.marginLeft = '0px'; - } - } - if(this.pageAlignVeritcally) { - if(this.height < window.innerHeight && this.incorrectOrientation == false) { - this.game.stage.canvas.style.marginTop = Math.round((window.innerHeight - this.height) / 2) + 'px'; - } else { - this.game.stage.canvas.style.marginTop = '0px'; - } - } - this.game.stage.getOffset(this.game.stage.canvas); - this.aspectRatio = this.width / this.height; - this.scaleFactor.x = this.game.stage.width / this.width; - this.scaleFactor.y = this.game.stage.height / this.height; - }; - StageScaleMode.prototype.setMaximum = function () { - this.width = window.innerWidth; - this.height = window.innerHeight; - }; - StageScaleMode.prototype.setShowAll = function () { - var multiplier = Math.min((window.innerHeight / this.game.stage.height), (window.innerWidth / this.game.stage.width)); - this.width = Math.round(this.game.stage.width * multiplier); - this.height = Math.round(this.game.stage.height * multiplier); - }; - StageScaleMode.prototype.setExactFit = function () { - if(this.maxWidth && window.innerWidth > this.maxWidth) { - this.width = this.maxWidth; - } else { - this.width = window.innerWidth; - } - if(this.maxHeight && window.innerHeight > this.maxHeight) { - this.height = this.maxHeight; - } else { - this.height = window.innerHeight; - } - }; - return StageScaleMode; - })(); - Phaser.StageScaleMode = StageScaleMode; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - BootScreen -* -* The BootScreen is displayed when Phaser is started without any default functions or State -*/ -var Phaser; -(function (Phaser) { - var BootScreen = (function () { - /** - * BootScreen constructor - * Create a new BootScreen with specific width and height. + * Remove a tween from this manager. * - * @param width {number} Screen canvas width. - * @param height {number} Screen canvas height. + * @param tween {Phaser.Tween} The tween object you want to remove. */ - function BootScreen(game) { - /** - * Engine logo image data. - */ - this._logoData = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAZCAYAAADdYmvFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAstJREFUeNrsWlFuwjAMbavdZGcAcRm4AXzvCPuGG8BlEJxhZ+l4TJ48z3actGGthqUI1MaO/V6cmIT2/fW10eTt46NvKshtvDZlG31yfOL9a/ldU6x4IZ0GQs0gS217enMkJYr5ixXkYrFoVqtV1kDn8/n+KfXw/Hq9Nin7h8MhScB2u3Xtav2ivsNWrh7XLcWMYqA4eUZ1kj0MAifHJEeKFojWzyIH+rL/0Cwif2AX9nN1oQOgrTg8XcTFx+ScdEOJ4WBxXQ1EjRyrn0cOzzQLzFyQSQcgw/5Qkkr0JVEQpNIdhL4vm4DL5fLulNTHcy6Uxl4/6iMLiePx2KzX6/v30+n0aynUlrnSeNq2/VN9bgM4dFPdNPmsJnIg/PuQbJmLdFN3UNu0SzbyJ0GOWJVWZE/QMkY+owrqXxGEdZA37BVyX6lJTipT6J1lf7fbqc+xh8nYeIvikatP+PGW0nEJ4jOydHYOIcfKnmgWoZDQSIIeio4Sf1IthYWskCO4vqQ6lFYjl8tl9L1H67PZbMz3VO3t93uVXHofmUjReLyMwHi5eCb3ICwJj5ZU9nCg+SzUgPYyif+2epTk4pkkyDp+eXTlZu2BkUybEkklePZfK9lPuTnc07vbmt1bYulHBeNQgx18SsH4ni/cV2rSLtqNDNUH2JQ2SsXS57Y9PHlfumkwCdICt5rnkNdPjpMiIEWgRlAJSdF4SvCQMWj+VyfI0h8D/EgWSYKiJKXi8VrOhJUxaFiFCOKKUJAtR78k9eX4USLHXqLGXOIiWUT4Vj9JiP4W0io3VDz8AJXblNWQrOimLjIGy/9uLICH6mrVmFbxEFHauzmc0fGJJmPg/v+6D0oB7N2bj0FsNHtSWTQniWTR931QlHXvasDTHXLjqY0/1/8hSDxACD+lAGH8dKQbQk5N3TFtzDmLWutvV0+pL5FVoHvCNG35FGAAayS4KUoKC9QAAAAASUVORK5CYII="; - /** - * Background gradient effect color 1. - */ - this._color1 = { - r: 20, - g: 20, - b: 20 - }; - /** - * Background gradient effect color 2. - */ - this._color2 = { - r: 200, - g: 200, - b: 200 - }; - /** - * Fade effect tween. - * @type {Phaser.Tween} - */ - this._fade = null; - this.game = game; - this._logo = new Image(); - this._logo.src = this._logoData; - } - BootScreen.prototype.update = /** - * Update color and fade. - */ - function () { - if(this._fade == null) { - this.colorCycle(); + TweenManager.prototype.remove = function (tween) { + var i = this._tweens.indexOf(tween); + + if (i !== -1) { + this._tweens.splice(i, 1); } - this._color1.r = Math.round(this._color1.r); - this._color1.g = Math.round(this._color1.g); - this._color1.b = Math.round(this._color1.b); - this._color2.r = Math.round(this._color2.r); - this._color2.g = Math.round(this._color2.g); - this._color2.b = Math.round(this._color2.b); }; - BootScreen.prototype.render = /** - * Render BootScreen. - */ - function () { - var grd = this.game.stage.context.createLinearGradient(0, 0, 0, this.game.stage.height); - grd.addColorStop(0, 'rgb(' + this._color1.r + ', ' + this._color1.g + ', ' + this._color1.b + ')'); - grd.addColorStop(0.5, 'rgb(' + this._color2.r + ', ' + this._color2.g + ', ' + this._color2.b + ')'); - grd.addColorStop(1, 'rgb(' + this._color1.r + ', ' + this._color1.g + ', ' + this._color1.b + ')'); - this.game.stage.context.fillStyle = grd; - this.game.stage.context.fillRect(0, 0, this.game.stage.width, this.game.stage.height); - this.game.stage.context.shadowOffsetX = 0; - this.game.stage.context.shadowOffsetY = 0; - if(this._logo) { - this.game.stage.context.drawImage(this._logo, 32, 32); - } - this.game.stage.context.shadowColor = 'rgb(0,0,0)'; - this.game.stage.context.shadowOffsetX = 1; - this.game.stage.context.shadowOffsetY = 1; - this.game.stage.context.shadowBlur = 0; - this.game.stage.context.fillStyle = 'rgb(255,255,255)'; - this.game.stage.context.font = 'bold 18px Arial'; - this.game.stage.context.textBaseline = 'top'; - this.game.stage.context.fillText(Phaser.VERSION, 32, 64 + 32); - this.game.stage.context.fillText('Game Size: ' + this.game.stage.width + ' x ' + this.game.stage.height, 32, 64 + 64); - this.game.stage.context.fillText('www.photonstorm.com', 32, 64 + 96); - this.game.stage.context.font = '16px Arial'; - this.game.stage.context.fillText('You are seeing this screen because you didn\'t specify any default', 32, 64 + 160); - this.game.stage.context.fillText('functions in the Game constructor or use Game.switchState()', 32, 64 + 184); - }; - BootScreen.prototype.colorCycle = /** - * Start color fading cycle. - */ - function () { - this._fade = this.game.add.tween(this._color2); - this._fade.to({ - r: Math.random() * 250, - g: Math.random() * 250, - b: Math.random() * 250 - }, 3000, Phaser.Easing.Linear.None); - this._fade.onComplete.add(this.colorCycle, this); - this._fade.start(); - }; - return BootScreen; - })(); - Phaser.BootScreen = BootScreen; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - PauseScreen -* -* The PauseScreen is displayed whenever the game loses focus or the player switches to another browser tab. -*/ -var Phaser; -(function (Phaser) { - var PauseScreen = (function () { + /** - * PauseScreen constructor - * Create a new PauseScreen with specific width and height. + * Update all the tween objects you added to this manager. * - * @param width {number} Screen canvas width. - * @param height {number} Screen canvas height. + * @return {boolean} Return false if there's no tween to update, otherwise return true. */ - function PauseScreen(game, width, height) { - this.game = game; - this._canvas = document.createElement('canvas'); - this._canvas.width = width; - this._canvas.height = height; - this._context = this._canvas.getContext('2d'); - } - PauseScreen.prototype.onPaused = /** - * Called when the game enters pause mode. - */ - function () { - // Take a grab of the current canvas to our temporary one - this._context.clearRect(0, 0, this._canvas.width, this._canvas.height); - this._context.drawImage(this.game.stage.canvas, 0, 0); - this._color = { - r: 255, - g: 255, - b: 255 - }; - this.fadeOut(); - }; - PauseScreen.prototype.onResume = /** - * Called when the game resume from pause mode. - */ - function () { - this._fade.stop(); - this.game.tweens.remove(this._fade); - }; - PauseScreen.prototype.update = /** - * Update background color. - */ - function () { - this._color.r = Math.round(this._color.r); - this._color.g = Math.round(this._color.g); - this._color.b = Math.round(this._color.b); - }; - PauseScreen.prototype.render = /** - * Render PauseScreen. - */ - function () { - this.game.stage.context.drawImage(this._canvas, 0, 0); - this.game.stage.context.fillStyle = 'rgba(0, 0, 0, 0.4)'; - this.game.stage.context.fillRect(0, 0, this.game.stage.width, this.game.stage.height); - // Draw a 'play' arrow - var arrowWidth = Math.round(this.game.stage.width / 2); - var arrowHeight = Math.round(this.game.stage.height / 2); - var sx = this.game.stage.centerX - arrowWidth / 2; - var sy = this.game.stage.centerY - arrowHeight / 2; - this.game.stage.context.beginPath(); - this.game.stage.context.moveTo(sx, sy); - this.game.stage.context.lineTo(sx, sy + arrowHeight); - this.game.stage.context.lineTo(sx + arrowWidth, this.game.stage.centerY); - this.game.stage.context.fillStyle = 'rgba(' + this._color.r + ', ' + this._color.g + ', ' + this._color.b + ', 0.8)'; - this.game.stage.context.fill(); - this.game.stage.context.closePath(); - }; - PauseScreen.prototype.fadeOut = /** - * Start fadeOut effect. - */ - function () { - this._fade = this.game.add.tween(this._color); - this._fade.to({ - r: 50, - g: 50, - b: 50 - }, 1000, Phaser.Easing.Linear.None); - this._fade.onComplete.add(this.fadeIn, this); - this._fade.start(); - }; - PauseScreen.prototype.fadeIn = /** - * Start fadeIn effect. - */ - function () { - this._fade = this.game.add.tween(this._color); - this._fade.to({ - r: 255, - g: 255, - b: 255 - }, 1000, Phaser.Easing.Linear.None); - this._fade.onComplete.add(this.fadeOut, this); - this._fade.start(); - }; - return PauseScreen; - })(); - Phaser.PauseScreen = PauseScreen; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - OrientationScreen -* -* The Orientation Screen is displayed whenever the device is turned to an unsupported orientation. -*/ -var Phaser; -(function (Phaser) { - var OrientationScreen = (function () { - /** - * OrientationScreen constructor - * Create a new OrientationScreen with specific width and height. - * - * @param width {number} Screen canvas width. - * @param height {number} Screen canvas height. - */ - function OrientationScreen(game) { - this._showOnLandscape = false; - this._showOnPortrait = false; - this.game = game; - } - OrientationScreen.prototype.enable = function (onLandscape, onPortrait, imageKey) { - this._showOnLandscape = onLandscape; - this._showOnPortrait = onPortrait; - this.landscapeImage = this.game.cache.getImage(imageKey); - this.portraitImage = this.game.cache.getImage(imageKey); - }; - OrientationScreen.prototype.update = /** - * Update - */ - function () { - }; - OrientationScreen.prototype.render = /** - * Render - */ - function () { - if(this._showOnLandscape) { - this.game.stage.context.drawImage(this.landscapeImage, 0, 0, this.landscapeImage.width, this.landscapeImage.height, 0, 0, this.game.stage.width, this.game.stage.height); - } else if(this._showOnPortrait) { - this.game.stage.context.drawImage(this.portraitImage, 0, 0, this.portraitImage.width, this.portraitImage.height, 0, 0, this.game.stage.width, this.game.stage.height); + TweenManager.prototype.update = function () { + if (this._tweens.length === 0) { + return false; } - }; - return OrientationScreen; - })(); - Phaser.OrientationScreen = OrientationScreen; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/** -* Phaser - Stage -* -* The Stage is the canvas on which everything is displayed. This class handles display within the web browser, focus handling, -* resizing, scaling and pause/boot screens. -*/ -var Phaser; -(function (Phaser) { - var Stage = (function () { - /** - * Stage constructor - * - * Create a new Stage with specific width and height. - * - * @param parent {number} ID of parent DOM element. - * @param width {number} Width of the stage. - * @param height {number} Height of the stage. - */ - function Stage(game, parent, width, height) { - var _this = this; - /** - * Background color of the stage (defaults to black). Set via the public backgroundColor property. - * @type {string} - */ - this._backgroundColor = 'rgb(0,0,0)'; - /** - * Clear the whole stage every frame? (Default to true) - * @type {boolean} - */ - this.clear = true; - /** - * Do not use pause screen when game is paused? - * (Default to false, aka always use PauseScreen) - * @type {boolean} - */ - this.disablePauseScreen = false; - /** - * Do not use boot screen when engine starts? - * (Default to false, aka always use BootScreen) - * @type {boolean} - */ - this.disableBootScreen = false; - /** - * If set to true the game will never pause when the browser or browser tab loses focuses - * @type {boolean} - */ - this.disableVisibilityChange = false; - this.game = game; - this.canvas = document.createElement('canvas'); - this.canvas.width = width; - this.canvas.height = height; - if((parent !== '' || parent !== null) && document.getElementById(parent)) { - document.getElementById(parent).appendChild(this.canvas); - document.getElementById(parent).style.overflow = 'hidden'; - } else { - document.body.appendChild(this.canvas); - } - // Consume default actions on the canvas - this.canvas.style.msTouchAction = 'none'; - this.canvas.style['ms-touch-action'] = 'none'; - this.canvas.style['touch-action'] = 'none'; - this.canvas.style.backgroundColor = 'rgb(0,0,0)'; - this.canvas.oncontextmenu = function (event) { - event.preventDefault(); - }; - this.context = this.canvas.getContext('2d'); - this.css3 = new Phaser.Display.CSS3Filters(this.canvas); - this.scaleMode = Phaser.StageScaleMode.NO_SCALE; - this.scale = new Phaser.StageScaleMode(this.game, width, height); - this.getOffset(this.canvas); - this.bounds = new Phaser.Rectangle(this.offset.x, this.offset.y, width, height); - this.aspectRatio = width / height; - document.addEventListener('visibilitychange', function (event) { - return _this.visibilityChange(event); - }, false); - document.addEventListener('webkitvisibilitychange', function (event) { - return _this.visibilityChange(event); - }, false); - document.addEventListener('pagehide', function (event) { - return _this.visibilityChange(event); - }, false); - document.addEventListener('pageshow', function (event) { - return _this.visibilityChange(event); - }, false); - window.onblur = function (event) { - return _this.visibilityChange(event); - }; - window.onfocus = function (event) { - return _this.visibilityChange(event); - }; - } - Stage.prototype.boot = /** - * Stage boot - */ - function () { - this.bootScreen = new Phaser.BootScreen(this.game); - this.pauseScreen = new Phaser.PauseScreen(this.game, this.width, this.height); - this.orientationScreen = new Phaser.OrientationScreen(this.game); - this.scale.setScreenSize(true); - }; - Stage.prototype.update = /** - * Update stage for rendering. This will handle scaling, clearing - * and PauseScreen/BootScreen updating and rendering. - */ - function () { - this.scale.update(); - this.context.setTransform(1, 0, 0, 1, 0, 0); - if(this.clear || (this.game.paused && this.disablePauseScreen == false)) { - if(this.game.device.patchAndroidClearRectBug) { - this.context.fillStyle = 'rgb(0,0,0)'; - this.context.fillRect(0, 0, this.width, this.height); + + var i = 0; + var numTweens = this._tweens.length; + + while (i < numTweens) { + if (this._tweens[i].update(this.game.time.now)) { + i++; } else { - this.context.clearRect(0, 0, this.width, this.height); + this._tweens.splice(i, 1); + numTweens--; } } - if(this.game.paused && this.scale.incorrectOrientation) { - this.orientationScreen.update(); - this.orientationScreen.render(); - return; + + return true; + }; + + TweenManager.prototype.pauseAll = function () { + if (this._tweens.length === 0) { + return false; } - if(this.game.isRunning == false && this.disableBootScreen == false) { - this.bootScreen.update(); - this.bootScreen.render(); - } - if(this.game.paused && this.disablePauseScreen == false) { - this.pauseScreen.update(); - this.pauseScreen.render(); + + var i = 0; + var numTweens = this._tweens.length; + + while (i < numTweens) { + this._tweens[i].pause(); + i++; } }; - Stage.prototype.visibilityChange = /** - * This method is called when the canvas elements visibility is changed. - */ - function (event) { - if(this.disableVisibilityChange) { - return; + + TweenManager.prototype.resumeAll = function () { + if (this._tweens.length === 0) { + return false; } - if(event.type == 'pagehide' || event.type == 'blur' || document['hidden'] == true || document['webkitHidden'] == true) { - if(this.game.paused == false) { - this.pauseGame(); - } - } else { - if(this.game.paused == true) { - this.resumeGame(); - } + + var i = 0; + var numTweens = this._tweens.length; + + while (i < numTweens) { + this._tweens[i].resume(); + i++; } }; - Stage.prototype.enableOrientationCheck = function (forceLandscape, forcePortrait, imageKey) { - if (typeof imageKey === "undefined") { imageKey = ''; } - this.scale.forceLandscape = forceLandscape; - this.scale.forcePortrait = forcePortrait; - this.orientationScreen.enable(forceLandscape, forcePortrait, imageKey); - if(forceLandscape || forcePortrait) { - if((this.scale.isLandscape && forcePortrait) || (this.scale.isPortrait && forceLandscape)) { - // They are in the wrong orientation right now - this.game.paused = true; - this.scale.incorrectOrientation = true; - } else { - this.scale.incorrectOrientation = false; - } - } - }; - Stage.prototype.setImageRenderingCrisp = function () { - this.canvas.style['image-rendering'] = 'crisp-edges'; - this.canvas.style['image-rendering'] = '-moz-crisp-edges'; - this.canvas.style['image-rendering'] = '-webkit-optimize-contrast'; - this.canvas.style['-ms-interpolation-mode'] = 'nearest-neighbor'; - }; - Stage.prototype.pauseGame = function () { - this.game.paused = true; - if(this.disablePauseScreen == false && this.pauseScreen) { - this.pauseScreen.onPaused(); - } - this.saveCanvasValues(); - }; - Stage.prototype.resumeGame = function () { - if(this.disablePauseScreen == false && this.pauseScreen) { - this.pauseScreen.onResume(); - } - this.restoreCanvasValues(); - this.game.paused = false; - }; - Stage.prototype.getOffset = /** - * Get the DOM offset values of the given element - */ - function (element, populateOffset) { - if (typeof populateOffset === "undefined") { populateOffset = true; } - var box = element.getBoundingClientRect(); - var clientTop = element.clientTop || document.body.clientTop || 0; - var clientLeft = element.clientLeft || document.body.clientLeft || 0; - var scrollTop = window.pageYOffset || element.scrollTop || document.body.scrollTop; - var scrollLeft = window.pageXOffset || element.scrollLeft || document.body.scrollLeft; - if(populateOffset) { - this.offset = new Phaser.Point(box.left + scrollLeft - clientLeft, box.top + scrollTop - clientTop); - return this.offset; - } else { - return new Phaser.Point(box.left + scrollLeft - clientLeft, box.top + scrollTop - clientTop); - } - }; - Stage.prototype.saveCanvasValues = /** - * Save current canvas properties (strokeStyle, lineWidth and fillStyle) for later using. - */ - function () { - this.strokeStyle = this.context.strokeStyle; - this.lineWidth = this.context.lineWidth; - this.fillStyle = this.context.fillStyle; - }; - Stage.prototype.restoreCanvasValues = /** - * Restore current canvas values (strokeStyle, lineWidth and fillStyle) with saved values. - */ - function () { - this.context.strokeStyle = this.strokeStyle; - this.context.lineWidth = this.lineWidth; - this.context.fillStyle = this.fillStyle; - if(this.game.device.patchAndroidClearRectBug) { - this.context.fillStyle = 'rgb(0,0,0)'; - this.context.fillRect(0, 0, this.width, this.height); - } else { - this.context.clearRect(0, 0, this.width, this.height); - } - }; - Object.defineProperty(Stage.prototype, "backgroundColor", { - get: function () { - return this._backgroundColor; - }, - set: function (color) { - this.canvas.style.backgroundColor = color; - this._backgroundColor = color; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "x", { - get: function () { - return this.bounds.x; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "y", { - get: function () { - return this.bounds.y; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "width", { - get: function () { - return this.bounds.width; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "height", { - get: function () { - return this.bounds.height; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "centerX", { - get: function () { - return this.bounds.halfWidth; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "centerY", { - get: function () { - return this.bounds.halfHeight; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "randomX", { - get: function () { - return Math.round(Math.random() * this.bounds.width); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Stage.prototype, "randomY", { - get: function () { - return Math.round(Math.random() * this.bounds.height); - }, - enumerable: true, - configurable: true - }); - return Stage; + return TweenManager; })(); - Phaser.Stage = Stage; + Phaser.TweenManager = TweenManager; })(Phaser || (Phaser = {})); -/// +/// /** * Phaser - TimeManager * @@ -14320,12 +7172,6 @@ var Phaser; * @param game {Phaser.Game} Current game instance. */ function TimeManager(game) { - /** - * Time scale factor. - * Set it to 0.5 for slow motion, to 2.0 makes game twice faster. - * @type {number} - */ - //public timeScale: number = 1.0; /** * Elapsed since last frame. * @type {number} @@ -14393,9 +7239,11 @@ var Phaser; this.pauseDuration = 0; this._pauseStarted = 0; this.game = game; + this._started = 0; this._timeLastSecond = this._started; this.time = this._started; + this.game.onPause.add(this.gamePaused, this); this.game.onResume.add(this.gameResumed, this); } @@ -14411,362 +7259,2593 @@ var Phaser; enumerable: true, configurable: true }); - TimeManager.prototype.update = /** + + /** * Update clock and calculate the fps. * This is called automatically by Game._raf * @method update * @param {number} raf The current timestamp, either performance.now or Date.now */ - function (raf) { - this.now = raf// mark - ; - this.delta = this.now - this.time// elapsedMS - ; + TimeManager.prototype.update = function (raf) { + this.now = raf; + this.delta = this.now - this.time; + this.msMin = Math.min(this.msMin, this.delta); this.msMax = Math.max(this.msMax, this.delta); + this.frames++; - if(this.now > this._timeLastSecond + 1000) { + + if (this.now > this._timeLastSecond + 1000) { this.fps = Math.round((this.frames * 1000) / (this.now - this._timeLastSecond)); this.fpsMin = Math.min(this.fpsMin, this.fps); this.fpsMax = Math.max(this.fpsMax, this.fps); + this._timeLastSecond = this.now; this.frames = 0; } - this.time = this.now// _total - ; - // Paused? - if(this.game.paused) { + + this.time = this.now; + + if (this.game.paused) { this.pausedTime = this.now - this._pauseStarted; } }; + TimeManager.prototype.gamePaused = function () { this._pauseStarted = this.now; }; + TimeManager.prototype.gameResumed = function () { // Level out the delta timer to avoid spikes this.pauseDuration = this.pausedTime; }; - TimeManager.prototype.elapsedSince = /** + + /** * How long has passed since given time. * @method elapsedSince * @param {number} since The time you want to measure. * @return {number} Duration between given time and now. */ - function (since) { + TimeManager.prototype.elapsedSince = function (since) { return this.now - since; }; - TimeManager.prototype.elapsedSecondsSince = /** + + /** * How long has passed since the given time (in seconds). * @method elapsedSecondsSince * @param {number} since The time you want to measure (in seconds). * @return {number} Duration between given time and now (in seconds). */ - function (since) { + TimeManager.prototype.elapsedSecondsSince = function (since) { return (this.now - since) * 0.001; }; - TimeManager.prototype.reset = /** + + /** * Set the start time to now. * @method reset */ - function () { + TimeManager.prototype.reset = function () { this._started = this.now; }; return TimeManager; })(); - Phaser.TimeManager = TimeManager; + Phaser.TimeManager = TimeManager; })(Phaser || (Phaser = {})); -/// -/// +/// /** -* Phaser - TweenManager +* Phaser - Net +* * -* The Game has a single instance of the TweenManager through which all Tween objects are created and updated. -* Tweens are hooked into the game clock and pause system, adjusting based on the game state. -* TweenManager is based heavily on tween.js by sole (http://soledadpenades.com). -* I converted it to TypeScript, swapped the callbacks for signals and patched a few issues with regard -* to properties and completion errors. Please see https://github.com/sole/tween.js for a full list of contributors. */ var Phaser; (function (Phaser) { - var TweenManager = (function () { + var Net = (function () { /** - * TweenManager constructor - * @param game {Game} A reference to the current Game. + * Net constructor */ - function TweenManager(game) { + function Net(game) { this.game = game; - this._tweens = []; - this.game.onPause.add(this.pauseAll, this); - this.game.onResume.add(this.resumeAll, this); } - TweenManager.prototype.getAll = /** - * Get all the tween objects in an array. - * @return {Phaser.Tween[]} Array with all tween objects. + /** + * Compares the given domain name against the hostname of the browser containing the game. + * If the domain name is found it returns true. + * You can specify a part of a domain, for example 'google' would match 'google.com', 'google.co.uk', etc. + * Do not include 'http://' at the start. */ - function () { - return this._tweens; + Net.prototype.checkDomainName = function (domain) { + return window.location.hostname.indexOf(domain) !== -1; }; - TweenManager.prototype.removeAll = /** - * Remove all tween objects. + + /** + * Updates a value on the Query String and returns it in full. + * If the value doesn't already exist it is set. + * If the value exists it is replaced with the new value given. If you don't provide a new value it is removed from the query string. + * Optionally you can redirect to the new url, or just return it as a string. */ - function () { - this._tweens.length = 0; - }; - TweenManager.prototype.create = /** - * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. - * - * @param obj {object} Object the tween will be run on. - * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. - * @return {Phaser.Tween} The newly created tween object. - */ - function (object, localReference) { - if (typeof localReference === "undefined") { localReference = false; } - if(localReference) { - object['tween'] = new Phaser.Tween(object, this.game); - return object['tween']; - } else { - return new Phaser.Tween(object, this.game); + Net.prototype.updateQueryString = function (key, value, redirect, url) { + if (typeof redirect === "undefined") { redirect = false; } + if (typeof url === "undefined") { url = ''; } + if (url == '') { + url = window.location.href; } - }; - TweenManager.prototype.add = /** - * Add a new tween into the TweenManager. - * - * @param tween {Phaser.Tween} The tween object you want to add. - * @return {Phaser.Tween} The tween object you added to the manager. - */ - function (tween) { - tween.parent = this.game; - this._tweens.push(tween); - return tween; - }; - TweenManager.prototype.remove = /** - * Remove a tween from this manager. - * - * @param tween {Phaser.Tween} The tween object you want to remove. - */ - function (tween) { - var i = this._tweens.indexOf(tween); - if(i !== -1) { - this._tweens.splice(i, 1); - } - }; - TweenManager.prototype.update = /** - * Update all the tween objects you added to this manager. - * - * @return {boolean} Return false if there's no tween to update, otherwise return true. - */ - function () { - if(this._tweens.length === 0) { - return false; - } - var i = 0; - var numTweens = this._tweens.length; - while(i < numTweens) { - if(this._tweens[i].update(this.game.time.now)) { - i++; + + var output = ''; + + var re = new RegExp("([?|&])" + key + "=.*?(&|#|$)(.*)", "gi"); + + if (re.test(url)) { + if (typeof value !== 'undefined' && value !== null) { + output = url.replace(re, '$1' + key + "=" + value + '$2$3'); } else { - this._tweens.splice(i, 1); - numTweens--; + output = url.replace(re, '$1$3').replace(/(&|\?)$/, ''); + } + } else { + if (typeof value !== 'undefined' && value !== null) { + var separator = url.indexOf('?') !== -1 ? '&' : '?'; + var hash = url.split('#'); + + url = hash[0] + separator + key + '=' + value; + + if (hash[1]) { + url += '#' + hash[1]; + } + + output = url; + } else { + output = url; } } - return true; - }; - TweenManager.prototype.pauseAll = function () { - if(this._tweens.length === 0) { - return false; - } - var i = 0; - var numTweens = this._tweens.length; - while(i < numTweens) { - this._tweens[i].pause(); - i++; + + if (redirect) { + window.location.href = output; + } else { + return output; } }; - TweenManager.prototype.resumeAll = function () { - if(this._tweens.length === 0) { - return false; - } - var i = 0; - var numTweens = this._tweens.length; - while(i < numTweens) { - this._tweens[i].resume(); - i++; + + /** + * Returns the Query String as an object. + * If you specify a parameter it will return just the value of that parameter, should it exist. + */ + Net.prototype.getQueryString = function (parameter) { + if (typeof parameter === "undefined") { parameter = ''; } + var output = {}; + var keyValues = location.search.substring(1).split('&'); + + for (var i in keyValues) { + var key = keyValues[i].split('='); + + if (key.length > 1) { + if (parameter && parameter == this.decodeURI(key[0])) { + return this.decodeURI(key[1]); + } else { + output[this.decodeURI(key[0])] = this.decodeURI(key[1]); + } + } } + + return output; }; - return TweenManager; + + Net.prototype.decodeURI = function (value) { + return decodeURIComponent(value.replace(/\+/g, " ")); + }; + return Net; })(); - Phaser.TweenManager = TweenManager; + Phaser.Net = Net; })(Phaser || (Phaser = {})); -var Phaser; -(function (Phaser) { - /// - /** - * Phaser - Physics Manager - * - * Eventually this will handle switching between the default ArcadePhysics manager or the new AdvancedPhysics manager. - * For now we direct everything through ArcadePhysics. - */ - (function (Physics) { - var Manager = (function () { - function Manager(game) { - this.game = game; - this.arcade = new Phaser.Physics.ArcadePhysics(this.game, this.game.stage.width, this.game.stage.height); - this.gravity = this.arcade.gravity; - this.bounds = this.arcade.bounds; - } - Manager.prototype.update = /** - * Called by the main Game.loop - */ - function () { - //this.arcade.updateMotion - }; - return Manager; - })(); - Physics.Manager = Manager; - })(Phaser.Physics || (Phaser.Physics = {})); - var Physics = Phaser.Physics; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// +/// /** -* Phaser - World +* Phaser - Keyboard * -* "This world is but a canvas to our imagination." - Henry David Thoreau -* -* A game has only one world. The world is an abstract place in which all game objects live. It is not bound -* by stage limits and can be any size or dimension. You look into the world via cameras and all game objects -* live within the world at world-based coordinates. By default a world is created the same size as your Stage. +* The Keyboard class handles keyboard interactions with the game and the resulting events. +* The avoid stealing all browser input we don't use event.preventDefault. If you would like to trap a specific key however +* then use the addKeyCapture() method. */ var Phaser; (function (Phaser) { - var World = (function () { - /** - * World constructor - * Create a new World with specific width and height. - * - * @param width {number} Width of the world bound. - * @param height {number} Height of the world bound. - */ - function World(game, width, height) { + var Keyboard = (function () { + function Keyboard(game) { + this._keys = {}; + this._capture = {}; /** - * Object container stores every object created with `create*` methods. - * @type {Group} + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} */ - this._groupCounter = 0; + this.disabled = false; this.game = game; - this.cameras = new Phaser.CameraManager(this.game, 0, 0, width, height); - this.bounds = new Phaser.Rectangle(0, 0, width, height); } - World.prototype.getNextGroupID = function () { - return this._groupCounter++; + Keyboard.prototype.start = function () { + var _this = this; + this._onKeyDown = function (event) { + return _this.onKeyDown(event); + }; + this._onKeyUp = function (event) { + return _this.onKeyUp(event); + }; + + document.body.addEventListener('keydown', this._onKeyDown, false); + document.body.addEventListener('keyup', this._onKeyUp, false); }; - World.prototype.boot = /** - * Called once by Game during the boot process. - */ - function () { - this.group = new Phaser.Group(this.game, 0); + + Keyboard.prototype.stop = function () { + document.body.removeEventListener('keydown', this._onKeyDown); + document.body.removeEventListener('keyup', this._onKeyUp); }; - World.prototype.update = /** - * This is called automatically every frame, and is where main logic happens. + + /** + * By default when a key is pressed Phaser will not stop the event from propagating up to the browser. + * There are some keys this can be annoying for, like the arrow keys or space bar, which make the browser window scroll. + * You can use addKeyCapture to consume the keyboard event for specific keys so it doesn't bubble up to the the browser. + * Pass in either a single keycode or an array of keycodes. + * @param {Any} keycode */ - function () { - this.group.update(); - this.cameras.update(); - }; - World.prototype.postUpdate = /** - * This is called automatically every frame, and is where main logic happens. - */ - function () { - this.group.postUpdate(); - this.cameras.postUpdate(); - }; - World.prototype.destroy = /** - * Clean up memory. - */ - function () { - this.group.destroy(); - this.cameras.destroy(); - }; - World.prototype.setSize = /** - * Updates the size of this world. - * - * @param width {number} New width of the world. - * @param height {number} New height of the world. - * @param [updateCameraBounds] {boolean} Update camera bounds automatically or not. Default to true. - */ - function (width, height, updateCameraBounds) { - if (typeof updateCameraBounds === "undefined") { updateCameraBounds = true; } - this.bounds.width = width; - this.bounds.height = height; - if(updateCameraBounds == true) { - this.game.camera.setBounds(0, 0, width, height); + Keyboard.prototype.addKeyCapture = function (keycode) { + if (typeof keycode === 'object') { + for (var i = 0; i < keycode.length; i++) { + this._capture[keycode[i]] = true; + } + } else { + this._capture[keycode] = true; } - // dispatch world resize event - }; - Object.defineProperty(World.prototype, "width", { - get: function () { - return this.bounds.width; - }, - set: function (value) { - this.bounds.width = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(World.prototype, "height", { - get: function () { - return this.bounds.height; - }, - set: function (value) { - this.bounds.height = value; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(World.prototype, "centerX", { - get: function () { - return this.bounds.halfWidth; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(World.prototype, "centerY", { - get: function () { - return this.bounds.halfHeight; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(World.prototype, "randomX", { - get: function () { - return Math.round(Math.random() * this.bounds.width); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(World.prototype, "randomY", { - get: function () { - return Math.round(Math.random() * this.bounds.height); - }, - enumerable: true, - configurable: true - }); - World.prototype.getAllCameras = /** - * Get all the cameras. - * - * @returns {array} An array contains all the cameras. - */ - function () { - return this.cameras.getAll(); }; - return World; + + /** + * @param {Number} keycode + */ + Keyboard.prototype.removeKeyCapture = function (keycode) { + delete this._capture[keycode]; + }; + + Keyboard.prototype.clearCaptures = function () { + this._capture = {}; + }; + + /** + * @param {KeyboardEvent} event + */ + Keyboard.prototype.onKeyDown = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + if (this._capture[event.keyCode]) { + event.preventDefault(); + } + + if (!this._keys[event.keyCode]) { + this._keys[event.keyCode] = { isDown: true, timeDown: this.game.time.now, timeUp: 0 }; + } else { + this._keys[event.keyCode].isDown = true; + this._keys[event.keyCode].timeDown = this.game.time.now; + } + }; + + /** + * @param {KeyboardEvent} event + */ + Keyboard.prototype.onKeyUp = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + if (this._capture[event.keyCode]) { + event.preventDefault(); + } + + if (!this._keys[event.keyCode]) { + this._keys[event.keyCode] = { isDown: false, timeDown: 0, timeUp: this.game.time.now }; + } else { + this._keys[event.keyCode].isDown = false; + this._keys[event.keyCode].timeUp = this.game.time.now; + } + }; + + Keyboard.prototype.reset = function () { + for (var key in this._keys) { + this._keys[key].isDown = false; + } + }; + + /** + * @param {Number} keycode + * @param {Number} [duration] + * @return {Boolean} + */ + Keyboard.prototype.justPressed = function (keycode, duration) { + if (typeof duration === "undefined") { duration = 250; } + if (this._keys[keycode] && this._keys[keycode].isDown === true && (this.game.time.now - this._keys[keycode].timeDown < duration)) { + return true; + } else { + return false; + } + }; + + /** + * @param {Number} keycode + * @param {Number} [duration] + * @return {Boolean} + */ + Keyboard.prototype.justReleased = function (keycode, duration) { + if (typeof duration === "undefined") { duration = 250; } + if (this._keys[keycode] && this._keys[keycode].isDown === false && (this.game.time.now - this._keys[keycode].timeUp < duration)) { + return true; + } else { + return false; + } + }; + + /** + * @param {Number} keycode + * @return {Boolean} + */ + Keyboard.prototype.isDown = function (keycode) { + if (this._keys[keycode]) { + return this._keys[keycode].isDown; + } else { + return false; + } + }; + return Keyboard; })(); - Phaser.World = World; + Phaser.Keyboard = Keyboard; })(Phaser || (Phaser = {})); -/// +/// +/** +* Phaser - Mouse +* +* The Mouse class handles mouse interactions with the game and the resulting events. +*/ +var Phaser; +(function (Phaser) { + var Mouse = (function () { + function Mouse(game) { + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.mouseDownCallback = null; + this.mouseMoveCallback = null; + this.mouseUpCallback = null; + this.game = game; + this.callbackContext = this.game; + } + /** + * Starts the event listeners running + * @method start + */ + Mouse.prototype.start = function () { + var _this = this; + if (this.game.device.android && this.game.device.chrome == false) { + // Android stock browser fires mouse events even if you preventDefault on the touchStart, so ... + return; + } + + this._onMouseDown = function (event) { + return _this.onMouseDown(event); + }; + this._onMouseMove = function (event) { + return _this.onMouseMove(event); + }; + this._onMouseUp = function (event) { + return _this.onMouseUp(event); + }; + + this.game.stage.canvas.addEventListener('mousedown', this._onMouseDown, true); + this.game.stage.canvas.addEventListener('mousemove', this._onMouseMove, true); + this.game.stage.canvas.addEventListener('mouseup', this._onMouseUp, true); + }; + + /** + * @param {MouseEvent} event + */ + Mouse.prototype.onMouseDown = function (event) { + if (this.mouseDownCallback) { + this.mouseDownCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event['identifier'] = 0; + + this.game.input.mousePointer.start(event); + }; + + /** + * @param {MouseEvent} event + */ + Mouse.prototype.onMouseMove = function (event) { + if (this.mouseMoveCallback) { + this.mouseMoveCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event['identifier'] = 0; + + this.game.input.mousePointer.move(event); + }; + + /** + * @param {MouseEvent} event + */ + Mouse.prototype.onMouseUp = function (event) { + if (this.mouseUpCallback) { + this.mouseUpCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event['identifier'] = 0; + + this.game.input.mousePointer.stop(event); + }; + + /** + * Stop the event listeners + * @method stop + */ + Mouse.prototype.stop = function () { + this.game.stage.canvas.removeEventListener('mousedown', this._onMouseDown); + this.game.stage.canvas.removeEventListener('mousemove', this._onMouseMove); + this.game.stage.canvas.removeEventListener('mouseup', this._onMouseUp); + }; + Mouse.LEFT_BUTTON = 0; + Mouse.MIDDLE_BUTTON = 1; + Mouse.RIGHT_BUTTON = 2; + return Mouse; + })(); + Phaser.Mouse = Mouse; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - MSPointer +* +* The MSPointer class handles touch interactions with the game and the resulting Pointer objects. +* It will work only in Internet Explorer 10 and Windows Store or Windows Phone 8 apps using JavaScript. +* http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx +*/ +var Phaser; +(function (Phaser) { + var MSPointer = (function () { + /** + * Constructor + * @param {Game} game. + * @return {MSPointer} This object. + */ + function MSPointer(game) { + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.game = game; + } + /** + * Starts the event listeners running + * @method start + */ + MSPointer.prototype.start = function () { + var _this = this; + if (this.game.device.mspointer == true) { + this._onMSPointerDown = function (event) { + return _this.onPointerDown(event); + }; + this._onMSPointerMove = function (event) { + return _this.onPointerMove(event); + }; + this._onMSPointerUp = function (event) { + return _this.onPointerUp(event); + }; + + this.game.stage.canvas.addEventListener('MSPointerDown', this._onMSPointerDown, false); + this.game.stage.canvas.addEventListener('MSPointerMove', this._onMSPointerMove, false); + this.game.stage.canvas.addEventListener('MSPointerUp', this._onMSPointerUp, false); + } + }; + + /** + * + * @method onPointerDown + * @param {Any} event + **/ + MSPointer.prototype.onPointerDown = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + event.identifier = event.pointerId; + + this.game.input.startPointer(event); + }; + + /** + * + * @method onPointerMove + * @param {Any} event + **/ + MSPointer.prototype.onPointerMove = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + event.identifier = event.pointerId; + + this.game.input.updatePointer(event); + }; + + /** + * + * @method onPointerUp + * @param {Any} event + **/ + MSPointer.prototype.onPointerUp = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + event.identifier = event.pointerId; + + this.game.input.stopPointer(event); + }; + + /** + * Stop the event listeners + * @method stop + */ + MSPointer.prototype.stop = function () { + if (this.game.device.mspointer == true) { + this.game.stage.canvas.removeEventListener('MSPointerDown', this._onMSPointerDown); + this.game.stage.canvas.removeEventListener('MSPointerMove', this._onMSPointerMove); + this.game.stage.canvas.removeEventListener('MSPointerUp', this._onMSPointerUp); + } + }; + return MSPointer; + })(); + Phaser.MSPointer = MSPointer; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Touch +* +* The Touch class handles touch interactions with the game and the resulting Pointer objects. +* http://www.w3.org/TR/touch-events/ +* https://developer.mozilla.org/en-US/docs/DOM/TouchList +* http://www.html5rocks.com/en/mobile/touchandmouse/ +* Note: Android 2.x only supports 1 touch event at once, no multi-touch +*/ +var Phaser; +(function (Phaser) { + var Touch = (function () { + /** + * Constructor + * @param {Game} game. + * @return {Touch} This object. + */ + function Touch(game) { + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.touchStartCallback = null; + this.touchMoveCallback = null; + this.touchEndCallback = null; + this.touchEnterCallback = null; + this.touchLeaveCallback = null; + this.touchCancelCallback = null; + this.game = game; + this.callbackContext = this.game; + } + /** + * Starts the event listeners running + * @method start + */ + Touch.prototype.start = function () { + var _this = this; + if (this.game.device.touch) { + this._onTouchStart = function (event) { + return _this.onTouchStart(event); + }; + this._onTouchMove = function (event) { + return _this.onTouchMove(event); + }; + this._onTouchEnd = function (event) { + return _this.onTouchEnd(event); + }; + this._onTouchEnter = function (event) { + return _this.onTouchEnter(event); + }; + this._onTouchLeave = function (event) { + return _this.onTouchLeave(event); + }; + this._onTouchCancel = function (event) { + return _this.onTouchCancel(event); + }; + this._documentTouchMove = function (event) { + return _this.consumeTouchMove(event); + }; + + this.game.stage.canvas.addEventListener('touchstart', this._onTouchStart, false); + this.game.stage.canvas.addEventListener('touchmove', this._onTouchMove, false); + this.game.stage.canvas.addEventListener('touchend', this._onTouchEnd, false); + this.game.stage.canvas.addEventListener('touchenter', this._onTouchEnter, false); + this.game.stage.canvas.addEventListener('touchleave', this._onTouchLeave, false); + this.game.stage.canvas.addEventListener('touchcancel', this._onTouchCancel, false); + + document.addEventListener('touchmove', this._documentTouchMove, false); + } + }; + + /** + * Prevent iOS bounce-back (doesn't work?) + * @method consumeTouchMove + * @param {Any} event + **/ + Touch.prototype.consumeTouchMove = function (event) { + event.preventDefault(); + }; + + /** + * + * @method onTouchStart + * @param {Any} event + **/ + Touch.prototype.onTouchStart = function (event) { + if (this.touchStartCallback) { + this.touchStartCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.startPointer(event.changedTouches[i]); + } + }; + + /** + * Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome) + * Occurs for example on iOS when you put down 4 fingers and the app selector UI appears + * @method onTouchCancel + * @param {Any} event + **/ + Touch.prototype.onTouchCancel = function (event) { + if (this.touchCancelCallback) { + this.touchCancelCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.stopPointer(event.changedTouches[i]); + } + }; + + /** + * For touch enter and leave its a list of the touch points that have entered or left the target + * Doesn't appear to be supported by most browsers yet + * @method onTouchEnter + * @param {Any} event + **/ + Touch.prototype.onTouchEnter = function (event) { + if (this.touchEnterCallback) { + this.touchEnterCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + //console.log('touch enter'); + } + }; + + /** + * For touch enter and leave its a list of the touch points that have entered or left the target + * Doesn't appear to be supported by most browsers yet + * @method onTouchLeave + * @param {Any} event + **/ + Touch.prototype.onTouchLeave = function (event) { + if (this.touchLeaveCallback) { + this.touchLeaveCallback.call(this.callbackContext, event); + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + //console.log('touch leave'); + } + }; + + /** + * + * @method onTouchMove + * @param {Any} event + **/ + Touch.prototype.onTouchMove = function (event) { + if (this.touchMoveCallback) { + this.touchMoveCallback.call(this.callbackContext, event); + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.updatePointer(event.changedTouches[i]); + } + }; + + /** + * + * @method onTouchEnd + * @param {Any} event + **/ + Touch.prototype.onTouchEnd = function (event) { + if (this.touchEndCallback) { + this.touchEndCallback.call(this.callbackContext, event); + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.stopPointer(event.changedTouches[i]); + } + }; + + /** + * Stop the event listeners + * @method stop + */ + Touch.prototype.stop = function () { + if (this.game.device.touch) { + this.game.stage.canvas.removeEventListener('touchstart', this._onTouchStart); + this.game.stage.canvas.removeEventListener('touchmove', this._onTouchMove); + this.game.stage.canvas.removeEventListener('touchend', this._onTouchEnd); + this.game.stage.canvas.removeEventListener('touchenter', this._onTouchEnter); + this.game.stage.canvas.removeEventListener('touchleave', this._onTouchLeave); + this.game.stage.canvas.removeEventListener('touchcancel', this._onTouchCancel); + + document.removeEventListener('touchmove', this._documentTouchMove); + } + }; + return Touch; + })(); + Phaser.Touch = Touch; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Pointer +* +* A Pointer object is used by the Touch and MSPoint managers and represents a single finger on the touch screen. +*/ +var Phaser; +(function (Phaser) { + var Pointer = (function () { + /** + * Constructor + * @param {Phaser.Game} game. + * @return {Phaser.Pointer} This object. + */ + function Pointer(game, id) { + /** + * Local private variable to store the status of dispatching a hold event + * @property _holdSent + * @type {Boolean} + * @private + */ + this._holdSent = false; + /** + * Local private variable storing the short-term history of pointer movements + * @property _history + * @type {Array} + * @private + */ + this._history = []; + /** + * Local private variable storing the time at which the next history drop should occur + * @property _lastDrop + * @type {Number} + * @private + */ + this._nextDrop = 0; + // Monitor events outside of a state reset loop + this._stateReset = false; + /** + * A Vector object containing the initial position when the Pointer was engaged with the screen. + * @property positionDown + * @type {Vec2} + **/ + this.positionDown = null; + /** + * A Vector object containing the current position of the Pointer on the screen. + * @property position + * @type {Vec2} + **/ + this.position = null; + /** + * A Circle object centered on the x/y screen coordinates of the Pointer. + * Default size of 44px (Apple's recommended "finger tip" size) + * @property circle + * @type {Circle} + **/ + this.circle = null; + /** + * + * @property withinGame + * @type {Boolean} + */ + this.withinGame = false; + /** + * The horizontal coordinate of point relative to the viewport in pixels, excluding any scroll offset + * @property clientX + * @type {Number} + */ + this.clientX = -1; + /** + * The vertical coordinate of point relative to the viewport in pixels, excluding any scroll offset + * @property clientY + * @type {Number} + */ + this.clientY = -1; + /** + * The horizontal coordinate of point relative to the viewport in pixels, including any scroll offset + * @property pageX + * @type {Number} + */ + this.pageX = -1; + /** + * The vertical coordinate of point relative to the viewport in pixels, including any scroll offset + * @property pageY + * @type {Number} + */ + this.pageY = -1; + /** + * The horizontal coordinate of point relative to the screen in pixels + * @property screenX + * @type {Number} + */ + this.screenX = -1; + /** + * The vertical coordinate of point relative to the screen in pixels + * @property screenY + * @type {Number} + */ + this.screenY = -1; + /** + * The horizontal coordinate of point relative to the game element. This value is automatically scaled based on game size. + * @property x + * @type {Number} + */ + this.x = -1; + /** + * The vertical coordinate of point relative to the game element. This value is automatically scaled based on game size. + * @property y + * @type {Number} + */ + this.y = -1; + /** + * If the Pointer is a mouse this is true, otherwise false + * @property isMouse + * @type {Boolean} + **/ + this.isMouse = false; + /** + * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true + * @property isDown + * @type {Boolean} + **/ + this.isDown = false; + /** + * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true + * @property isUp + * @type {Boolean} + **/ + this.isUp = true; + /** + * A timestamp representing when the Pointer first touched the touchscreen. + * @property timeDown + * @type {Number} + **/ + this.timeDown = 0; + /** + * A timestamp representing when the Pointer left the touchscreen. + * @property timeUp + * @type {Number} + **/ + this.timeUp = 0; + /** + * A timestamp representing when the Pointer was last tapped or clicked + * @property previousTapTime + * @type {Number} + **/ + this.previousTapTime = 0; + /** + * The total number of times this Pointer has been touched to the touchscreen + * @property totalTouches + * @type {Number} + **/ + this.totalTouches = 0; + /** + * The number of miliseconds since the last click + * @property msSinceLastClick + * @type {Number} + **/ + this.msSinceLastClick = Number.MAX_VALUE; + /** + * The Game Object this Pointer is currently over / touching / dragging. + * @property targetObject + * @type {Any} + **/ + this.targetObject = null; + /** + * The top-most Camera that this Pointer is over (if any, null if none). + * If the Pointer is over several cameras that are stacked on-top of each other this is only ever set to the top-most rendered camera. + * @property camera + * @type {Phaser.Camera} + **/ + this.camera = null; + this.game = game; + + this.id = id; + this.active = false; + this.position = new Phaser.Vec2(); + this.positionDown = new Phaser.Vec2(); + this.circle = new Phaser.Circle(0, 0, 44); + + if (id == 0) { + this.isMouse = true; + } + } + Object.defineProperty(Pointer.prototype, "duration", { + get: /** + * How long the Pointer has been depressed on the touchscreen. If not currently down it returns -1. + * @property duration + * @type {Number} + **/ + function () { + if (this.isUp) { + return -1; + } + + return this.game.time.now - this.timeDown; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Pointer.prototype, "worldX", { + get: /** + * Gets the X value of this Pointer in world coordinates based on the given camera. + * @param {Camera} [camera] + */ + function () { + if (this.camera) { + return (this.camera.worldView.x - this.camera.screenView.x) + this.x; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Pointer.prototype, "worldY", { + get: /** + * Gets the Y value of this Pointer in world coordinates based on the given camera. + * @param {Camera} [camera] + */ + function () { + if (this.camera) { + return (this.camera.worldView.y - this.camera.screenView.y) + this.y; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + /** + * Called when the Pointer is pressed onto the touchscreen + * @method start + * @param {Any} event + */ + Pointer.prototype.start = function (event) { + this.identifier = event.identifier; + this.target = event.target; + + if (event.button) { + this.button = event.button; + } + + if (this.game.paused == true && this.game.stage.scale.incorrectOrientation == false) { + this.game.stage.resumeGame(); + return this; + } + + this._history.length = 0; + + this.active = true; + this.withinGame = true; + this.isDown = true; + this.isUp = false; + + // Work out how long it has been since the last click + this.msSinceLastClick = this.game.time.now - this.timeDown; + + this.timeDown = this.game.time.now; + + this._holdSent = false; + + // This sets the x/y and other local values + this.move(event); + + // x and y are the old values here? + this.positionDown.setTo(this.x, this.y); + + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + //this.game.input.x = this.x * this.game.input.scale.x; + //this.game.input.y = this.y * this.game.input.scale.y; + this.game.input.x = this.x; + this.game.input.y = this.y; + this.game.input.position.setTo(this.x, this.y); + this.game.input.onDown.dispatch(this); + this.game.input.resetSpeed(this.x, this.y); + } + + this._stateReset = false; + this.totalTouches++; + + if (this.isMouse == false) { + this.game.input.currentPointers++; + } + + if (this.targetObject !== null) { + this.targetObject.input._touchedHandler(this); + } + + return this; + }; + + Pointer.prototype.update = function () { + if (this.active) { + if (this._holdSent == false && this.duration >= this.game.input.holdRate) { + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + this.game.input.onHold.dispatch(this); + } + + this._holdSent = true; + } + + if (this.game.input.recordPointerHistory && this.game.time.now >= this._nextDrop) { + this._nextDrop = this.game.time.now + this.game.input.recordRate; + this._history.push({ x: this.position.x, y: this.position.y }); + + if (this._history.length > this.game.input.recordLimit) { + this._history.shift(); + } + } + + // Check which camera they are over + this.camera = this.game.world.cameras.getCameraUnderPoint(this.x, this.y); + } + }; + + /** + * Called when the Pointer is moved on the touchscreen + * @method move + * @param {Any} event + */ + Pointer.prototype.move = function (event) { + if (this.game.input.pollLocked) { + return; + } + + if (event.button) { + this.button = event.button; + } + + this.clientX = event.clientX; + this.clientY = event.clientY; + this.pageX = event.pageX; + this.pageY = event.pageY; + this.screenX = event.screenX; + this.screenY = event.screenY; + + this.x = (this.pageX - this.game.stage.offset.x) * this.game.input.scale.x; + this.y = (this.pageY - this.game.stage.offset.y) * this.game.input.scale.y; + + this.position.setTo(this.x, this.y); + this.circle.x = this.x; + this.circle.y = this.y; + + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + this.game.input.activePointer = this; + this.game.input.x = this.x; + this.game.input.y = this.y; + this.game.input.position.setTo(this.game.input.x, this.game.input.y); + this.game.input.circle.x = this.game.input.x; + this.game.input.circle.y = this.game.input.y; + } + + if (this.game.paused) { + return this; + } + + if (this.targetObject !== null && this.targetObject.input && this.targetObject.input.isDragged == true) { + if (this.targetObject.input.update(this) == false) { + this.targetObject = null; + } + return this; + } + + // Work out which object is on the top + this._highestRenderOrderID = -1; + this._highestRenderObject = -1; + this._highestInputPriorityID = -1; + + for (var i = 0; i < this.game.input.totalTrackedObjects; i++) { + if (this.game.input.inputObjects[i] && this.game.input.inputObjects[i].input && this.game.input.inputObjects[i].input.checkPointerOver(this)) { + if (this.game.input.inputObjects[i].input.priorityID > this._highestInputPriorityID || (this.game.input.inputObjects[i].input.priorityID == this._highestInputPriorityID && this.game.input.inputObjects[i].renderOrderID > this._highestRenderOrderID)) { + this._highestRenderOrderID = this.game.input.inputObjects[i].renderOrderID; + this._highestRenderObject = i; + this._highestInputPriorityID = this.game.input.inputObjects[i].input.priorityID; + } + } + } + + if (this._highestRenderObject == -1) { + if (this.targetObject !== null) { + this.targetObject.input._pointerOutHandler(this); + this.targetObject = null; + } + } else { + if (this.targetObject == null) { + // And now set the new one + this.targetObject = this.game.input.inputObjects[this._highestRenderObject]; + this.targetObject.input._pointerOverHandler(this); + } else { + if (this.targetObject == this.game.input.inputObjects[this._highestRenderObject]) { + if (this.targetObject.input.update(this) == false) { + this.targetObject = null; + } + } else { + // The target has changed, so tell the old one we've left it + this.targetObject.input._pointerOutHandler(this); + + // And now set the new one + this.targetObject = this.game.input.inputObjects[this._highestRenderObject]; + this.targetObject.input._pointerOverHandler(this); + } + } + } + + return this; + }; + + /** + * Called when the Pointer leaves the target area + * @method leave + * @param {Any} event + */ + Pointer.prototype.leave = function (event) { + this.withinGame = false; + this.move(event); + }; + + /** + * Called when the Pointer leaves the touchscreen + * @method stop + * @param {Any} event + */ + Pointer.prototype.stop = function (event) { + if (this._stateReset) { + event.preventDefault(); + return; + } + + this.timeUp = this.game.time.now; + + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + this.game.input.onUp.dispatch(this); + + if (this.duration >= 0 && this.duration <= this.game.input.tapRate) { + if (this.timeUp - this.previousTapTime < this.game.input.doubleTapRate) { + // Yes, let's dispatch the signal then with the 2nd parameter set to true + this.game.input.onTap.dispatch(this, true); + } else { + // Wasn't a double-tap, so dispatch a single tap signal + this.game.input.onTap.dispatch(this, false); + } + + this.previousTapTime = this.timeUp; + } + } + + if (this.id > 0) { + this.active = false; + } + + this.withinGame = false; + this.isDown = false; + this.isUp = true; + + if (this.isMouse == false) { + this.game.input.currentPointers--; + } + + for (var i = 0; i < this.game.input.totalTrackedObjects; i++) { + if (this.game.input.inputObjects[i] && this.game.input.inputObjects[i].input && this.game.input.inputObjects[i].input.enabled) { + this.game.input.inputObjects[i].input._releasedHandler(this); + } + } + + if (this.targetObject) { + this.targetObject.input._releasedHandler(this); + } + + this.targetObject = null; + + return this; + }; + + /** + * The Pointer is considered justPressed if the time it was pressed onto the touchscreen or clicked is less than justPressedRate + * @method justPressed + * @param {Number} [duration]. + * @return {Boolean} + */ + Pointer.prototype.justPressed = function (duration) { + if (typeof duration === "undefined") { duration = this.game.input.justPressedRate; } + if (this.isDown === true && (this.timeDown + duration) > this.game.time.now) { + return true; + } else { + return false; + } + }; + + /** + * The Pointer is considered justReleased if the time it left the touchscreen is less than justReleasedRate + * @method justReleased + * @param {Number} [duration]. + * @return {Boolean} + */ + Pointer.prototype.justReleased = function (duration) { + if (typeof duration === "undefined") { duration = this.game.input.justReleasedRate; } + if (this.isUp === true && (this.timeUp + duration) > this.game.time.now) { + return true; + } else { + return false; + } + }; + + /** + * Resets the Pointer properties. Called by InputManager.reset when you perform a State change. + * @method reset + */ + Pointer.prototype.reset = function () { + if (this.isMouse == false) { + this.active = false; + } + + this.identifier = null; + this.isDown = false; + this.isUp = true; + this.totalTouches = 0; + this._holdSent = false; + this._history.length = 0; + this._stateReset = true; + + if (this.targetObject && this.targetObject.input) { + this.targetObject.input._releasedHandler(this); + } + + this.targetObject = null; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {String} a string representation of the instance. + **/ + Pointer.prototype.toString = function () { + return "[{Pointer (id=" + this.id + " identifer=" + this.identifier + " active=" + this.active + " duration=" + this.duration + " withinGame=" + this.withinGame + " x=" + this.x + " y=" + this.y + " clientX=" + this.clientX + " clientY=" + this.clientY + " screenX=" + this.screenX + " screenY=" + this.screenY + " pageX=" + this.pageX + " pageY=" + this.pageY + ")}]"; + }; + return Pointer; + })(); + Phaser.Pointer = Pointer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Components - InputHandler + * + * Input detection component + */ + (function (Components) { + var InputHandler = (function () { + /** + * Sprite Input component constructor + * @param parent The Sprite using this Input component + */ + function InputHandler(parent) { + /** + * The PriorityID controls which Sprite receives an Input event first if they should overlap. + */ + this.priorityID = 0; + /** + * The index of this Input component entry in the Game.Input manager. + */ + this.indexID = 0; + this.isDragged = false; + this.dragPixelPerfect = false; + this.allowHorizontalDrag = true; + this.allowVerticalDrag = true; + this.bringToTop = false; + this.snapOnDrag = false; + this.snapOnRelease = false; + this.snapX = 0; + this.snapY = 0; + /** + * Is this sprite allowed to be dragged by the mouse? true = yes, false = no + * @default false + */ + this.draggable = false; + /** + * A region of the game world within which the sprite is restricted during drag + * @default null + */ + this.boundsRect = null; + /** + * An Sprite the bounds of which this sprite is restricted during drag + * @default null + */ + this.boundsSprite = null; + /** + * If this object is set to consume the pointer event then it will stop all propogation from this object on. + * For example if you had a stack of 6 sprites with the same priority IDs and one consumed the event, none of the others would receive it. + * @type {Boolean} + */ + this.consumePointerEvent = false; + this.game = parent.game; + this._parent = parent; + this.enabled = false; + } + /** + * The x coordinate of the Input pointer, relative to the top-left of the parent Sprite. + * This value is only set when the pointer is over this Sprite. + * @type {number} + */ + InputHandler.prototype.pointerX = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].x; + }; + + /** + * The y coordinate of the Input pointer, relative to the top-left of the parent Sprite + * This value is only set when the pointer is over this Sprite. + * @type {number} + */ + InputHandler.prototype.pointerY = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].y; + }; + + /** + * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true + * @property isDown + * @type {Boolean} + **/ + InputHandler.prototype.pointerDown = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isDown; + }; + + /** + * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true + * @property isUp + * @type {Boolean} + **/ + InputHandler.prototype.pointerUp = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isUp; + }; + + /** + * A timestamp representing when the Pointer first touched the touchscreen. + * @property timeDown + * @type {Number} + **/ + InputHandler.prototype.pointerTimeDown = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeDown; + }; + + /** + * A timestamp representing when the Pointer left the touchscreen. + * @property timeUp + * @type {Number} + **/ + InputHandler.prototype.pointerTimeUp = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeUp; + }; + + /** + * Is the Pointer over this Sprite + * @property isOver + * @type {Boolean} + **/ + InputHandler.prototype.pointerOver = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isOver; + }; + + /** + * Is the Pointer outside of this Sprite + * @property isOut + * @type {Boolean} + **/ + InputHandler.prototype.pointerOut = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isOut; + }; + + /** + * A timestamp representing when the Pointer first touched the touchscreen. + * @property timeDown + * @type {Number} + **/ + InputHandler.prototype.pointerTimeOver = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeOver; + }; + + /** + * A timestamp representing when the Pointer left the touchscreen. + * @property timeUp + * @type {Number} + **/ + InputHandler.prototype.pointerTimeOut = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeOut; + }; + + /** + * Is this sprite being dragged by the mouse or not? + * @default false + */ + InputHandler.prototype.pointerDragged = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isDragged; + }; + + InputHandler.prototype.start = function (priority, checkBody, useHandCursor) { + if (typeof priority === "undefined") { priority = 0; } + if (typeof checkBody === "undefined") { checkBody = false; } + if (typeof useHandCursor === "undefined") { useHandCursor = false; } + if (this.enabled == false) { + // Register, etc + this.checkBody = checkBody; + this.useHandCursor = useHandCursor; + this.priorityID = priority; + + this._pointerData = []; + + for (var i = 0; i < 10; i++) { + this._pointerData.push({ id: i, x: 0, y: 0, isDown: false, isUp: false, isOver: false, isOut: false, timeOver: 0, timeOut: 0, timeDown: 0, timeUp: 0, downDuration: 0, isDragged: false }); + } + + this.snapOffset = new Phaser.Point(); + this.enabled = true; + + this.game.input.addGameObject(this._parent); + + if (this._parent.events.onInputOver == null) { + this._parent.events.onInputOver = new Phaser.Signal(); + this._parent.events.onInputOut = new Phaser.Signal(); + this._parent.events.onInputDown = new Phaser.Signal(); + this._parent.events.onInputUp = new Phaser.Signal(); + this._parent.events.onDragStart = new Phaser.Signal(); + this._parent.events.onDragStop = new Phaser.Signal(); + } + } + + return this._parent; + }; + + InputHandler.prototype.reset = function () { + this.enabled = false; + + for (var i = 0; i < 10; i++) { + this._pointerData[i] = { id: i, x: 0, y: 0, isDown: false, isUp: false, isOver: false, isOut: false, timeOver: 0, timeOut: 0, timeDown: 0, timeUp: 0, downDuration: 0, isDragged: false }; + } + }; + + InputHandler.prototype.stop = function () { + if (this.enabled == false) { + return; + } else { + // De-register, etc + this.enabled = false; + this.game.input.removeGameObject(this.indexID); + } + }; + + /** + * Clean up memory. + */ + InputHandler.prototype.destroy = function () { + if (this.enabled) { + this.enabled = false; + this.game.input.removeGameObject(this.indexID); + } + }; + + /** + * Checks if the given pointer is over this Sprite. All checks are done in world coordinates. + */ + InputHandler.prototype.checkPointerOver = function (pointer) { + if (this.enabled == false || this._parent.visible == false) { + return false; + } else { + return Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY); + } + }; + + /** + * Update + */ + InputHandler.prototype.update = function (pointer) { + if (this.enabled == false || this._parent.visible == false) { + this._pointerOutHandler(pointer); + return false; + } + + if (this.draggable && this._draggedPointerID == pointer.id) { + return this.updateDrag(pointer); + } else if (this._pointerData[pointer.id].isOver == true) { + if (Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY)) { + this._pointerData[pointer.id].x = pointer.x - this._parent.x; + this._pointerData[pointer.id].y = pointer.y - this._parent.y; + return true; + } else { + this._pointerOutHandler(pointer); + return false; + } + } + }; + + InputHandler.prototype._pointerOverHandler = function (pointer) { + if (this._pointerData[pointer.id].isOver == false) { + this._pointerData[pointer.id].isOver = true; + this._pointerData[pointer.id].isOut = false; + this._pointerData[pointer.id].timeOver = this.game.time.now; + this._pointerData[pointer.id].x = pointer.x - this._parent.x; + this._pointerData[pointer.id].y = pointer.y - this._parent.y; + + if (this.useHandCursor && this._pointerData[pointer.id].isDragged == false) { + this.game.stage.canvas.style.cursor = "pointer"; + } + + this._parent.events.onInputOver.dispatch(this._parent, pointer); + } + }; + + InputHandler.prototype._pointerOutHandler = function (pointer) { + this._pointerData[pointer.id].isOver = false; + this._pointerData[pointer.id].isOut = true; + this._pointerData[pointer.id].timeOut = this.game.time.now; + + if (this.useHandCursor && this._pointerData[pointer.id].isDragged == false) { + this.game.stage.canvas.style.cursor = "default"; + } + + this._parent.events.onInputOut.dispatch(this._parent, pointer); + }; + + InputHandler.prototype._touchedHandler = function (pointer) { + if (this._pointerData[pointer.id].isDown == false && this._pointerData[pointer.id].isOver == true) { + this._pointerData[pointer.id].isDown = true; + this._pointerData[pointer.id].isUp = false; + this._pointerData[pointer.id].timeDown = this.game.time.now; + + //console.log('touchedHandler: ' + Date.now()); + this._parent.events.onInputDown.dispatch(this._parent, pointer); + + if (this.draggable && this.isDragged == false) { + this.startDrag(pointer); + } + + if (this.bringToTop) { + this._parent.bringToTop(); + //this._parent.game.world.group.bringToTop(this._parent); + } + } + + // Consume the event? + return this.consumePointerEvent; + }; + + InputHandler.prototype._releasedHandler = function (pointer) { + if (this._pointerData[pointer.id].isDown && pointer.isUp) { + this._pointerData[pointer.id].isDown = false; + this._pointerData[pointer.id].isUp = true; + this._pointerData[pointer.id].timeUp = this.game.time.now; + this._pointerData[pointer.id].downDuration = this._pointerData[pointer.id].timeUp - this._pointerData[pointer.id].timeDown; + + if (Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY)) { + //console.log('releasedHandler: ' + Date.now()); + this._parent.events.onInputUp.dispatch(this._parent, pointer); + } else { + if (this.useHandCursor) { + this.game.stage.canvas.style.cursor = "default"; + } + } + + if (this.draggable && this.isDragged && this._draggedPointerID == pointer.id) { + this.stopDrag(pointer); + } + } + }; + + /** + * Updates the Pointer drag on this Sprite. + */ + InputHandler.prototype.updateDrag = function (pointer) { + if (pointer.isUp) { + this.stopDrag(pointer); + return false; + } + + if (this.allowHorizontalDrag) { + this._parent.x = pointer.x + this._dragPoint.x + this.dragOffset.x; + } + + if (this.allowVerticalDrag) { + this._parent.y = pointer.y + this._dragPoint.y + this.dragOffset.y; + } + + if (this.boundsRect) { + this.checkBoundsRect(); + } + + if (this.boundsSprite) { + this.checkBoundsSprite(); + } + + if (this.snapOnDrag) { + this._parent.x = Math.floor(this._parent.x / this.snapX) * this.snapX; + this._parent.y = Math.floor(this._parent.y / this.snapY) * this.snapY; + } + + return true; + }; + + /** + * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just over. + * @returns {boolean} + */ + InputHandler.prototype.justOver = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isOver && this.overDuration(pointer) < delay); + }; + + /** + * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just out. + * @returns {boolean} + */ + InputHandler.prototype.justOut = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isOut && (this.game.time.now - this._pointerData[pointer].timeOut < delay)); + }; + + /** + * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just over. + * @returns {boolean} + */ + InputHandler.prototype.justPressed = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isDown && this.downDuration(pointer) < delay); + }; + + /** + * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just out. + * @returns {boolean} + */ + InputHandler.prototype.justReleased = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isUp && (this.game.time.now - this._pointerData[pointer].timeUp < delay)); + }; + + /** + * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. + * @returns {number} The number of milliseconds the pointer has been over the Sprite, or -1 if not over. + */ + InputHandler.prototype.overDuration = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + if (this._pointerData[pointer].isOver) { + return this.game.time.now - this._pointerData[pointer].timeOver; + } + + return -1; + }; + + /** + * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. + * @returns {number} The number of milliseconds the pointer has been pressed down on the Sprite, or -1 if not over. + */ + InputHandler.prototype.downDuration = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + if (this._pointerData[pointer].isDown) { + return this.game.time.now - this._pointerData[pointer].timeDown; + } + + return -1; + }; + + /** + * Make this Sprite draggable by the mouse. You can also optionally set mouseStartDragCallback and mouseStopDragCallback + * + * @param lockCenter If false the Sprite will drag from where you click it minus the dragOffset. If true it will center itself to the tip of the mouse pointer. + * @param bringToTop If true the Sprite will be bought to the top of the rendering list in its current Group. + * @param pixelPerfect If true it will use a pixel perfect test to see if you clicked the Sprite. False uses the bounding box. + * @param alphaThreshold If using pixel perfect collision this specifies the alpha level from 0 to 255 above which a collision is processed (default 255) + * @param boundsRect If you want to restrict the drag of this sprite to a specific FlxRect, pass the FlxRect here, otherwise it's free to drag anywhere + * @param boundsSprite If you want to restrict the drag of this sprite to within the bounding box of another sprite, pass it here + */ + InputHandler.prototype.enableDrag = function (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite) { + if (typeof lockCenter === "undefined") { lockCenter = false; } + if (typeof bringToTop === "undefined") { bringToTop = false; } + if (typeof pixelPerfect === "undefined") { pixelPerfect = false; } + if (typeof alphaThreshold === "undefined") { alphaThreshold = 255; } + if (typeof boundsRect === "undefined") { boundsRect = null; } + if (typeof boundsSprite === "undefined") { boundsSprite = null; } + this._dragPoint = new Phaser.Point(); + + this.draggable = true; + this.bringToTop = bringToTop; + + this.dragOffset = new Phaser.Point(); + this.dragFromCenter = lockCenter; + this.dragPixelPerfect = pixelPerfect; + this.dragPixelPerfectAlpha = alphaThreshold; + + if (boundsRect) { + this.boundsRect = boundsRect; + } + + if (boundsSprite) { + this.boundsSprite = boundsSprite; + } + }; + + /** + * Stops this sprite from being able to be dragged. If it is currently the target of an active drag it will be stopped immediately. Also disables any set callbacks. + */ + InputHandler.prototype.disableDrag = function () { + if (this._pointerData) { + for (var i = 0; i < 10; i++) { + this._pointerData[i].isDragged = false; + } + } + + this.draggable = false; + this.isDragged = false; + this._draggedPointerID = -1; + }; + + /** + * Called by Pointer when drag starts on this Sprite. Should not usually be called directly. + */ + InputHandler.prototype.startDrag = function (pointer) { + this.isDragged = true; + this._draggedPointerID = pointer.id; + this._pointerData[pointer.id].isDragged = true; + + if (this.dragFromCenter) { + this._parent.transform.centerOn(pointer.worldX, pointer.worldY); + this._dragPoint.setTo(this._parent.x - pointer.x, this._parent.y - pointer.y); + } else { + this._dragPoint.setTo(this._parent.x - pointer.x, this._parent.y - pointer.y); + } + + this.updateDrag(pointer); + + if (this.bringToTop) { + this._parent.bringToTop(); + } + + this._parent.events.onDragStart.dispatch(this._parent, pointer); + }; + + /** + * Called by Pointer when drag is stopped on this Sprite. Should not usually be called directly. + */ + InputHandler.prototype.stopDrag = function (pointer) { + this.isDragged = false; + this._draggedPointerID = -1; + this._pointerData[pointer.id].isDragged = false; + + if (this.snapOnRelease) { + this._parent.x = Math.floor(this._parent.x / this.snapX) * this.snapX; + this._parent.y = Math.floor(this._parent.y / this.snapY) * this.snapY; + } + + this._parent.events.onDragStop.dispatch(this._parent, pointer); + this._parent.events.onInputUp.dispatch(this._parent, pointer); + }; + + /** + * Restricts this sprite to drag movement only on the given axis. Note: If both are set to false the sprite will never move! + * + * @param allowHorizontal To enable the sprite to be dragged horizontally set to true, otherwise false + * @param allowVertical To enable the sprite to be dragged vertically set to true, otherwise false + */ + InputHandler.prototype.setDragLock = function (allowHorizontal, allowVertical) { + if (typeof allowHorizontal === "undefined") { allowHorizontal = true; } + if (typeof allowVertical === "undefined") { allowVertical = true; } + this.allowHorizontalDrag = allowHorizontal; + this.allowVerticalDrag = allowVertical; + }; + + /** + * Make this Sprite snap to the given grid either during drag or when it's released. + * For example 16x16 as the snapX and snapY would make the sprite snap to every 16 pixels. + * + * @param snapX The width of the grid cell in pixels + * @param snapY The height of the grid cell in pixels + * @param onDrag If true the sprite will snap to the grid while being dragged + * @param onRelease If true the sprite will snap to the grid when released + */ + InputHandler.prototype.enableSnap = function (snapX, snapY, onDrag, onRelease) { + if (typeof onDrag === "undefined") { onDrag = true; } + if (typeof onRelease === "undefined") { onRelease = false; } + this.snapOnDrag = onDrag; + this.snapOnRelease = onRelease; + this.snapX = snapX; + this.snapY = snapY; + }; + + /** + * Stops the sprite from snapping to a grid during drag or release. + */ + InputHandler.prototype.disableSnap = function () { + this.snapOnDrag = false; + this.snapOnRelease = false; + }; + + /** + * Bounds Rect check for the sprite drag + */ + InputHandler.prototype.checkBoundsRect = function () { + if (this._parent.x < this.boundsRect.left) { + this._parent.x = this.boundsRect.x; + } else if ((this._parent.x + this._parent.width) > this.boundsRect.right) { + this._parent.x = this.boundsRect.right - this._parent.width; + } + + if (this._parent.y < this.boundsRect.top) { + this._parent.y = this.boundsRect.top; + } else if ((this._parent.y + this._parent.height) > this.boundsRect.bottom) { + this._parent.y = this.boundsRect.bottom - this._parent.height; + } + }; + + /** + * Parent Sprite Bounds check for the sprite drag + */ + InputHandler.prototype.checkBoundsSprite = function () { + if (this._parent.x < this.boundsSprite.x) { + this._parent.x = this.boundsSprite.x; + } else if ((this._parent.x + this._parent.width) > (this.boundsSprite.x + this.boundsSprite.width)) { + this._parent.x = (this.boundsSprite.x + this.boundsSprite.width) - this._parent.width; + } + + if (this._parent.y < this.boundsSprite.y) { + this._parent.y = this.boundsSprite.y; + } else if ((this._parent.y + this._parent.height) > (this.boundsSprite.y + this.boundsSprite.height)) { + this._parent.y = (this.boundsSprite.y + this.boundsSprite.height) - this._parent.height; + } + }; + return InputHandler; + })(); + Components.InputHandler = InputHandler; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - InputManager +* +* A game specific Input manager that looks after the mouse, keyboard and touch objects. +* This is updated by the core game loop. +*/ +var Phaser; +(function (Phaser) { + var InputManager = (function () { + function InputManager(game) { + /** + * How often should the input pointers be checked for updates? + * A value of 0 means every single frame (60fps), a value of 1 means every other frame (30fps) and so on. + * @type {number} + */ + this.pollRate = 0; + this._pollCounter = 0; + /** + * A vector object representing the previous position of the Pointer. + * @property vector + * @type {Vec2} + **/ + this._oldPosition = null; + /** + * X coordinate of the most recent Pointer event + * @type {Number} + * @private + */ + this._x = 0; + /** + * X coordinate of the most recent Pointer event + * @type {Number} + * @private + */ + this._y = 0; + /** + * You can disable all Input by setting Input.disabled = true. While set all new input related events will be ignored. + * If you need to disable just one type of input, for example mouse, use Input.mouse.disabled = true instead + * @type {Boolean} + */ + this.disabled = false; + /** + * Controls the expected behaviour when using a mouse and touch together on a multi-input device + */ + this.multiInputOverride = InputManager.MOUSE_TOUCH_COMBINE; + /** + * Phaser.Gestures handler + * @type {Gestures} + */ + //public gestures: Gestures; + /** + * A vector object representing the current position of the Pointer. + * @property vector + * @type {Vec2} + **/ + this.position = null; + /** + * A vector object representing the speed of the Pointer. Only really useful in single Pointer games, + * otherwise see the Pointer objects directly. + * @property vector + * @type {Vec2} + **/ + this.speed = null; + /** + * A Circle object centered on the x/y screen coordinates of the Input. + * Default size of 44px (Apples recommended "finger tip" size) but can be changed to anything + * @property circle + * @type {Circle} + **/ + this.circle = null; + /** + * The scale by which all input coordinates are multiplied, calculated by the StageScaleMode. + * In an un-scaled game the values will be x: 1 and y: 1. + * @type {Vec2} + */ + this.scale = null; + /** + * The maximum number of Pointers allowed to be active at any one time. + * For lots of games it's useful to set this to 1 + * @type {Number} + */ + this.maxPointers = 10; + /** + * The current number of active Pointers. + * @type {Number} + */ + this.currentPointers = 0; + /** + * The number of milliseconds that the Pointer has to be pressed down and then released to be considered a tap or click + * @property tapRate + * @type {Number} + **/ + this.tapRate = 200; + /** + * The number of milliseconds between taps of the same Pointer for it to be considered a double tap / click + * @property doubleTapRate + * @type {Number} + **/ + this.doubleTapRate = 300; + /** + * The number of milliseconds that the Pointer has to be pressed down for it to fire a onHold event + * @property holdRate + * @type {Number} + **/ + this.holdRate = 2000; + /** + * The number of milliseconds below which the Pointer is considered justPressed + * @property justPressedRate + * @type {Number} + **/ + this.justPressedRate = 200; + /** + * The number of milliseconds below which the Pointer is considered justReleased + * @property justReleasedRate + * @type {Number} + **/ + this.justReleasedRate = 200; + /** + * Sets if the Pointer objects should record a history of x/y coordinates they have passed through. + * The history is cleared each time the Pointer is pressed down. + * The history is updated at the rate specified in Input.pollRate + * @property recordPointerHistory + * @type {Boolean} + **/ + this.recordPointerHistory = false; + /** + * The rate in milliseconds at which the Pointer objects should update their tracking history + * @property recordRate + * @type {Number} + */ + this.recordRate = 100; + /** + * The total number of entries that can be recorded into the Pointer objects tracking history. + * If the Pointer is tracking one event every 100ms, then a trackLimit of 100 would store the last 10 seconds worth of history. + * @property recordLimit + * @type {Number} + */ + this.recordLimit = 100; + /** + * A Pointer object + * @property pointer3 + * @type {Pointer} + **/ + this.pointer3 = null; + /** + * A Pointer object + * @property pointer4 + * @type {Pointer} + **/ + this.pointer4 = null; + /** + * A Pointer object + * @property pointer5 + * @type {Pointer} + **/ + this.pointer5 = null; + /** + * A Pointer object + * @property pointer6 + * @type {Pointer} + **/ + this.pointer6 = null; + /** + * A Pointer object + * @property pointer7 + * @type {Pointer} + **/ + this.pointer7 = null; + /** + * A Pointer object + * @property pointer8 + * @type {Pointer} + **/ + this.pointer8 = null; + /** + * A Pointer object + * @property pointer9 + * @type {Pointer} + **/ + this.pointer9 = null; + /** + * A Pointer object + * @property pointer10 + * @type {Pointer} + **/ + this.pointer10 = null; + /** + * The most recently active Pointer object. + * When you've limited max pointers to 1 this will accurately be either the first finger touched or mouse. + * @property activePointer + * @type {Pointer} + **/ + this.activePointer = null; + this.inputObjects = []; + this.totalTrackedObjects = 0; + this.game = game; + + this.mousePointer = new Phaser.Pointer(this.game, 0); + this.pointer1 = new Phaser.Pointer(this.game, 1); + this.pointer2 = new Phaser.Pointer(this.game, 2); + + this.mouse = new Phaser.Mouse(this.game); + this.keyboard = new Phaser.Keyboard(this.game); + this.touch = new Phaser.Touch(this.game); + this.mspointer = new Phaser.MSPointer(this.game); + + //this.gestures = new Gestures(this.game); + this.onDown = new Phaser.Signal(); + this.onUp = new Phaser.Signal(); + this.onTap = new Phaser.Signal(); + this.onHold = new Phaser.Signal(); + + this.scale = new Phaser.Vec2(1, 1); + this.speed = new Phaser.Vec2(); + this.position = new Phaser.Vec2(); + this._oldPosition = new Phaser.Vec2(); + this.circle = new Phaser.Circle(0, 0, 44); + + this.activePointer = this.mousePointer; + this.currentPointers = 0; + + this.hitCanvas = document.createElement('canvas'); + this.hitCanvas.width = 1; + this.hitCanvas.height = 1; + this.hitContext = this.hitCanvas.getContext('2d'); + } + Object.defineProperty(InputManager.prototype, "camera", { + get: /** + * The camera being used for mouse and touch based pointers to calculate their world coordinates. + * This is only ever the camera set by the most recently active Pointer. + * If you need to know exactly which camera a specific Pointer is over then see Pointer.camera instead. + * @property camera + * @type {Camera} + **/ + function () { + return this.activePointer.camera; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(InputManager.prototype, "x", { + get: /** + * The X coordinate of the most recently active pointer. + * This value takes game scaling into account automatically. See Pointer.screenX/clientX for source values. + * @property x + * @type {Number} + **/ + function () { + return this._x; + }, + set: function (value) { + this._x = Math.floor(value); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(InputManager.prototype, "y", { + get: /** + * The Y coordinate of the most recently active pointer. + * This value takes game scaling into account automatically. See Pointer.screenY/clientY for source values. + * @property y + * @type {Number} + **/ + function () { + return this._y; + }, + set: function (value) { + this._y = Math.floor(value); + }, + enumerable: true, + configurable: true + }); + + + /** + * Add a new Pointer object to the Input Manager. By default Input creates 2 pointer objects for you. If you need more + * use this to create a new one, up to a maximum of 10. + * @method addPointer + * @return {Pointer} A reference to the new Pointer object + **/ + InputManager.prototype.addPointer = function () { + var next = 0; + + for (var i = 10; i > 0; i--) { + if (this['pointer' + i] === null) { + next = i; + } + } + + if (next == 0) { + throw new Error("You can only have 10 Pointer objects"); + return null; + } else { + this['pointer' + next] = new Phaser.Pointer(this.game, next); + return this['pointer' + next]; + } + }; + + /** + * Starts the Input Manager running + * @method start + **/ + InputManager.prototype.boot = function () { + this.mouse.start(); + this.keyboard.start(); + this.touch.start(); + this.mspointer.start(); + + //this.gestures.start(); + this.mousePointer.active = true; + }; + + /** + * Adds a new game object to be tracked by the Input Manager. Called by the Sprite.Input component, should not usually be called directly. + * @method addGameObject + **/ + InputManager.prototype.addGameObject = function (object) { + for (var i = 0; i < this.inputObjects.length; i++) { + if (this.inputObjects[i] == null) { + this.inputObjects[i] = object; + object.input.indexID = i; + this.totalTrackedObjects++; + return; + } + } + + // If we got this far we need to push a new entry into the array + object.input.indexID = this.inputObjects.length; + + this.inputObjects.push(object); + + this.totalTrackedObjects++; + }; + + /** + * Removes a game object from the Input Manager. Called by the Sprite.Input component, should not usually be called directly. + * @method removeGameObject + **/ + InputManager.prototype.removeGameObject = function (index) { + if (this.inputObjects[index]) { + this.inputObjects[index] = null; + } + }; + + Object.defineProperty(InputManager.prototype, "pollLocked", { + get: function () { + return (this.pollRate > 0 && this._pollCounter < this.pollRate); + }, + enumerable: true, + configurable: true + }); + + /** + * Updates the Input Manager. Called by the core Game loop. + * @method update + **/ + InputManager.prototype.update = function () { + if (this.pollRate > 0 && this._pollCounter < this.pollRate) { + this._pollCounter++; + return; + } + + this.speed.x = this.position.x - this._oldPosition.x; + this.speed.y = this.position.y - this._oldPosition.y; + + this._oldPosition.copyFrom(this.position); + + this.mousePointer.update(); + this.pointer1.update(); + this.pointer2.update(); + + if (this.pointer3) { + this.pointer3.update(); + } + if (this.pointer4) { + this.pointer4.update(); + } + if (this.pointer5) { + this.pointer5.update(); + } + if (this.pointer6) { + this.pointer6.update(); + } + if (this.pointer7) { + this.pointer7.update(); + } + if (this.pointer8) { + this.pointer8.update(); + } + if (this.pointer9) { + this.pointer9.update(); + } + if (this.pointer10) { + this.pointer10.update(); + } + + this._pollCounter = 0; + }; + + /** + * Reset all of the Pointers and Input states + * @method reset + * @param hard {Boolean} A soft reset (hard = false) won't reset any signals that might be bound. A hard reset will. + **/ + InputManager.prototype.reset = function (hard) { + if (typeof hard === "undefined") { hard = false; } + this.keyboard.reset(); + + this.mousePointer.reset(); + + for (var i = 1; i <= 10; i++) { + if (this['pointer' + i]) { + this['pointer' + i].reset(); + } + } + + this.currentPointers = 0; + + this.game.stage.canvas.style.cursor = "default"; + + if (hard == true) { + this.onDown.dispose(); + this.onUp.dispose(); + this.onTap.dispose(); + this.onHold.dispose(); + + this.onDown = new Phaser.Signal(); + this.onUp = new Phaser.Signal(); + this.onTap = new Phaser.Signal(); + this.onHold = new Phaser.Signal(); + + for (var i = 0; i < this.totalTrackedObjects; i++) { + if (this.inputObjects[i] && this.inputObjects[i].input) { + this.inputObjects[i].input.reset(); + } + } + + this.inputObjects.length = 0; + this.totalTrackedObjects = 0; + } + + this._pollCounter = 0; + }; + + InputManager.prototype.resetSpeed = function (x, y) { + this._oldPosition.setTo(x, y); + this.speed.setTo(0, 0); + }; + + Object.defineProperty(InputManager.prototype, "totalInactivePointers", { + get: /** + * Get the total number of inactive Pointers + * @method totalInactivePointers + * @return {Number} The number of Pointers currently inactive + **/ + function () { + return 10 - this.currentPointers; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(InputManager.prototype, "totalActivePointers", { + get: /** + * Recalculates the total number of active Pointers + * @method totalActivePointers + * @return {Number} The number of Pointers currently active + **/ + function () { + this.currentPointers = 0; + + for (var i = 1; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active) { + this.currentPointers++; + } + } + + return this.currentPointers; + }, + enumerable: true, + configurable: true + }); + + /** + * Find the first free Pointer object and start it, passing in the event data. + * @method startPointer + * @param {Any} event The event data from the Touch event + * @return {Pointer} The Pointer object that was started or null if no Pointer object is available + **/ + InputManager.prototype.startPointer = function (event) { + if (this.maxPointers < 10 && this.totalActivePointers == this.maxPointers) { + return null; + } + + if (this.pointer1.active == false) { + return this.pointer1.start(event); + } else if (this.pointer2.active == false) { + return this.pointer2.start(event); + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active == false) { + return this['pointer' + i].start(event); + } + } + } + + return null; + }; + + /** + * Updates the matching Pointer object, passing in the event data. + * @method updatePointer + * @param {Any} event The event data from the Touch event + * @return {Pointer} The Pointer object that was updated or null if no Pointer object is available + **/ + InputManager.prototype.updatePointer = function (event) { + if (this.pointer1.active && this.pointer1.identifier == event.identifier) { + return this.pointer1.move(event); + } else if (this.pointer2.active && this.pointer2.identifier == event.identifier) { + return this.pointer2.move(event); + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier) { + return this['pointer' + i].move(event); + } + } + } + + return null; + }; + + /** + * Stops the matching Pointer object, passing in the event data. + * @method stopPointer + * @param {Any} event The event data from the Touch event + * @return {Pointer} The Pointer object that was stopped or null if no Pointer object is available + **/ + InputManager.prototype.stopPointer = function (event) { + if (this.pointer1.active && this.pointer1.identifier == event.identifier) { + return this.pointer1.stop(event); + } else if (this.pointer2.active && this.pointer2.identifier == event.identifier) { + return this.pointer2.stop(event); + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier) { + return this['pointer' + i].stop(event); + } + } + } + + return null; + }; + + /** + * Get the next Pointer object whos active property matches the given state + * @method getPointer + * @param {Boolean} state The state the Pointer should be in (false for inactive, true for active) + * @return {Pointer} A Pointer object or null if no Pointer object matches the requested state. + **/ + InputManager.prototype.getPointer = function (state) { + if (typeof state === "undefined") { state = false; } + if (this.pointer1.active == state) { + return this.pointer1; + } else if (this.pointer2.active == state) { + return this.pointer2; + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active == state) { + return this['pointer' + i]; + } + } + } + + return null; + }; + + /** + * Get the Pointer object whos identified property matches the given identifier value + * @method getPointerFromIdentifier + * @param {Number} identifier The Pointer.identifier value to search for + * @return {Pointer} A Pointer object or null if no Pointer object matches the requested identifier. + **/ + InputManager.prototype.getPointerFromIdentifier = function (identifier) { + if (this.pointer1.identifier == identifier) { + return this.pointer1; + } else if (this.pointer2.identifier == identifier) { + return this.pointer2; + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].identifier == identifier) { + return this['pointer' + i]; + } + } + } + + return null; + }; + + Object.defineProperty(InputManager.prototype, "worldX", { + get: function () { + if (this.camera) { + return (this.camera.worldView.x - this.camera.screenView.x) + this.x; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(InputManager.prototype, "worldY", { + get: function () { + if (this.camera) { + return (this.camera.worldView.y - this.camera.screenView.y) + this.y; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + /** + * Get the distance between two Pointer objects + * @method getDistance + * @param {Pointer} pointer1 + * @param {Pointer} pointer2 + **/ + InputManager.prototype.getDistance = function (pointer1, pointer2) { + return Phaser.Vec2Utils.distance(pointer1.position, pointer2.position); + }; + + /** + * Get the angle between two Pointer objects + * @method getAngle + * @param {Pointer} pointer1 + * @param {Pointer} pointer2 + **/ + InputManager.prototype.getAngle = function (pointer1, pointer2) { + return Phaser.Vec2Utils.angle(pointer1.position, pointer2.position); + }; + + InputManager.prototype.pixelPerfectCheck = function (sprite, pointer, alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + this.hitContext.clearRect(0, 0, 1, 1); + + return true; + }; + InputManager.MOUSE_OVERRIDES_TOUCH = 0; + + InputManager.TOUCH_OVERRIDES_MOUSE = 1; + + InputManager.MOUSE_TOUCH_COMBINE = 2; + return InputManager; + })(); + Phaser.InputManager = InputManager; +})(Phaser || (Phaser = {})); +/// /** * Phaser - Device * @@ -14780,7 +9859,6 @@ var Phaser; * Device constructor */ function Device() { - // Android bug specific :) /** * An optional 'fix' for the horrendous Android stock browser bug * https://code.google.com/p/android/issues/detail?id=39247 @@ -14990,147 +10068,165 @@ var Phaser; this._checkFeatures(); this._checkOS(); } - Device.prototype._checkOS = /** + /** * Check which OS is game running on. * @private */ - function () { + Device.prototype._checkOS = function () { var ua = navigator.userAgent; - if(/Android/.test(ua)) { + + if (/Android/.test(ua)) { this.android = true; - } else if(/CrOS/.test(ua)) { + } else if (/CrOS/.test(ua)) { this.chromeOS = true; - } else if(/iP[ao]d|iPhone/i.test(ua)) { + } else if (/iP[ao]d|iPhone/i.test(ua)) { this.iOS = true; - } else if(/Linux/.test(ua)) { + } else if (/Linux/.test(ua)) { this.linux = true; - } else if(/Mac OS/.test(ua)) { + } else if (/Mac OS/.test(ua)) { this.macOS = true; - } else if(/Windows/.test(ua)) { + } else if (/Windows/.test(ua)) { this.windows = true; } - if(this.windows || this.macOS || this.linux) { + + if (this.windows || this.macOS || this.linux) { this.desktop = true; } }; - Device.prototype._checkFeatures = /** + + /** * Check HTML5 features of the host environment. * @private */ - function () { + Device.prototype._checkFeatures = function () { this.canvas = !!window['CanvasRenderingContext2D']; + try { this.localStorage = !!localStorage.getItem; } catch (error) { this.localStorage = false; } + this.file = !!window['File'] && !!window['FileReader'] && !!window['FileList'] && !!window['Blob']; this.fileSystem = !!window['requestFileSystem']; this.webGL = !!window['WebGLRenderingContext']; this.worker = !!window['Worker']; - if('ontouchstart' in document.documentElement || window.navigator.msPointerEnabled) { + + if ('ontouchstart' in document.documentElement || window.navigator.msPointerEnabled) { this.touch = true; } - if(window.navigator.msPointerEnabled) { + + if (window.navigator.msPointerEnabled) { this.mspointer = true; } }; - Device.prototype._checkBrowser = /** + + /** * Check what browser is game running in. * @private */ - function () { + Device.prototype._checkBrowser = function () { var ua = navigator.userAgent; - if(/Arora/.test(ua)) { + + if (/Arora/.test(ua)) { this.arora = true; - } else if(/Chrome/.test(ua)) { + } else if (/Chrome/.test(ua)) { this.chrome = true; - } else if(/Epiphany/.test(ua)) { + } else if (/Epiphany/.test(ua)) { this.epiphany = true; - } else if(/Firefox/.test(ua)) { + } else if (/Firefox/.test(ua)) { this.firefox = true; - } else if(/Mobile Safari/.test(ua)) { + } else if (/Mobile Safari/.test(ua)) { this.mobileSafari = true; - } else if(/MSIE (\d+\.\d+);/.test(ua)) { + } else if (/MSIE (\d+\.\d+);/.test(ua)) { this.ie = true; this.ieVersion = parseInt(RegExp.$1); - } else if(/Midori/.test(ua)) { + } else if (/Midori/.test(ua)) { this.midori = true; - } else if(/Opera/.test(ua)) { + } else if (/Opera/.test(ua)) { this.opera = true; - } else if(/Safari/.test(ua)) { + } else if (/Safari/.test(ua)) { this.safari = true; } - // WebApp mode in iOS - if(navigator['standalone']) { + + if (navigator['standalone']) { this.webApp = true; } }; + Device.prototype.canPlayAudio = function (type) { - if(type == 'mp3' && this.mp3) { + if (type == 'mp3' && this.mp3) { return true; - } else if(type == 'ogg' && (this.ogg || this.opus)) { + } else if (type == 'ogg' && (this.ogg || this.opus)) { return true; - } else if(type == 'm4a' && this.m4a) { + } else if (type == 'm4a' && this.m4a) { return true; - } else if(type == 'wav' && this.wav) { + } else if (type == 'wav' && this.wav) { return true; - } else if(type == 'webm' && this.webm) { + } else if (type == 'webm' && this.webm) { return true; } + return false; }; - Device.prototype._checkAudio = /** + + /** * Check audio support. * @private */ - function () { + Device.prototype._checkAudio = function () { this.audioData = !!(window['Audio']); this.webAudio = !!(window['webkitAudioContext'] || window['AudioContext']); + var audioElement = document.createElement('audio'); var result = false; + try { - if(result = !!audioElement.canPlayType) { - if(audioElement.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) { + if (result = !!audioElement.canPlayType) { + if (audioElement.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) { this.ogg = true; } - if(audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '')) { + + if (audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '')) { this.opus = true; } - if(audioElement.canPlayType('audio/mpeg;').replace(/^no$/, '')) { + + if (audioElement.canPlayType('audio/mpeg;').replace(/^no$/, '')) { this.mp3 = true; } - // Mimetypes accepted: - // developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements - // bit.ly/iphoneoscodecs - if(audioElement.canPlayType('audio/wav; codecs="1"').replace(/^no$/, '')) { + + if (audioElement.canPlayType('audio/wav; codecs="1"').replace(/^no$/, '')) { this.wav = true; } - if(audioElement.canPlayType('audio/x-m4a;') || audioElement.canPlayType('audio/aac;').replace(/^no$/, '')) { + + if (audioElement.canPlayType('audio/x-m4a;') || audioElement.canPlayType('audio/aac;').replace(/^no$/, '')) { this.m4a = true; } - if(audioElement.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/, '')) { + + if (audioElement.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/, '')) { this.webm = true; } } } catch (e) { } }; - Device.prototype._checkDevice = /** + + /** * Check PixelRatio of devices. * @private */ - function () { + Device.prototype._checkDevice = function () { this.pixelRatio = window['devicePixelRatio'] || 1; this.iPhone = navigator.userAgent.toLowerCase().indexOf('iphone') != -1; this.iPhone4 = (this.pixelRatio == 2 && this.iPhone); this.iPad = navigator.userAgent.toLowerCase().indexOf('ipad') != -1; }; - Device.prototype._checkCSS3D = /** + + /** * Check whether the host environment support 3D CSS. * @private */ - function () { + Device.prototype._checkCSS3D = function () { var el = document.createElement('p'); var has3d; var transforms = { @@ -15140,86 +10236,44 @@ var Phaser; 'MozTransform': '-moz-transform', 'transform': 'transform' }; + // Add it to the body to get the computed style. document.body.insertBefore(el, null); - for(var t in transforms) { - if(el.style[t] !== undefined) { + + for (var t in transforms) { + if (el.style[t] !== undefined) { el.style[t] = "translate3d(1px,1px,1px)"; has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]); } } + document.body.removeChild(el); + this.css3D = (has3d !== undefined && has3d.length > 0 && has3d !== "none"); }; + Device.prototype.isConsoleOpen = function () { - if(window.console && window.console['firebug']) { + if (window.console && window.console['firebug']) { return true; } - if(window.console) { + + if (window.console) { console.profile(); console.profileEnd(); - if(console.clear) { + + if (console.clear) console.clear(); - } + return console['profiles'].length > 0; } + return false; }; - Device.prototype.getAll = /** - * Get all informations of host device. - * @return {string} Informations in a string. - */ - function () { - var output = ''; - output = output.concat('Device\n'); - output = output.concat('iPhone : ' + this.iPhone + '\n'); - output = output.concat('iPhone4 : ' + this.iPhone4 + '\n'); - output = output.concat('iPad : ' + this.iPad + '\n'); - output = output.concat('\n'); - output = output.concat('Operating System\n'); - output = output.concat('iOS: ' + this.iOS + '\n'); - output = output.concat('Android: ' + this.android + '\n'); - output = output.concat('ChromeOS: ' + this.chromeOS + '\n'); - output = output.concat('Linux: ' + this.linux + '\n'); - output = output.concat('MacOS: ' + this.macOS + '\n'); - output = output.concat('Windows: ' + this.windows + '\n'); - output = output.concat('\n'); - output = output.concat('Browser\n'); - output = output.concat('Arora: ' + this.arora + '\n'); - output = output.concat('Chrome: ' + this.chrome + '\n'); - output = output.concat('Epiphany: ' + this.epiphany + '\n'); - output = output.concat('Firefox: ' + this.firefox + '\n'); - output = output.concat('Internet Explorer: ' + this.ie + ' (' + this.ieVersion + ')\n'); - output = output.concat('Mobile Safari: ' + this.mobileSafari + '\n'); - output = output.concat('Midori: ' + this.midori + '\n'); - output = output.concat('Opera: ' + this.opera + '\n'); - output = output.concat('Safari: ' + this.safari + '\n'); - output = output.concat('\n'); - output = output.concat('Features\n'); - output = output.concat('Canvas: ' + this.canvas + '\n'); - output = output.concat('File: ' + this.file + '\n'); - output = output.concat('FileSystem: ' + this.fileSystem + '\n'); - output = output.concat('LocalStorage: ' + this.localStorage + '\n'); - output = output.concat('WebGL: ' + this.webGL + '\n'); - output = output.concat('Worker: ' + this.worker + '\n'); - output = output.concat('Touch: ' + this.touch + '\n'); - output = output.concat('MSPointer: ' + this.mspointer + '\n'); - output = output.concat('CSS 3D: ' + this.css3D + '\n'); - output = output.concat('\n'); - output = output.concat('Audio\n'); - output = output.concat('Audio Data: ' + this.canvas + '\n'); - output = output.concat('Web Audio: ' + this.canvas + '\n'); - output = output.concat('Can play OGG: ' + this.canvas + '\n'); - output = output.concat('Can play MP3: ' + this.canvas + '\n'); - output = output.concat('Can play M4A: ' + this.canvas + '\n'); - output = output.concat('Can play WAV: ' + this.canvas + '\n'); - return output; - }; return Device; })(); - Phaser.Device = Device; + Phaser.Device = Device; })(Phaser || (Phaser = {})); -/// +/// /** * Phaser - RequestAnimationFrame * @@ -15249,46 +10303,47 @@ var Phaser; this.isRunning = false; this.game = game; this.callback = callback; - var vendors = [ - 'ms', - 'moz', - 'webkit', - 'o' - ]; - for(var x = 0; x < vendors.length && !window.requestAnimationFrame; x++) { + + var vendors = ['ms', 'moz', 'webkit', 'o']; + + for (var x = 0; x < vendors.length && !window.requestAnimationFrame; x++) { window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']; window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame']; } + this.start(); } - RequestAnimationFrame.prototype.isUsingSetTimeOut = /** + /** * * @method usingSetTimeOut * @return Boolean **/ - function () { + RequestAnimationFrame.prototype.isUsingSetTimeOut = function () { return this._isSetTimeOut; }; - RequestAnimationFrame.prototype.isUsingRAF = /** + + /** * * @method usingRAF * @return Boolean **/ - function () { + RequestAnimationFrame.prototype.isUsingRAF = function () { return this._isSetTimeOut === true; }; - RequestAnimationFrame.prototype.start = /** + + /** * Starts the requestAnimatioFrame running or setTimeout if unavailable in browser * @method start * @param {Any} [callback] **/ - function (callback) { + RequestAnimationFrame.prototype.start = function (callback) { if (typeof callback === "undefined") { callback = null; } var _this = this; - if(callback) { + if (callback) { this.callback = callback; } - if(!window.requestAnimationFrame) { + + if (!window.requestAnimationFrame) { this._isSetTimeOut = true; this._onLoop = function () { return _this.SetTimeoutUpdate(); @@ -15301,56 +10356,6131 @@ var Phaser; }; window.requestAnimationFrame(this._onLoop); } + this.isRunning = true; }; - RequestAnimationFrame.prototype.stop = /** + + /** * Stops the requestAnimationFrame from running * @method stop **/ - function () { - if(this._isSetTimeOut) { + RequestAnimationFrame.prototype.stop = function () { + if (this._isSetTimeOut) { clearTimeout(this._timeOutID); } else { window.cancelAnimationFrame; } + this.isRunning = false; }; - RequestAnimationFrame.prototype.RAFUpdate = /** + + /** * The update method for the requestAnimationFrame * @method RAFUpdate **/ - function (time) { + RequestAnimationFrame.prototype.RAFUpdate = function (time) { var _this = this; this.game.time.update(time); - if(this.callback) { + + if (this.callback) { this.callback.call(this.game); } + this._onLoop = function (time) { return _this.RAFUpdate(time); }; + window.requestAnimationFrame(this._onLoop); }; - RequestAnimationFrame.prototype.SetTimeoutUpdate = /** + + /** * The update method for the setTimeout * @method SetTimeoutUpdate **/ - function () { + RequestAnimationFrame.prototype.SetTimeoutUpdate = function () { var _this = this; this.game.time.update(Date.now()); + this._onLoop = function () { return _this.SetTimeoutUpdate(); }; + this._timeOutID = window.setTimeout(this._onLoop, 16); - if(this.callback) { + + if (this.callback) { this.callback.call(this.game); } }; return RequestAnimationFrame; })(); - Phaser.RequestAnimationFrame = RequestAnimationFrame; + Phaser.RequestAnimationFrame = RequestAnimationFrame; })(Phaser || (Phaser = {})); -/// -/// +/// +/** +* Phaser - StageScaleMode +* +* This class controls the scaling of your game. On mobile devices it will also remove the URL bar and allow +* you to maintain proportion and aspect ratio. +* The resizing method is based on a technique taken from Viewporter v2.0 by Zynga Inc. http://github.com/zynga/viewporter +*/ +var Phaser; +(function (Phaser) { + var StageScaleMode = (function () { + /** + * StageScaleMode constructor + */ + function StageScaleMode(game, width, height) { + var _this = this; + /** + * Stage height when start the game. + * @type {number} + */ + this._startHeight = 0; + /** + * If the game should be forced to use Landscape mode, this is set to true by Game.Stage + * @type {Boolean} + */ + this.forceLandscape = false; + /** + * If the game should be forced to use Portrait mode, this is set to true by Game.Stage + * @type {Boolean} + */ + this.forcePortrait = false; + /** + * If the game should be forced to use a specific orientation and the device currently isn't in that orientation this is set to true. + * @type {Boolean} + */ + this.incorrectOrientation = false; + /** + * If you wish to align your game in the middle of the page then you can set this value to true. + * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. + * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. + * @type {Boolean} + */ + this.pageAlignHorizontally = false; + /** + * If you wish to align your game in the middle of the page then you can set this value to true. + * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. + * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. + * @type {Boolean} + */ + this.pageAlignVeritcally = false; + /** + * Minimum width the canvas should be scaled to (in pixels) + * @type {number} + */ + this.minWidth = null; + /** + * Maximum width the canvas should be scaled to (in pixels). + * If null it will scale to whatever width the browser can handle. + * @type {number} + */ + this.maxWidth = null; + /** + * Minimum height the canvas should be scaled to (in pixels) + * @type {number} + */ + this.minHeight = null; + /** + * Maximum height the canvas should be scaled to (in pixels). + * If null it will scale to whatever height the browser can handle. + * @type {number} + */ + this.maxHeight = null; + /** + * Width of the stage after calculation. + * @type {number} + */ + this.width = 0; + /** + * Height of the stage after calculation. + * @type {number} + */ + this.height = 0; + /** + * The maximum number of times it will try to resize the canvas to fill the browser (default is 10) + * @type {number} + */ + this.maxIterations = 10; + this.game = game; + + this.enterLandscape = new Phaser.Signal(); + this.enterPortrait = new Phaser.Signal(); + + if (window['orientation']) { + this.orientation = window['orientation']; + } else { + if (window.outerWidth > window.outerHeight) { + this.orientation = 90; + } else { + this.orientation = 0; + } + } + + this.scaleFactor = new Phaser.Vec2(1, 1); + this.aspectRatio = 0; + this.minWidth = width; + this.minHeight = height; + this.maxWidth = width; + this.maxHeight = height; + + window.addEventListener('orientationchange', function (event) { + return _this.checkOrientation(event); + }, false); + window.addEventListener('resize', function (event) { + return _this.checkResize(event); + }, false); + } + Object.defineProperty(StageScaleMode.prototype, "isFullScreen", { + get: // Full Screen API calls + function () { + if (document['fullscreenElement'] === null || document['mozFullScreenElement'] === null || document['webkitFullscreenElement'] === null) { + return false; + } + + return true; + }, + enumerable: true, + configurable: true + }); + + StageScaleMode.prototype.startFullScreen = function () { + if (this.isFullScreen) { + return; + } + + var element = this.game.stage.canvas; + + if (element['requestFullScreen']) { + element['requestFullScreen'](); + } else if (element['mozRequestFullScreen']) { + element['mozRequestFullScreen'](); + } else if (element['webkitRequestFullScreen']) { + element['webkitRequestFullScreen'](); + } + }; + + StageScaleMode.prototype.stopFullScreen = function () { + if (document['cancelFullScreen']) { + document['cancelFullScreen'](); + } else if (document['mozCancelFullScreen']) { + document['mozCancelFullScreen'](); + } else if (document['webkitCancelFullScreen']) { + document['webkitCancelFullScreen'](); + } + }; + + /** + * The core update loop, called by Phaser.Stage + */ + StageScaleMode.prototype.update = function () { + if (this.game.stage.scaleMode !== Phaser.StageScaleMode.NO_SCALE && (window.innerWidth !== this.width || window.innerHeight !== this.height)) { + this.refresh(); + } + + if (this.forceLandscape || this.forcePortrait) { + this.checkOrientationState(); + } + }; + + StageScaleMode.prototype.checkOrientationState = function () { + if (this.incorrectOrientation) { + if ((this.forceLandscape && window.innerWidth > window.innerHeight) || (this.forcePortrait && window.innerHeight > window.innerWidth)) { + // Back to normal + this.game.paused = false; + this.incorrectOrientation = false; + this.refresh(); + } + } else { + if ((this.forceLandscape && window.innerWidth < window.innerHeight) || (this.forcePortrait && window.innerHeight < window.innerWidth)) { + // Show orientation screen + this.game.paused = true; + this.incorrectOrientation = true; + this.refresh(); + } + } + }; + + Object.defineProperty(StageScaleMode.prototype, "isPortrait", { + get: function () { + return this.orientation == 0 || this.orientation == 180; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(StageScaleMode.prototype, "isLandscape", { + get: function () { + return this.orientation === 90 || this.orientation === -90; + }, + enumerable: true, + configurable: true + }); + + /** + * Handle window.orientationchange events + */ + StageScaleMode.prototype.checkOrientation = function (event) { + this.orientation = window['orientation']; + + if (this.isLandscape) { + this.enterLandscape.dispatch(this.orientation, true, false); + } else { + this.enterPortrait.dispatch(this.orientation, false, true); + } + + if (this.game.stage.scaleMode !== StageScaleMode.NO_SCALE) { + this.refresh(); + } + }; + + /** + * Handle window.resize events + */ + StageScaleMode.prototype.checkResize = function (event) { + if (window.outerWidth > window.outerHeight) { + this.orientation = 90; + } else { + this.orientation = 0; + } + + if (this.isLandscape) { + this.enterLandscape.dispatch(this.orientation, true, false); + } else { + this.enterPortrait.dispatch(this.orientation, false, true); + } + + if (this.game.stage.scaleMode !== StageScaleMode.NO_SCALE) { + this.refresh(); + } + }; + + /** + * Re-calculate scale mode and update screen size. + */ + StageScaleMode.prototype.refresh = function () { + var _this = this; + if (this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false) { + document.documentElement['style'].minHeight = '2000px'; + + this._startHeight = window.innerHeight; + + if (this.game.device.android && this.game.device.chrome == false) { + window.scrollTo(0, 1); + } else { + window.scrollTo(0, 0); + } + } + + if (this._check == null && this.maxIterations > 0) { + this._iterations = this.maxIterations; + this._check = window.setInterval(function () { + return _this.setScreenSize(); + }, 10); + this.setScreenSize(); + } + }; + + /** + * Set screen size automatically based on the scaleMode. + */ + StageScaleMode.prototype.setScreenSize = function (force) { + if (typeof force === "undefined") { force = false; } + if (this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false) { + if (this.game.device.android && this.game.device.chrome == false) { + window.scrollTo(0, 1); + } else { + window.scrollTo(0, 0); + } + } + + this._iterations--; + + if (force || window.innerHeight > this._startHeight || this._iterations < 0) { + // Set minimum height of content to new window height + document.documentElement['style'].minHeight = window.innerHeight + 'px'; + + if (this.incorrectOrientation == true) { + this.setMaximum(); + } else if (this.game.stage.scaleMode == StageScaleMode.EXACT_FIT) { + this.setExactFit(); + } else if (this.game.stage.scaleMode == StageScaleMode.SHOW_ALL) { + this.setShowAll(); + } + + this.setSize(); + + clearInterval(this._check); + + this._check = null; + } + }; + + StageScaleMode.prototype.setSize = function () { + if (this.incorrectOrientation == false) { + if (this.maxWidth && this.width > this.maxWidth) { + this.width = this.maxWidth; + } + + if (this.maxHeight && this.height > this.maxHeight) { + this.height = this.maxHeight; + } + + if (this.minWidth && this.width < this.minWidth) { + this.width = this.minWidth; + } + + if (this.minHeight && this.height < this.minHeight) { + this.height = this.minHeight; + } + } + + this.game.stage.canvas.style.width = this.width + 'px'; + this.game.stage.canvas.style.height = this.height + 'px'; + + this.game.input.scale.setTo(this.game.stage.width / this.width, this.game.stage.height / this.height); + + if (this.pageAlignHorizontally) { + if (this.width < window.innerWidth && this.incorrectOrientation == false) { + this.game.stage.canvas.style.marginLeft = Math.round((window.innerWidth - this.width) / 2) + 'px'; + } else { + this.game.stage.canvas.style.marginLeft = '0px'; + } + } + + if (this.pageAlignVeritcally) { + if (this.height < window.innerHeight && this.incorrectOrientation == false) { + this.game.stage.canvas.style.marginTop = Math.round((window.innerHeight - this.height) / 2) + 'px'; + } else { + this.game.stage.canvas.style.marginTop = '0px'; + } + } + + this.game.stage.getOffset(this.game.stage.canvas); + + this.aspectRatio = this.width / this.height; + this.scaleFactor.x = this.game.stage.width / this.width; + this.scaleFactor.y = this.game.stage.height / this.height; + }; + + StageScaleMode.prototype.setMaximum = function () { + this.width = window.innerWidth; + this.height = window.innerHeight; + }; + + StageScaleMode.prototype.setShowAll = function () { + var multiplier = Math.min((window.innerHeight / this.game.stage.height), (window.innerWidth / this.game.stage.width)); + + this.width = Math.round(this.game.stage.width * multiplier); + this.height = Math.round(this.game.stage.height * multiplier); + }; + + StageScaleMode.prototype.setExactFit = function () { + if (this.maxWidth && window.innerWidth > this.maxWidth) { + this.width = this.maxWidth; + } else { + this.width = window.innerWidth; + } + + if (this.maxHeight && window.innerHeight > this.maxHeight) { + this.height = this.maxHeight; + } else { + this.height = window.innerHeight; + } + }; + StageScaleMode.EXACT_FIT = 0; + + StageScaleMode.NO_SCALE = 1; + + StageScaleMode.SHOW_ALL = 2; + return StageScaleMode; + })(); + Phaser.StageScaleMode = StageScaleMode; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - BootScreen +* +* The BootScreen is displayed when Phaser is started without any default functions or State +*/ +var Phaser; +(function (Phaser) { + var BootScreen = (function () { + /** + * BootScreen constructor + * Create a new BootScreen with specific width and height. + * + * @param width {number} Screen canvas width. + * @param height {number} Screen canvas height. + */ + function BootScreen(game) { + /** + * Engine logo image data. + */ + this._logoData = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAZCAYAAADdYmvFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAstJREFUeNrsWlFuwjAMbavdZGcAcRm4AXzvCPuGG8BlEJxhZ+l4TJ48z3actGGthqUI1MaO/V6cmIT2/fW10eTt46NvKshtvDZlG31yfOL9a/ldU6x4IZ0GQs0gS217enMkJYr5ixXkYrFoVqtV1kDn8/n+KfXw/Hq9Nin7h8MhScB2u3Xtav2ivsNWrh7XLcWMYqA4eUZ1kj0MAifHJEeKFojWzyIH+rL/0Cwif2AX9nN1oQOgrTg8XcTFx+ScdEOJ4WBxXQ1EjRyrn0cOzzQLzFyQSQcgw/5Qkkr0JVEQpNIdhL4vm4DL5fLulNTHcy6Uxl4/6iMLiePx2KzX6/v30+n0aynUlrnSeNq2/VN9bgM4dFPdNPmsJnIg/PuQbJmLdFN3UNu0SzbyJ0GOWJVWZE/QMkY+owrqXxGEdZA37BVyX6lJTipT6J1lf7fbqc+xh8nYeIvikatP+PGW0nEJ4jOydHYOIcfKnmgWoZDQSIIeio4Sf1IthYWskCO4vqQ6lFYjl8tl9L1H67PZbMz3VO3t93uVXHofmUjReLyMwHi5eCb3ICwJj5ZU9nCg+SzUgPYyif+2epTk4pkkyDp+eXTlZu2BkUybEkklePZfK9lPuTnc07vbmt1bYulHBeNQgx18SsH4ni/cV2rSLtqNDNUH2JQ2SsXS57Y9PHlfumkwCdICt5rnkNdPjpMiIEWgRlAJSdF4SvCQMWj+VyfI0h8D/EgWSYKiJKXi8VrOhJUxaFiFCOKKUJAtR78k9eX4USLHXqLGXOIiWUT4Vj9JiP4W0io3VDz8AJXblNWQrOimLjIGy/9uLICH6mrVmFbxEFHauzmc0fGJJmPg/v+6D0oB7N2bj0FsNHtSWTQniWTR931QlHXvasDTHXLjqY0/1/8hSDxACD+lAGH8dKQbQk5N3TFtzDmLWutvV0+pL5FVoHvCNG35FGAAayS4KUoKC9QAAAAASUVORK5CYII="; + /** + * Background gradient effect color 1. + */ + this._color1 = { r: 20, g: 20, b: 20 }; + /** + * Background gradient effect color 2. + */ + this._color2 = { r: 200, g: 200, b: 200 }; + /** + * Fade effect tween. + * @type {Phaser.Tween} + */ + this._fade = null; + this.game = game; + + this._logo = new Image(); + this._logo.src = this._logoData; + } + /** + * Update color and fade. + */ + BootScreen.prototype.update = function () { + if (this._fade == null) { + this.colorCycle(); + } + + this._color1.r = Math.round(this._color1.r); + this._color1.g = Math.round(this._color1.g); + this._color1.b = Math.round(this._color1.b); + this._color2.r = Math.round(this._color2.r); + this._color2.g = Math.round(this._color2.g); + this._color2.b = Math.round(this._color2.b); + }; + + /** + * Render BootScreen. + */ + BootScreen.prototype.render = function () { + var grd = this.game.stage.context.createLinearGradient(0, 0, 0, this.game.stage.height); + grd.addColorStop(0, 'rgb(' + this._color1.r + ', ' + this._color1.g + ', ' + this._color1.b + ')'); + grd.addColorStop(0.5, 'rgb(' + this._color2.r + ', ' + this._color2.g + ', ' + this._color2.b + ')'); + grd.addColorStop(1, 'rgb(' + this._color1.r + ', ' + this._color1.g + ', ' + this._color1.b + ')'); + this.game.stage.context.fillStyle = grd; + this.game.stage.context.fillRect(0, 0, this.game.stage.width, this.game.stage.height); + + this.game.stage.context.shadowOffsetX = 0; + this.game.stage.context.shadowOffsetY = 0; + + if (this._logo) { + this.game.stage.context.drawImage(this._logo, 32, 32); + } + + this.game.stage.context.shadowColor = 'rgb(0,0,0)'; + this.game.stage.context.shadowOffsetX = 1; + this.game.stage.context.shadowOffsetY = 1; + this.game.stage.context.shadowBlur = 0; + this.game.stage.context.fillStyle = 'rgb(255,255,255)'; + this.game.stage.context.font = 'bold 18px Arial'; + this.game.stage.context.textBaseline = 'top'; + this.game.stage.context.fillText(Phaser.VERSION, 32, 64 + 32); + this.game.stage.context.fillText('Game Size: ' + this.game.stage.width + ' x ' + this.game.stage.height, 32, 64 + 64); + this.game.stage.context.fillText('www.photonstorm.com', 32, 64 + 96); + this.game.stage.context.font = '16px Arial'; + this.game.stage.context.fillText('You are seeing this screen because you didn\'t specify any default', 32, 64 + 160); + this.game.stage.context.fillText('functions in the Game constructor or use Game.switchState()', 32, 64 + 184); + }; + + /** + * Start color fading cycle. + */ + BootScreen.prototype.colorCycle = function () { + this._fade = this.game.add.tween(this._color2); + + this._fade.to({ r: Math.random() * 250, g: Math.random() * 250, b: Math.random() * 250 }, 3000, Phaser.Easing.Linear.None); + this._fade.onComplete.add(this.colorCycle, this); + this._fade.start(); + }; + return BootScreen; + })(); + Phaser.BootScreen = BootScreen; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - OrientationScreen +* +* The Orientation Screen is displayed whenever the device is turned to an unsupported orientation. +*/ +var Phaser; +(function (Phaser) { + var OrientationScreen = (function () { + /** + * OrientationScreen constructor + * Create a new OrientationScreen with specific width and height. + * + * @param width {number} Screen canvas width. + * @param height {number} Screen canvas height. + */ + function OrientationScreen(game) { + this._showOnLandscape = false; + this._showOnPortrait = false; + this.game = game; + } + OrientationScreen.prototype.enable = function (onLandscape, onPortrait, imageKey) { + this._showOnLandscape = onLandscape; + this._showOnPortrait = onPortrait; + this.landscapeImage = this.game.cache.getImage(imageKey); + this.portraitImage = this.game.cache.getImage(imageKey); + }; + + /** + * Update + */ + OrientationScreen.prototype.update = function () { + }; + + /** + * Render + */ + OrientationScreen.prototype.render = function () { + if (this._showOnLandscape) { + this.game.stage.context.drawImage(this.landscapeImage, 0, 0, this.landscapeImage.width, this.landscapeImage.height, 0, 0, this.game.stage.width, this.game.stage.height); + } else if (this._showOnPortrait) { + this.game.stage.context.drawImage(this.portraitImage, 0, 0, this.portraitImage.width, this.portraitImage.height, 0, 0, this.game.stage.width, this.game.stage.height); + } + }; + return OrientationScreen; + })(); + Phaser.OrientationScreen = OrientationScreen; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - PauseScreen +* +* The PauseScreen is displayed whenever the game loses focus or the player switches to another browser tab. +*/ +var Phaser; +(function (Phaser) { + var PauseScreen = (function () { + /** + * PauseScreen constructor + * Create a new PauseScreen with specific width and height. + * + * @param width {number} Screen canvas width. + * @param height {number} Screen canvas height. + */ + function PauseScreen(game, width, height) { + this.game = game; + this._canvas = document.createElement('canvas'); + this._canvas.width = width; + this._canvas.height = height; + this._context = this._canvas.getContext('2d'); + } + /** + * Called when the game enters pause mode. + */ + PauseScreen.prototype.onPaused = function () { + // Take a grab of the current canvas to our temporary one + this._context.clearRect(0, 0, this._canvas.width, this._canvas.height); + this._context.drawImage(this.game.stage.canvas, 0, 0); + this._color = { r: 255, g: 255, b: 255 }; + this.fadeOut(); + }; + + /** + * Called when the game resume from pause mode. + */ + PauseScreen.prototype.onResume = function () { + this._fade.stop(); + this.game.tweens.remove(this._fade); + }; + + /** + * Update background color. + */ + PauseScreen.prototype.update = function () { + this._color.r = Math.round(this._color.r); + this._color.g = Math.round(this._color.g); + this._color.b = Math.round(this._color.b); + }; + + /** + * Render PauseScreen. + */ + PauseScreen.prototype.render = function () { + this.game.stage.context.drawImage(this._canvas, 0, 0); + + this.game.stage.context.fillStyle = 'rgba(0, 0, 0, 0.4)'; + this.game.stage.context.fillRect(0, 0, this.game.stage.width, this.game.stage.height); + + // Draw a 'play' arrow + var arrowWidth = Math.round(this.game.stage.width / 2); + var arrowHeight = Math.round(this.game.stage.height / 2); + + var sx = this.game.stage.centerX - arrowWidth / 2; + var sy = this.game.stage.centerY - arrowHeight / 2; + + this.game.stage.context.beginPath(); + this.game.stage.context.moveTo(sx, sy); + this.game.stage.context.lineTo(sx, sy + arrowHeight); + this.game.stage.context.lineTo(sx + arrowWidth, this.game.stage.centerY); + this.game.stage.context.fillStyle = 'rgba(' + this._color.r + ', ' + this._color.g + ', ' + this._color.b + ', 0.8)'; + this.game.stage.context.fill(); + this.game.stage.context.closePath(); + }; + + /** + * Start fadeOut effect. + */ + PauseScreen.prototype.fadeOut = function () { + this._fade = this.game.add.tween(this._color); + + this._fade.to({ r: 50, g: 50, b: 50 }, 1000, Phaser.Easing.Linear.None); + this._fade.onComplete.add(this.fadeIn, this); + this._fade.start(); + }; + + /** + * Start fadeIn effect. + */ + PauseScreen.prototype.fadeIn = function () { + this._fade = this.game.add.tween(this._color); + + this._fade.to({ r: 255, g: 255, b: 255 }, 1000, Phaser.Easing.Linear.None); + this._fade.onComplete.add(this.fadeOut, this); + this._fade.start(); + }; + return PauseScreen; + })(); + Phaser.PauseScreen = PauseScreen; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - SoundManager +* +*/ +var Phaser; +(function (Phaser) { + var SoundManager = (function () { + /** + * SoundManager constructor + * Create a new SoundManager. + */ + function SoundManager(game) { + this.usingWebAudio = false; + this.usingAudioTag = false; + this.noAudio = false; + /** + * Reference to AudioContext instance. + */ + this.context = null; + this._muted = false; + this.touchLocked = false; + this._unlockSource = null; + this.onSoundDecode = new Phaser.Signal(); + this.game = game; + + this._volume = 1; + this._muted = false; + this._sounds = []; + + if (this.game.device.iOS && this.game.device.webAudio == false) { + this.channels = 1; + } + + if (this.game.device.iOS || (window['PhaserGlobal'] && window['PhaserGlobal'].fakeiOSTouchLock)) { + this.game.input.touch.callbackContext = this; + this.game.input.touch.touchStartCallback = this.unlock; + this.game.input.mouse.callbackContext = this; + this.game.input.mouse.mouseDownCallback = this.unlock; + this.touchLocked = true; + } else { + // What about iOS5? + this.touchLocked = false; + } + + if (window['PhaserGlobal']) { + if (window['PhaserGlobal'].disableAudio == true) { + this.usingWebAudio = false; + this.noAudio = true; + return; + } + + if (window['PhaserGlobal'].disableWebAudio == true) { + this.usingWebAudio = false; + this.usingAudioTag = true; + this.noAudio = false; + return; + } + } + + this.usingWebAudio = true; + this.noAudio = false; + + if (!!window['AudioContext']) { + this.context = new window['AudioContext'](); + } else if (!!window['webkitAudioContext']) { + this.context = new window['webkitAudioContext'](); + } else if (!!window['Audio']) { + this.usingWebAudio = false; + this.usingAudioTag = true; + } else { + this.usingWebAudio = false; + this.noAudio = true; + } + + if (this.context !== null) { + if (typeof this.context.createGain === 'undefined') { + this.masterGain = this.context.createGainNode(); + } else { + this.masterGain = this.context.createGain(); + } + + this.masterGain.gain.value = 1; + this.masterGain.connect(this.context.destination); + } + } + SoundManager.prototype.unlock = function () { + if (this.touchLocked == false) { + return; + } + + if (this.game.device.webAudio && (window['PhaserGlobal'] && window['PhaserGlobal'].disableWebAudio == false)) { + // Create empty buffer and play it + var buffer = this.context.createBuffer(1, 1, 22050); + this._unlockSource = this.context.createBufferSource(); + this._unlockSource.buffer = buffer; + this._unlockSource.connect(this.context.destination); + this._unlockSource.noteOn(0); + } else { + // Create an Audio tag? + this.touchLocked = false; + this._unlockSource = null; + this.game.input.touch.callbackContext = null; + this.game.input.touch.touchStartCallback = null; + this.game.input.mouse.callbackContext = null; + this.game.input.mouse.mouseDownCallback = null; + } + }; + + Object.defineProperty(SoundManager.prototype, "mute", { + get: /** + * A global audio mute toggle. + */ + function () { + return this._muted; + }, + set: function (value) { + if (value) { + if (this._muted) { + return; + } + + this._muted = true; + + if (this.usingWebAudio) { + this._muteVolume = this.masterGain.gain.value; + this.masterGain.gain.value = 0; + } + + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i].usingAudioTag) { + this._sounds[i].mute = true; + } + } + } else { + if (this._muted == false) { + return; + } + + this._muted = false; + + if (this.usingWebAudio) { + this.masterGain.gain.value = this._muteVolume; + } + + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i].usingAudioTag) { + this._sounds[i].mute = false; + } + } + } + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(SoundManager.prototype, "volume", { + get: function () { + if (this.usingWebAudio) { + return this.masterGain.gain.value; + } else { + return this._volume; + } + }, + set: /** + * The global audio volume. A value between 0 (silence) and 1 (full volume) + */ + function (value) { + value = this.game.math.clamp(value, 1, 0); + + this._volume = value; + + if (this.usingWebAudio) { + this.masterGain.gain.value = value; + } + + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i].usingAudioTag) { + this._sounds[i].volume = this._sounds[i].volume * value; + } + } + }, + enumerable: true, + configurable: true + }); + + SoundManager.prototype.stopAll = function () { + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i]) { + this._sounds[i].stop(); + } + } + }; + + SoundManager.prototype.pauseAll = function () { + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i]) { + this._sounds[i].pause(); + } + } + }; + + SoundManager.prototype.resumeAll = function () { + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i]) { + this._sounds[i].resume(); + } + } + }; + + /** + * Decode a sound with its assets key. + * @param key {string} Assets key of the sound to be decoded. + * @param [sound] {Sound} its bufer will be set to decoded data. + */ + SoundManager.prototype.decode = function (key, sound) { + if (typeof sound === "undefined") { sound = null; } + var soundData = this.game.cache.getSoundData(key); + + if (soundData) { + if (this.game.cache.isSoundDecoded(key) === false) { + this.game.cache.updateSound(key, 'isDecoding', true); + + var that = this; + + this.context.decodeAudioData(soundData, function (buffer) { + that.game.cache.decodedSound(key, buffer); + + if (sound) { + that.onSoundDecode.dispatch(sound); + } + }); + } + } + }; + + SoundManager.prototype.update = function () { + if (this.touchLocked) { + if (this.game.device.webAudio && this._unlockSource !== null) { + if ((this._unlockSource.playbackState === this._unlockSource.PLAYING_STATE || this._unlockSource.playbackState === this._unlockSource.FINISHED_STATE)) { + this.touchLocked = false; + this._unlockSource = null; + this.game.input.touch.callbackContext = null; + this.game.input.touch.touchStartCallback = null; + } + } + } + + for (var i = 0; i < this._sounds.length; i++) { + this._sounds[i].update(); + } + }; + + SoundManager.prototype.add = function (key, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + var sound = new Phaser.Sound(this.game, key, volume, loop); + + this._sounds.push(sound); + + return sound; + }; + return SoundManager; + })(); + Phaser.SoundManager = SoundManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Sound +* +* A Sound file, used by the Game.SoundManager for playback. +*/ +var Phaser; +(function (Phaser) { + var Sound = (function () { + /** + * Sound constructor + * @param [volume] {number} volume of this sound when playing. + * @param [loop] {boolean} loop this sound when playing? (Default to false) + */ + function Sound(game, key, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + /** + * Reference to AudioContext instance. + */ + this.context = null; + /** + * Decoded data buffer / Audio tag. + */ + this._buffer = null; + this._muted = false; + this.usingWebAudio = false; + this.usingAudioTag = false; + this.name = ''; + this.autoplay = false; + this.totalDuration = 0; + this.startTime = 0; + this.currentTime = 0; + this.duration = 0; + this.stopTime = 0; + this.paused = false; + this.loop = false; + this.isPlaying = false; + this.currentMarker = ''; + this.pendingPlayback = false; + this.override = false; + this.game = game; + + this.usingWebAudio = this.game.sound.usingWebAudio; + this.usingAudioTag = this.game.sound.usingAudioTag; + this.key = key; + + if (this.usingWebAudio) { + this.context = this.game.sound.context; + this.masterGainNode = this.game.sound.masterGain; + + if (typeof this.context.createGain === 'undefined') { + this.gainNode = this.context.createGainNode(); + } else { + this.gainNode = this.context.createGain(); + } + + this.gainNode.gain.value = volume * this.game.sound.volume; + this.gainNode.connect(this.masterGainNode); + } else { + if (this.game.cache.getSound(key) && this.game.cache.getSound(key).locked == false) { + this._sound = this.game.cache.getSoundData(key); + this.totalDuration = this._sound.duration; + } else { + this.game.cache.onSoundUnlock.add(this.soundHasUnlocked, this); + } + } + + this._volume = volume; + this.loop = loop; + this.markers = {}; + + this.onDecoded = new Phaser.Signal(); + this.onPlay = new Phaser.Signal(); + this.onPause = new Phaser.Signal(); + this.onResume = new Phaser.Signal(); + this.onLoop = new Phaser.Signal(); + this.onStop = new Phaser.Signal(); + this.onMute = new Phaser.Signal(); + this.onMarkerComplete = new Phaser.Signal(); + } + Sound.prototype.soundHasUnlocked = function (key) { + if (key == this.key) { + this._sound = this.game.cache.getSoundData(this.key); + this.totalDuration = this._sound.duration; + //console.log('sound has unlocked', this._sound); + } + }; + + Object.defineProperty(Sound.prototype, "isDecoding", { + get: function () { + return this.game.cache.getSound(this.key).isDecoding; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Sound.prototype, "isDecoded", { + get: function () { + return this.game.cache.isSoundDecoded(this.key); + }, + enumerable: true, + configurable: true + }); + + Sound.prototype.addMarker = function (name, start, stop, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + this.markers[name] = { name: name, start: start, stop: stop, volume: volume, duration: stop - start, loop: loop }; + }; + + Sound.prototype.removeMarker = function (name) { + delete this.markers[name]; + }; + + Sound.prototype.update = function () { + if (this.pendingPlayback && this.game.cache.isSoundReady(this.key)) { + this.pendingPlayback = false; + this.play(this._tempMarker, this._tempPosition, this._tempVolume, this._tempLoop); + } + + if (this.isPlaying) { + this.currentTime = this.game.time.now - this.startTime; + + if (this.currentTime >= this.duration) { + if (this.usingWebAudio) { + if (this.loop) { + //console.log('loop1'); + // won't work with markers, needs to reset the position + this.onLoop.dispatch(this); + + if (this.currentMarker == '') { + //console.log('loop2'); + this.currentTime = 0; + this.startTime = this.game.time.now; + } else { + //console.log('loop3'); + this.play(this.currentMarker, 0, this.volume, true, true); + } + } else { + //console.log('stopping, no loop for marker'); + this.stop(); + } + } else { + if (this.loop) { + this.onLoop.dispatch(this); + this.play(this.currentMarker, 0, this.volume, true, true); + } else { + this.stop(); + } + } + } + } + }; + + /** + * Play this sound, or a marked section of it. + * @param marker {string} Assets key of the sound you want to play. + * @param [volume] {number} volume of the sound you want to play. + * @param [loop] {boolean} loop when it finished playing? (Default to false) + * @return {Sound} The playing sound object. + */ + Sound.prototype.play = function (marker, position, volume, loop, forceRestart) { + if (typeof marker === "undefined") { marker = ''; } + if (typeof position === "undefined") { position = 0; } + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + if (typeof forceRestart === "undefined") { forceRestart = false; } + if (this.isPlaying == true && forceRestart == false && this.override == false) { + // Use Restart instead + return; + } + + if (this.isPlaying && this.override) { + if (this.usingWebAudio) { + if (typeof this._sound.stop === 'undefined') { + this._sound.noteOff(0); + } else { + this._sound.stop(0); + } + } else if (this.usingAudioTag) { + this._sound.pause(); + this._sound.currentTime = 0; + } + } + + this.currentMarker = marker; + + if (marker !== '' && this.markers[marker]) { + this.position = this.markers[marker].start; + this.volume = this.markers[marker].volume; + this.loop = this.markers[marker].loop; + this.duration = this.markers[marker].duration * 1000; + + //console.log('marker info loaded', this.loop, this.duration); + this._tempMarker = marker; + this._tempPosition = this.position; + this._tempVolume = this.volume; + this._tempLoop = this.loop; + } else { + this.position = position; + this.volume = volume; + this.loop = loop; + this.duration = 0; + + this._tempMarker = marker; + this._tempPosition = position; + this._tempVolume = volume; + this._tempLoop = loop; + } + + if (this.usingWebAudio) { + if (this.game.cache.isSoundDecoded(this.key)) { + if (this._buffer == null) { + this._buffer = this.game.cache.getSoundData(this.key); + } + + //if (this._sound == null) + //{ + this._sound = this.context.createBufferSource(); + this._sound.buffer = this._buffer; + this._sound.connect(this.gainNode); + this.totalDuration = this._sound.buffer.duration; + + if (this.duration == 0) { + this.duration = this.totalDuration * 1000; + } + + if (this.loop && marker == '') { + this._sound.loop = true; + } + + if (typeof this._sound.start === 'undefined') { + this._sound.noteGrainOn(0, this.position, this.duration / 1000); + //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it + } else { + this._sound.start(0, this.position, this.duration / 1000); + } + + this.isPlaying = true; + this.startTime = this.game.time.now; + this.currentTime = 0; + this.stopTime = this.startTime + this.duration; + this.onPlay.dispatch(this); + //console.log('playing, start', this.startTime, 'stop'); + } else { + this.pendingPlayback = true; + + if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).isDecoding == false) { + this.game.sound.decode(this.key, this); + } + } + } else { + if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).locked) { + //console.log('tried playing locked sound, pending set, reload started'); + this.game.cache.reloadSound(this.key); + this.pendingPlayback = true; + } else { + if (this._sound && this._sound.readyState == 4) { + if (this.duration == 0) { + this.duration = this.totalDuration * 1000; + } + + //console.log('playing', this._sound); + this._sound.currentTime = this.position; + this._sound.muted = this._muted; + + if (this._muted) { + this._sound.volume = 0; + } else { + this._sound.volume = this._volume; + } + + this._sound.play(); + + this.isPlaying = true; + this.startTime = this.game.time.now; + this.currentTime = 0; + this.stopTime = this.startTime + this.duration; + this.onPlay.dispatch(this); + } else { + this.pendingPlayback = true; + } + } + } + }; + + Sound.prototype.restart = function (marker, position, volume, loop) { + if (typeof marker === "undefined") { marker = ''; } + if (typeof position === "undefined") { position = 0; } + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + this.play(marker, position, volume, loop, true); + }; + + Sound.prototype.pause = function () { + if (this.isPlaying && this._sound) { + this.stop(); + this.isPlaying = false; + this.paused = true; + this.onPause.dispatch(this); + } + }; + + Sound.prototype.resume = function () { + if (this.paused && this._sound) { + if (this.usingWebAudio) { + if (typeof this._sound.start === 'undefined') { + this._sound.noteGrainOn(0, this.position, this.duration); + //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it + } else { + this._sound.start(0, this.position, this.duration); + } + } else { + this._sound.play(); + } + + this.isPlaying = true; + this.paused = false; + this.onResume.dispatch(this); + } + }; + + /** + * Stop playing this sound. + */ + Sound.prototype.stop = function () { + if (this.isPlaying && this._sound) { + if (this.usingWebAudio) { + if (typeof this._sound.stop === 'undefined') { + this._sound.noteOff(0); + } else { + this._sound.stop(0); + } + } else if (this.usingAudioTag) { + this._sound.pause(); + this._sound.currentTime = 0; + } + } + + this.isPlaying = false; + + var prevMarker = this.currentMarker; + + this.currentMarker = ''; + + this.onStop.dispatch(this, prevMarker); + }; + + Object.defineProperty(Sound.prototype, "mute", { + get: /** + * Mute sounds. + */ + function () { + return this._muted; + }, + set: function (value) { + if (value) { + this._muted = true; + + if (this.usingWebAudio) { + this._muteVolume = this.gainNode.gain.value; + this.gainNode.gain.value = 0; + } else if (this.usingAudioTag && this._sound) { + this._muteVolume = this._sound.volume; + this._sound.volume = 0; + } + } else { + this._muted = false; + + if (this.usingWebAudio) { + this.gainNode.gain.value = this._muteVolume; + } else if (this.usingAudioTag && this._sound) { + this._sound.volume = this._muteVolume; + } + } + + this.onMute.dispatch(this); + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(Sound.prototype, "volume", { + get: function () { + return this._volume; + }, + set: function (value) { + this._volume = value; + + if (this.usingWebAudio) { + this.gainNode.gain.value = value; + } else if (this.usingAudioTag && this._sound) { + this._sound.volume = value; + } + }, + enumerable: true, + configurable: true + }); + return Sound; + })(); + Phaser.Sound = Sound; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Animation +* +* An Animation is a single animation. It is created by the AnimationManager and belongs to Sprite objects. +*/ +var Phaser; +(function (Phaser) { + var Animation = (function () { + /** + * Animation constructor + * Create a new Animation. + * + * @param parent {Sprite} Owner sprite of this animation. + * @param frameData {FrameData} The FrameData object contains animation data. + * @param name {string} Unique name of this animation. + * @param frames {number[]/string[]} An array of numbers or strings indicating what frames to play in what order. + * @param delay {number} Time between frames in ms. + * @param looped {boolean} Whether or not the animation is looped or just plays once. + */ + function Animation(game, parent, frameData, name, frames, delay, looped) { + this.game = game; + this._parent = parent; + this._frames = frames; + this._frameData = frameData; + + this.name = name; + this.delay = 1000 / delay; + this.looped = looped; + + this.isFinished = false; + this.isPlaying = false; + + this._frameIndex = 0; + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + } + Object.defineProperty(Animation.prototype, "frameTotal", { + get: function () { + return this._frames.length; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Animation.prototype, "frame", { + get: function () { + if (this.currentFrame !== null) { + return this.currentFrame.index; + } else { + return this._frameIndex; + } + }, + set: function (value) { + this.currentFrame = this._frameData.getFrame(value); + + if (this.currentFrame !== null) { + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + this._frameIndex = value; + } + }, + enumerable: true, + configurable: true + }); + + + /** + * Play this animation. + * @param frameRate {number} FrameRate you want to specify instead of using default. + * @param loop {boolean} Whether or not the animation is looped or just plays once. + */ + Animation.prototype.play = function (frameRate, loop) { + if (typeof frameRate === "undefined") { frameRate = null; } + if (typeof loop === "undefined") { loop = false; } + if (frameRate !== null) { + this.delay = 1000 / frameRate; + } + + this.looped = loop; + this.isPlaying = true; + this.isFinished = false; + + this._timeLastFrame = this.game.time.now; + this._timeNextFrame = this.game.time.now + this.delay; + + this._frameIndex = 0; + + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + + this._parent.events.onAnimationStart.dispatch(this._parent, this); + + return this; + }; + + /** + * Play this animation from the first frame. + */ + Animation.prototype.restart = function () { + this.isPlaying = true; + this.isFinished = false; + + this._timeLastFrame = this.game.time.now; + this._timeNextFrame = this.game.time.now + this.delay; + + this._frameIndex = 0; + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + }; + + /** + * Stop playing animation and set it finished. + */ + Animation.prototype.stop = function () { + this.isPlaying = false; + this.isFinished = true; + }; + + /** + * Update animation frames. + */ + Animation.prototype.update = function () { + if (this.isPlaying == true && this.game.time.now >= this._timeNextFrame) { + this._frameIndex++; + + if (this._frameIndex == this._frames.length) { + if (this.looped) { + this._frameIndex = 0; + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + this._parent.events.onAnimationLoop.dispatch(this._parent, this); + } else { + this.onComplete(); + } + } else { + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + } + + this._timeLastFrame = this.game.time.now; + this._timeNextFrame = this.game.time.now + this.delay; + + return true; + } + + return false; + }; + + /** + * Clean up animation memory. + */ + Animation.prototype.destroy = function () { + this.game = null; + this._parent = null; + this._frames = null; + this._frameData = null; + this.currentFrame = null; + this.isPlaying = false; + }; + + /** + * Animation complete callback method. + */ + Animation.prototype.onComplete = function () { + this.isPlaying = false; + this.isFinished = true; + + this._parent.events.onAnimationComplete.dispatch(this._parent, this); + }; + return Animation; + })(); + Phaser.Animation = Animation; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - AnimationManager + * + * Any Sprite that has animation contains an instance of the AnimationManager, which is used to add, play and update + * sprite specific animations. + */ + (function (Components) { + var AnimationManager = (function () { + /** + * AnimationManager constructor + * Create a new AnimationManager. + * + * @param parent {Sprite} Owner sprite of this manager. + */ + function AnimationManager(parent) { + /** + * Data contains animation frames. + * @type {FrameData} + */ + this._frameData = null; + /** + * When an animation frame changes you can choose to automatically update the physics bounds of the parent Sprite + * to the width and height of the new frame. If you've set a specific physics bounds that you don't want changed during + * animation then set this to false, otherwise leave it set to true. + * @type {boolean} + */ + this.autoUpdateBounds = true; + /** + * Keeps track of the current frame of animation. + */ + this.currentFrame = null; + this._parent = parent; + this.game = parent.game; + this._anims = {}; + } + /** + * Load animation frame data. + * @param frameData Data to be loaded. + */ + AnimationManager.prototype.loadFrameData = function (frameData) { + this._frameData = frameData; + + this.frame = 0; + }; + + /** + * Add a new animation. + * @param name {string} What this animation should be called (e.g. "run"). + * @param frames {any[]} An array of numbers/strings indicating what frames to play in what order (e.g. [1, 2, 3] or ['run0', 'run1', run2]). + * @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 + */ + AnimationManager.prototype.add = function (name, frames, frameRate, loop, useNumericIndex) { + if (typeof frames === "undefined") { frames = null; } + if (typeof frameRate === "undefined") { frameRate = 60; } + if (typeof loop === "undefined") { loop = false; } + if (typeof useNumericIndex === "undefined") { useNumericIndex = true; } + if (this._frameData == null) { + return; + } + + if (this._parent.events.onAnimationStart == null) { + this._parent.events.onAnimationStart = new Phaser.Signal(); + this._parent.events.onAnimationComplete = new Phaser.Signal(); + this._parent.events.onAnimationLoop = new Phaser.Signal(); + } + + if (frames == null) { + frames = this._frameData.getFrameIndexes(); + } else { + if (this.validateFrames(frames, useNumericIndex) == false) { + throw Error('Invalid frames given to Animation ' + name); + return; + } + } + + if (useNumericIndex == false) { + frames = this._frameData.getFrameIndexesByName(frames); + } + + this._anims[name] = new Phaser.Animation(this.game, this._parent, this._frameData, name, frames, frameRate, loop); + + this.currentAnim = this._anims[name]; + this.currentFrame = this.currentAnim.currentFrame; + + return this._anims[name]; + }; + + /** + * Check whether the frames is valid. + * @param frames {any[]} Frames to be validated. + * @param useNumericIndex {boolean} Does these frames use number indexes or string indexes? + * @return {boolean} True if they're valid, otherwise return false. + */ + AnimationManager.prototype.validateFrames = function (frames, useNumericIndex) { + for (var i = 0; i < frames.length; i++) { + if (useNumericIndex == true) { + if (frames[i] > this._frameData.total) { + return false; + } + } else { + if (this._frameData.checkFrameName(frames[i]) == false) { + return false; + } + } + } + + return true; + }; + + /** + * Play animation with specific name. + * @param name {string} The string name of the animation you want to play. + * @param frameRate {number} FrameRate you want to specify instead of using default. + * @param loop {boolean} Whether or not the animation is looped or just plays once. + */ + AnimationManager.prototype.play = function (name, frameRate, loop) { + if (typeof frameRate === "undefined") { frameRate = null; } + if (typeof loop === "undefined") { loop = false; } + if (this._anims[name]) { + if (this.currentAnim == this._anims[name]) { + if (this.currentAnim.isPlaying == false) { + return this.currentAnim.play(frameRate, loop); + } + } else { + this.currentAnim = this._anims[name]; + return this.currentAnim.play(frameRate, loop); + } + } + }; + + /** + * Stop animation by name. + * Current animation will be automatically set to the stopped one. + */ + AnimationManager.prototype.stop = function (name) { + if (this._anims[name]) { + this.currentAnim = this._anims[name]; + this.currentAnim.stop(); + } + }; + + /** + * Update animation and parent sprite's bounds. + */ + AnimationManager.prototype.update = function () { + if (this.currentAnim && this.currentAnim.update() == true) { + this.currentFrame = this.currentAnim.currentFrame; + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + } + }; + + Object.defineProperty(AnimationManager.prototype, "frameData", { + get: function () { + return this._frameData; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(AnimationManager.prototype, "frameTotal", { + get: function () { + if (this._frameData) { + return this._frameData.total; + } else { + return -1; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(AnimationManager.prototype, "frame", { + get: function () { + return this._frameIndex; + }, + set: function (value) { + if (this._frameData && this._frameData.getFrame(value) !== null) { + this.currentFrame = this._frameData.getFrame(value); + + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + + if (this.autoUpdateBounds && this._parent['body']) { + this._parent.body.bounds.width = this.currentFrame.width; + this._parent.body.bounds.height = this.currentFrame.height; + } + + this._frameIndex = value; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(AnimationManager.prototype, "frameName", { + get: function () { + return this.currentFrame.name; + }, + set: function (value) { + if (this._frameData && this._frameData.getFrameByName(value)) { + this.currentFrame = this._frameData.getFrameByName(value); + + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + + this._frameIndex = this.currentFrame.index; + } else { + throw new Error("Cannot set frameName: " + value); + } + }, + enumerable: true, + configurable: true + }); + + + /** + * Removes all related references + */ + AnimationManager.prototype.destroy = function () { + this._anims = {}; + this._frameData = null; + this._frameIndex = 0; + this.currentAnim = null; + this.currentFrame = null; + }; + return AnimationManager; + })(); + Components.AnimationManager = AnimationManager; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Frame +* +* A Frame is a single frame of an animation and is part of a FrameData collection. +*/ +var Phaser; +(function (Phaser) { + var Frame = (function () { + /** + * Frame constructor + * Create a new Frame with specific position, size and name. + * + * @param x {number} X position within the image to cut from. + * @param y {number} Y position within the image to cut from. + * @param width {number} Width of the frame. + * @param height {number} Height of the frame. + * @param name {string} Name of this frame. + */ + function Frame(x, y, width, height, name) { + /** + * Useful for Texture Atlas files. (is set to the filename value) + */ + this.name = ''; + /** + * Rotated? (not yet implemented) + */ + this.rotated = false; + /** + * Either cw or ccw, rotation is always 90 degrees. + */ + this.rotationDirection = 'cw'; + this.x = x; + this.y = y; + this.width = width; + this.height = height; + this.name = name; + + this.rotated = false; + this.trimmed = false; + } + /** + * Set rotation of this frame. (Not yet supported!) + */ + Frame.prototype.setRotation = function (rotated, rotationDirection) { + // Not yet supported + }; + + /** + * Set trim of the frame. + * @param trimmed {boolean} Whether this frame trimmed or not. + * @param actualWidth {number} Actual width of this frame. + * @param actualHeight {number} Actual height of this frame. + * @param destX {number} Destination x position. + * @param destY {number} Destination y position. + * @param destWidth {number} Destination draw width. + * @param destHeight {number} Destination draw height. + */ + Frame.prototype.setTrim = function (trimmed, actualWidth, actualHeight, destX, destY, destWidth, destHeight) { + //console.log('setTrim', trimmed, 'aw', actualWidth, 'ah', actualHeight, 'dx', destX, 'dy', destY, 'dw', destWidth, 'dh', destHeight); + this.trimmed = trimmed; + + if (trimmed) { + this.width = actualWidth; + this.height = actualHeight; + this.sourceSizeW = actualWidth; + this.sourceSizeH = actualHeight; + this.spriteSourceSizeX = destX; + this.spriteSourceSizeY = destY; + this.spriteSourceSizeW = destWidth; + this.spriteSourceSizeH = destHeight; + } + }; + return Frame; + })(); + Phaser.Frame = Frame; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - FrameData +* +* FrameData is a container for Frame objects, the internal representation of animation data in Phaser. +*/ +var Phaser; +(function (Phaser) { + var FrameData = (function () { + /** + * FrameData constructor + */ + function FrameData() { + this._frames = []; + this._frameNames = []; + } + Object.defineProperty(FrameData.prototype, "total", { + get: function () { + return this._frames.length; + }, + enumerable: true, + configurable: true + }); + + /** + * Add a new frame. + * @param frame {Frame} The frame you want to add. + * @return {Frame} The frame you just added. + */ + FrameData.prototype.addFrame = function (frame) { + frame.index = this._frames.length; + + this._frames.push(frame); + + if (frame.name !== '') { + this._frameNames[frame.name] = frame.index; + } + + return frame; + }; + + /** + * Get a frame by its index. + * @param index {number} Index of the frame you want to get. + * @return {Frame} The frame you want. + */ + FrameData.prototype.getFrame = function (index) { + if (this._frames[index]) { + return this._frames[index]; + } + + return null; + }; + + /** + * Get a frame by its name. + * @param name {string} Name of the frame you want to get. + * @return {Frame} The frame you want. + */ + FrameData.prototype.getFrameByName = function (name) { + if (this._frameNames[name] !== '') { + return this._frames[this._frameNames[name]]; + } + + return null; + }; + + /** + * Check whether there's a frame with given name. + * @param name {string} Name of the frame you want to check. + * @return {boolean} True if frame with given name found, otherwise return false. + */ + FrameData.prototype.checkFrameName = function (name) { + if (this._frameNames[name] == null) { + return false; + } + + return true; + }; + + /** + * Get ranges of frames in an array. + * @param start {number} Start index of frames you want. + * @param end {number} End index of frames you want. + * @param [output] {Frame[]} result will be added into this array. + * @return {Frame[]} Ranges of specific frames in an array. + */ + FrameData.prototype.getFrameRange = function (start, end, output) { + if (typeof output === "undefined") { output = []; } + for (var i = start; i <= end; i++) { + output.push(this._frames[i]); + } + + return output; + }; + + /** + * Get all indexes of frames by giving their name. + * @param [output] {number[]} result will be added into this array. + * @return {number[]} Indexes of specific frames in an array. + */ + FrameData.prototype.getFrameIndexes = function (output) { + if (typeof output === "undefined") { output = []; } + output.length = 0; + + for (var i = 0; i < this._frames.length; i++) { + output.push(i); + } + + return output; + }; + + /** + * Get the frame indexes by giving the frame names. + * @param [output] {number[]} result will be added into this array. + * @return {number[]} Names of specific frames in an array. + */ + FrameData.prototype.getFrameIndexesByName = function (input) { + var output = []; + + for (var i = 0; i < input.length; i++) { + if (this.getFrameByName(input[i])) { + output.push(this.getFrameByName(input[i]).index); + } + } + + return output; + }; + + /** + * Get all frames in this frame data. + * @return {Frame[]} All the frames in an array. + */ + FrameData.prototype.getAllFrames = function () { + return this._frames; + }; + + /** + * Get All frames with specific ranges. + * @param range {number[]} Ranges in an array. + * @return {Frame[]} All frames in an array. + */ + FrameData.prototype.getFrames = function (range) { + var output = []; + + for (var i = 0; i < range.length; i++) { + output.push(this._frames[i]); + } + + return output; + }; + return FrameData; + })(); + Phaser.FrameData = FrameData; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Cache +* +* A game only has one instance of a Cache and it is used to store all externally loaded assets such +* as images, sounds and data files as a result of Loader calls. Cache items use string based keys for look-up. +*/ +var Phaser; +(function (Phaser) { + var Cache = (function () { + /** + * Cache constructor + */ + function Cache(game) { + this.onSoundUnlock = new Phaser.Signal(); + this.game = game; + + this._canvases = {}; + this._images = {}; + this._sounds = {}; + this._text = {}; + } + /** + * Add a new canvas. + * @param key {string} Asset key for this canvas. + * @param canvas {HTMLCanvasElement} Canvas DOM element. + * @param context {CanvasRenderingContext2D} Render context of this canvas. + */ + Cache.prototype.addCanvas = function (key, canvas, context) { + this._canvases[key] = { canvas: canvas, context: context }; + }; + + /** + * Add a new sprite sheet. + * @param key {string} Asset key for the sprite sheet. + * @param url {string} URL of this sprite sheet file. + * @param data {object} Extra sprite sheet data. + * @param frameWidth {number} Width of the sprite sheet. + * @param frameHeight {number} Height of the sprite sheet. + * @param frameMax {number} How many frames stored in the sprite sheet. + */ + Cache.prototype.addSpriteSheet = function (key, url, data, frameWidth, frameHeight, frameMax) { + this._images[key] = { url: url, data: data, spriteSheet: true, frameWidth: frameWidth, frameHeight: frameHeight }; + this._images[key].frameData = Phaser.AnimationLoader.parseSpriteSheet(this.game, key, frameWidth, frameHeight, frameMax); + }; + + /** + * Add a new texture atlas. + * @param key {string} Asset key for the texture atlas. + * @param url {string} URL of this texture atlas file. + * @param data {object} Extra texture atlas data. + * @param atlasData {object} Texture atlas frames data. + */ + Cache.prototype.addTextureAtlas = function (key, url, data, atlasData, format) { + this._images[key] = { url: url, data: data, spriteSheet: true }; + + if (format == Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY) { + this._images[key].frameData = Phaser.AnimationLoader.parseJSONData(this.game, atlasData); + } else if (format == Phaser.Loader.TEXTURE_ATLAS_XML_STARLING) { + this._images[key].frameData = Phaser.AnimationLoader.parseXMLData(this.game, atlasData, format); + } + }; + + /** + * Add a new image. + * @param key {string} Asset key for the image. + * @param url {string} URL of this image file. + * @param data {object} Extra image data. + */ + Cache.prototype.addImage = function (key, url, data) { + this._images[key] = { url: url, data: data, spriteSheet: false }; + }; + + /** + * Add a new sound. + * @param key {string} Asset key for the sound. + * @param url {string} URL of this sound file. + * @param data {object} Extra sound data. + */ + Cache.prototype.addSound = function (key, url, data, webAudio, audioTag) { + if (typeof webAudio === "undefined") { webAudio = true; } + if (typeof audioTag === "undefined") { audioTag = false; } + var locked = this.game.sound.touchLocked; + var decoded = false; + + if (audioTag) { + decoded = true; + } + + this._sounds[key] = { url: url, data: data, locked: locked, isDecoding: false, decoded: decoded, webAudio: webAudio, audioTag: audioTag }; + }; + + Cache.prototype.reloadSound = function (key) { + var _this = this; + if (this._sounds[key]) { + this._sounds[key].data.src = this._sounds[key].url; + this._sounds[key].data.addEventListener('canplaythrough', function () { + return _this.reloadSoundComplete(key); + }, false); + this._sounds[key].data.load(); + } + }; + + Cache.prototype.reloadSoundComplete = function (key) { + if (this._sounds[key]) { + this._sounds[key].locked = false; + this.onSoundUnlock.dispatch(key); + } + }; + + Cache.prototype.updateSound = function (key, property, value) { + if (this._sounds[key]) { + this._sounds[key][property] = value; + } + }; + + /** + * Add a new decoded sound. + * @param key {string} Asset key for the sound. + * @param data {object} Extra sound data. + */ + Cache.prototype.decodedSound = function (key, data) { + this._sounds[key].data = data; + this._sounds[key].decoded = true; + this._sounds[key].isDecoding = false; + }; + + /** + * Add a new text data. + * @param key {string} Asset key for the text data. + * @param url {string} URL of this text data file. + * @param data {object} Extra text data. + */ + Cache.prototype.addText = function (key, url, data) { + this._text[key] = { url: url, data: data }; + }; + + /** + * Get canvas by key. + * @param key Asset key of the canvas you want. + * @return {object} The canvas you want. + */ + Cache.prototype.getCanvas = function (key) { + if (this._canvases[key]) { + return this._canvases[key].canvas; + } + + return null; + }; + + /** + * Get image data by key. + * @param key Asset key of the image you want. + * @return {object} The image data you want. + */ + Cache.prototype.getImage = function (key) { + if (this._images[key]) { + return this._images[key].data; + } + + return null; + }; + + /** + * Get frame data by key. + * @param key Asset key of the frame data you want. + * @return {object} The frame data you want. + */ + Cache.prototype.getFrameData = function (key) { + if (this._images[key] && this._images[key].spriteSheet == true) { + return this._images[key].frameData; + } + + return null; + }; + + /** + * Get sound by key. + * @param key Asset key of the sound you want. + * @return {object} The sound you want. + */ + Cache.prototype.getSound = function (key) { + if (this._sounds[key]) { + return this._sounds[key]; + } + + return null; + }; + + /** + * Get sound data by key. + * @param key Asset key of the sound you want. + * @return {object} The sound data you want. + */ + Cache.prototype.getSoundData = function (key) { + if (this._sounds[key]) { + return this._sounds[key].data; + } + + return null; + }; + + /** + * Check whether an asset is decoded sound. + * @param key Asset key of the sound you want. + * @return {object} The sound data you want. + */ + Cache.prototype.isSoundDecoded = function (key) { + if (this._sounds[key]) { + return this._sounds[key].decoded; + } + }; + + /** + * Check whether an asset is decoded sound. + * @param key Asset key of the sound you want. + * @return {object} The sound data you want. + */ + Cache.prototype.isSoundReady = function (key) { + if (this._sounds[key] && this._sounds[key].decoded == true && this._sounds[key].locked == false) { + return true; + } + + return false; + }; + + /** + * Check whether an asset is sprite sheet. + * @param key Asset key of the sprite sheet you want. + * @return {object} The sprite sheet data you want. + */ + Cache.prototype.isSpriteSheet = function (key) { + if (this._images[key]) { + return this._images[key].spriteSheet; + } + }; + + /** + * Get text data by key. + * @param key Asset key of the text data you want. + * @return {object} The text data you want. + */ + Cache.prototype.getText = function (key) { + if (this._text[key]) { + return this._text[key].data; + } + + return null; + }; + + /** + * Returns an array containing all of the keys of Images in the Cache. + * @return {Array} The string based keys in the Cache. + */ + Cache.prototype.getImageKeys = function () { + var output = []; + + for (var item in this._images) { + output.push(item); + } + + return output; + }; + + /** + * Returns an array containing all of the keys of Sounds in the Cache. + * @return {Array} The string based keys in the Cache. + */ + Cache.prototype.getSoundKeys = function () { + var output = []; + + for (var item in this._sounds) { + output.push(item); + } + + return output; + }; + + /** + * Returns an array containing all of the keys of Text Files in the Cache. + * @return {Array} The string based keys in the Cache. + */ + Cache.prototype.getTextKeys = function () { + var output = []; + + for (var item in this._text) { + output.push(item); + } + + return output; + }; + + Cache.prototype.removeCanvas = function (key) { + delete this._canvases[key]; + }; + + Cache.prototype.removeImage = function (key) { + delete this._images[key]; + }; + + Cache.prototype.removeSound = function (key) { + delete this._sounds[key]; + }; + + Cache.prototype.removeText = function (key) { + delete this._text[key]; + }; + + /** + * Clean up cache memory. + */ + Cache.prototype.destroy = function () { + for (var item in this._canvases) { + delete this._canvases[item['key']]; + } + + for (var item in this._images) { + delete this._images[item['key']]; + } + + for (var item in this._sounds) { + delete this._sounds[item['key']]; + } + + for (var item in this._text) { + delete this._text[item['key']]; + } + }; + return Cache; + })(); + Phaser.Cache = Cache; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Loader +* +* The Loader handles loading all external content such as Images, Sounds, Texture Atlases and data files. +* It uses a combination of Image() loading and xhr and provides for progress and completion callbacks. +*/ +var Phaser; +(function (Phaser) { + var Loader = (function () { + /** + * Loader constructor + * + * @param game {Phaser.Game} Current game instance. + */ + function Loader(game) { + /** + * The crossOrigin value applied to loaded images + * @type {string} + */ + this.crossOrigin = ''; + this.game = game; + + this._keys = []; + this._fileList = {}; + this._xhr = new XMLHttpRequest(); + this._queueSize = 0; + this.isLoading = false; + + this.onFileComplete = new Phaser.Signal(); + this.onFileError = new Phaser.Signal(); + this.onLoadStart = new Phaser.Signal(); + this.onLoadComplete = new Phaser.Signal(); + } + /** + * Reset loader, this will remove all loaded assets. + */ + Loader.prototype.reset = function () { + this._queueSize = 0; + this.isLoading = false; + }; + + Object.defineProperty(Loader.prototype, "queueSize", { + get: function () { + return this._queueSize; + }, + enumerable: true, + configurable: true + }); + + /** + * Add a new image asset loading request with key and url. + * @param key {string} Unique asset key of this image file. + * @param url {string} URL of image file. + */ + Loader.prototype.image = function (key, url, overwrite) { + if (typeof overwrite === "undefined") { overwrite = false; } + if (overwrite == true || this.checkKeyExists(key) == false) { + this._queueSize++; + this._fileList[key] = { type: 'image', key: key, url: url, data: null, error: false, loaded: false }; + this._keys.push(key); + } + }; + + /** + * Add a new sprite sheet loading request. + * @param key {string} Unique asset key of the sheet file. + * @param url {string} URL of sheet file. + * @param frameWidth {number} Width of each single frame. + * @param frameHeight {number} Height of each single frame. + * @param frameMax {number} How many frames in this sprite sheet. + */ + Loader.prototype.spritesheet = function (key, url, frameWidth, frameHeight, frameMax) { + if (typeof frameMax === "undefined") { frameMax = -1; } + if (this.checkKeyExists(key) === false) { + this._queueSize++; + this._fileList[key] = { type: 'spritesheet', key: key, url: url, data: null, frameWidth: frameWidth, frameHeight: frameHeight, frameMax: frameMax, error: false, loaded: false }; + this._keys.push(key); + } + }; + + /** + * Add a new texture atlas loading request. + * @param key {string} Unique asset key of the texture atlas file. + * @param textureURL {string} The url of the texture atlas image file. + * @param [atlasURL] {string} The url of the texture atlas data file (json/xml) + * @param [atlasData] {object} A JSON or XML data object. + * @param [format] {number} A value describing the format of the data. + */ + Loader.prototype.atlas = function (key, textureURL, atlasURL, atlasData, format) { + if (typeof atlasURL === "undefined") { atlasURL = null; } + if (typeof atlasData === "undefined") { atlasData = null; } + if (typeof format === "undefined") { format = Loader.TEXTURE_ATLAS_JSON_ARRAY; } + if (this.checkKeyExists(key) === false) { + if (atlasURL !== null) { + // A URL to a json/xml file has been given + this._queueSize++; + this._fileList[key] = { type: 'textureatlas', key: key, url: textureURL, atlasURL: atlasURL, data: null, format: format, error: false, loaded: false }; + this._keys.push(key); + } else { + if (format == Loader.TEXTURE_ATLAS_JSON_ARRAY) { + if (typeof atlasData === 'string') { + atlasData = JSON.parse(atlasData); + } + + this._queueSize++; + this._fileList[key] = { type: 'textureatlas', key: key, url: textureURL, data: null, atlasURL: null, atlasData: atlasData, format: format, error: false, loaded: false }; + this._keys.push(key); + } else if (format == Loader.TEXTURE_ATLAS_XML_STARLING) { + if (typeof atlasData === 'string') { + var xml; + + try { + if (window['DOMParser']) { + var domparser = new DOMParser(); + xml = domparser.parseFromString(atlasData, "text/xml"); + } else { + xml = new ActiveXObject("Microsoft.XMLDOM"); + xml.async = 'false'; + xml.loadXML(atlasData); + } + } catch (e) { + xml = undefined; + } + + if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) { + throw new Error("Phaser.Loader. Invalid Texture Atlas XML given"); + } else { + atlasData = xml; + } + } + + this._queueSize++; + this._fileList[key] = { type: 'textureatlas', key: key, url: textureURL, data: null, atlasURL: null, atlasData: atlasData, format: format, error: false, loaded: false }; + this._keys.push(key); + } + } + } + }; + + /** + * Add a new audio file loading request. + * @param key {string} Unique asset key of the audio file. + * @param urls {Array} An array containing the URLs of the audio files, i.e.: [ 'jump.mp3', 'jump.ogg', 'jump.m4a' ] + * @param autoDecode {boolean} When using Web Audio the audio files can either be decoded at load time or run-time. They can't be played until they are decoded, but this let's you control when that happens. Decoding is a non-blocking async process. + */ + Loader.prototype.audio = function (key, urls, autoDecode) { + if (typeof autoDecode === "undefined") { autoDecode = true; } + if (this.checkKeyExists(key) === false) { + this._queueSize++; + this._fileList[key] = { type: 'audio', key: key, url: urls, data: null, buffer: null, error: false, loaded: false, autoDecode: autoDecode }; + this._keys.push(key); + } + }; + + /** + * Add a new text file loading request. + * @param key {string} Unique asset key of the text file. + * @param url {string} URL of text file. + */ + Loader.prototype.text = function (key, url) { + if (this.checkKeyExists(key) === false) { + this._queueSize++; + this._fileList[key] = { type: 'text', key: key, url: url, data: null, error: false, loaded: false }; + this._keys.push(key); + } + }; + + /** + * Remove loading request of a file. + * @param key {string} Key of the file you want to remove. + */ + Loader.prototype.removeFile = function (key) { + delete this._fileList[key]; + }; + + /** + * Remove all file loading requests. + */ + Loader.prototype.removeAll = function () { + this._fileList = {}; + }; + + /** + * Load assets. + */ + Loader.prototype.start = function () { + if (this.isLoading) { + return; + } + + this.progress = 0; + this.hasLoaded = false; + this.isLoading = true; + + this.onLoadStart.dispatch(this.queueSize); + + if (this._keys.length > 0) { + this._progressChunk = 100 / this._keys.length; + this.loadFile(); + } else { + this.progress = 100; + this.hasLoaded = true; + this.onLoadComplete.dispatch(); + } + }; + + /** + * Load files. Private method ONLY used by loader. + */ + Loader.prototype.loadFile = function () { + var _this = this; + var file = this._fileList[this._keys.pop()]; + + switch (file.type) { + case 'image': + case 'spritesheet': + case 'textureatlas': + file.data = new Image(); + file.data.name = file.key; + file.data.onload = function () { + return _this.fileComplete(file.key); + }; + file.data.onerror = function () { + return _this.fileError(file.key); + }; + file.data.crossOrigin = this.crossOrigin; + file.data.src = file.url; + break; + + case 'audio': + file.url = this.getAudioURL(file.url); + + if (file.url !== null) { + if (this.game.sound.usingWebAudio) { + this._xhr.open("GET", file.url, true); + this._xhr.responseType = "arraybuffer"; + this._xhr.onload = function () { + return _this.fileComplete(file.key); + }; + this._xhr.onerror = function () { + return _this.fileError(file.key); + }; + this._xhr.send(); + } else if (this.game.sound.usingAudioTag) { + if (this.game.sound.touchLocked) { + // If audio is locked we can't do this yet, so need to queue this load request somehow. Bum. + file.data = new Audio(); + file.data.name = file.key; + file.data.preload = 'auto'; + file.data.src = file.url; + this.fileComplete(file.key); + } else { + file.data = new Audio(); + file.data.name = file.key; + file.data.onerror = function () { + return _this.fileError(file.key); + }; + file.data.preload = 'auto'; + file.data.src = file.url; + file.data.addEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete(file.key), false); + file.data.load(); + } + } + } + + break; + + case 'text': + this._xhr.open("GET", file.url, true); + this._xhr.responseType = "text"; + this._xhr.onload = function () { + return _this.fileComplete(file.key); + }; + this._xhr.onerror = function () { + return _this.fileError(file.key); + }; + this._xhr.send(); + break; + } + }; + + Loader.prototype.getAudioURL = function (urls) { + var extension; + + for (var i = 0; i < urls.length; i++) { + extension = urls[i].toLowerCase(); + extension = extension.substr((Math.max(0, extension.lastIndexOf(".")) || Infinity) + 1); + + if (this.game.device.canPlayAudio(extension)) { + return urls[i]; + } + } + + return null; + }; + + /** + * Error occured when load a file. + * @param key {string} Key of the error loading file. + */ + Loader.prototype.fileError = function (key) { + this._fileList[key].loaded = true; + this._fileList[key].error = true; + + this.onFileError.dispatch(key); + + throw new Error("Phaser.Loader error loading file: " + key); + + this.nextFile(key, false); + }; + + /** + * Called when a file is successfully loaded. + * @param key {string} Key of the successfully loaded file. + */ + Loader.prototype.fileComplete = function (key) { + var _this = this; + if (!this._fileList[key]) { + throw new Error('Phaser.Loader fileComplete invalid key ' + key); + return; + } + + this._fileList[key].loaded = true; + + var file = this._fileList[key]; + var loadNext = true; + + switch (file.type) { + case 'image': + this.game.cache.addImage(file.key, file.url, file.data); + break; + + case 'spritesheet': + this.game.cache.addSpriteSheet(file.key, file.url, file.data, file.frameWidth, file.frameHeight, file.frameMax); + break; + + case 'textureatlas': + if (file.atlasURL == null) { + this.game.cache.addTextureAtlas(file.key, file.url, file.data, file.atlasData, file.format); + } else { + // Load the JSON or XML before carrying on with the next file + loadNext = false; + this._xhr.open("GET", file.atlasURL, true); + this._xhr.responseType = "text"; + + if (file.format == Loader.TEXTURE_ATLAS_JSON_ARRAY) { + this._xhr.onload = function () { + return _this.jsonLoadComplete(file.key); + }; + } else if (file.format == Loader.TEXTURE_ATLAS_XML_STARLING) { + this._xhr.onload = function () { + return _this.xmlLoadComplete(file.key); + }; + } + + this._xhr.onerror = function () { + return _this.dataLoadError(file.key); + }; + this._xhr.send(); + } + break; + + case 'audio': + if (this.game.sound.usingWebAudio) { + file.data = this._xhr.response; + + this.game.cache.addSound(file.key, file.url, file.data, true, false); + + if (file.autoDecode) { + this.game.cache.updateSound(key, 'isDecoding', true); + + var that = this; + var key = file.key; + + this.game.sound.context.decodeAudioData(file.data, function (buffer) { + if (buffer) { + that.game.cache.decodedSound(key, buffer); + } + }); + } + } else { + file.data.removeEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete); + this.game.cache.addSound(file.key, file.url, file.data, false, true); + } + break; + + case 'text': + file.data = this._xhr.response; + this.game.cache.addText(file.key, file.url, file.data); + break; + } + + if (loadNext) { + this.nextFile(key, true); + } + }; + + /** + * Successfully loaded a JSON file. + * @param key {string} Key of the loaded JSON file. + */ + Loader.prototype.jsonLoadComplete = function (key) { + var data = JSON.parse(this._xhr.response); + var file = this._fileList[key]; + + this.game.cache.addTextureAtlas(file.key, file.url, file.data, data, file.format); + + this.nextFile(key, true); + }; + + /** + * Error occured when load a JSON. + * @param key {string} Key of the error loading JSON file. + */ + Loader.prototype.dataLoadError = function (key) { + var file = this._fileList[key]; + + file.error = true; + + throw new Error("Phaser.Loader dataLoadError: " + key); + + this.nextFile(key, true); + }; + + Loader.prototype.xmlLoadComplete = function (key) { + var atlasData = this._xhr.response; + var xml; + + try { + if (window['DOMParser']) { + var domparser = new DOMParser(); + xml = domparser.parseFromString(atlasData, "text/xml"); + } else { + xml = new ActiveXObject("Microsoft.XMLDOM"); + xml.async = 'false'; + xml.loadXML(atlasData); + } + } catch (e) { + xml = undefined; + } + + if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) { + throw new Error("Phaser.Loader. Invalid XML given"); + } + + var file = this._fileList[key]; + this.game.cache.addTextureAtlas(file.key, file.url, file.data, xml, file.format); + + this.nextFile(key, true); + }; + + /** + * Handle loading next file. + * @param previousKey {string} Key of previous loaded asset. + * @param success {boolean} Whether the previous asset loaded successfully or not. + */ + Loader.prototype.nextFile = function (previousKey, success) { + this.progress = Math.round(this.progress + this._progressChunk); + + if (this.progress > 100) { + this.progress = 100; + } + + this.onFileComplete.dispatch(this.progress, previousKey, success, this._queueSize - this._keys.length, this._queueSize); + + if (this._keys.length > 0) { + this.loadFile(); + } else { + this.hasLoaded = true; + this.isLoading = false; + + this.removeAll(); + + this.onLoadComplete.dispatch(); + } + }; + + /** + * Check whether asset exists with a specific key. + * @param key {string} Key of the asset you want to check. + * @return {boolean} Return true if exists, otherwise return false. + */ + Loader.prototype.checkKeyExists = function (key) { + if (this._fileList[key]) { + return true; + } else { + return false; + } + }; + Loader.TEXTURE_ATLAS_JSON_ARRAY = 0; + Loader.TEXTURE_ATLAS_JSON_HASH = 1; + Loader.TEXTURE_ATLAS_XML_STARLING = 2; + return Loader; + })(); + Phaser.Loader = Loader; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - AnimationLoader +* +* Responsible for parsing sprite sheet and JSON data into the internal FrameData format that Phaser uses for animations. +*/ +var Phaser; +(function (Phaser) { + var AnimationLoader = (function () { + function AnimationLoader() { + } + AnimationLoader.parseSpriteSheet = /** + * Parse a sprite sheet from asset data. + * @param key {string} Asset key for the sprite sheet data. + * @param frameWidth {number} Width of animation frame. + * @param frameHeight {number} Height of animation frame. + * @param frameMax {number} Number of animation frames. + * @return {FrameData} Generated FrameData object. + */ + function (game, key, frameWidth, frameHeight, frameMax) { + // How big is our image? + var img = game.cache.getImage(key); + + if (img == null) { + return null; + } + + var width = img.width; + var height = img.height; + + var row = Math.round(width / frameWidth); + var column = Math.round(height / frameHeight); + var total = row * column; + + if (frameMax !== -1) { + total = frameMax; + } + + if (width == 0 || height == 0 || width < frameWidth || height < frameHeight || total === 0) { + throw new Error("AnimationLoader.parseSpriteSheet: width/height zero or width/height < given frameWidth/frameHeight"); + return null; + } + + // Let's create some frames then + var data = new Phaser.FrameData(); + + var x = 0; + var y = 0; + + for (var i = 0; i < total; i++) { + data.addFrame(new Phaser.Frame(x, y, frameWidth, frameHeight, '')); + + x += frameWidth; + + if (x === width) { + x = 0; + y += frameHeight; + } + } + + return data; + }; + + AnimationLoader.parseJSONData = /** + * Parse frame datas from json. + * @param json {object} Json data you want to parse. + * @return {FrameData} Generated FrameData object. + */ + function (game, json) { + if (!json['frames']) { + console.log(json); + throw new Error("Phaser.AnimationLoader.parseJSONData: Invalid Texture Atlas JSON given, missing 'frames' array"); + } + + // Let's create some frames then + var data = new Phaser.FrameData(); + + // By this stage frames is a fully parsed array + var frames = json['frames']; + var newFrame; + + for (var i = 0; i < frames.length; i++) { + newFrame = data.addFrame(new Phaser.Frame(frames[i].frame.x, frames[i].frame.y, frames[i].frame.w, frames[i].frame.h, frames[i].filename)); + newFrame.setTrim(frames[i].trimmed, frames[i].sourceSize.w, frames[i].sourceSize.h, frames[i].spriteSourceSize.x, frames[i].spriteSourceSize.y, frames[i].spriteSourceSize.w, frames[i].spriteSourceSize.h); + } + + return data; + }; + + AnimationLoader.parseXMLData = function (game, xml, format) { + if (!xml.getElementsByTagName('TextureAtlas')) { + throw new Error("Phaser.AnimationLoader.parseXMLData: Invalid Texture Atlas XML given, missing tag"); + } + + // Let's create some frames then + var data = new Phaser.FrameData(); + + var frames = xml.getElementsByTagName('SubTexture'); + + var newFrame; + + for (var i = 0; i < frames.length; i++) { + var frame = frames[i].attributes; + + newFrame = data.addFrame(new Phaser.Frame(frame.x.nodeValue, frame.y.nodeValue, frame.width.nodeValue, frame.height.nodeValue, frame.name.nodeValue)); + + if (frame.frameX.nodeValue != '-0' || frame.frameY.nodeValue != '-0') { + newFrame.setTrim(true, frame.width.nodeValue, frame.height.nodeValue, Math.abs(frame.frameX.nodeValue), Math.abs(frame.frameY.nodeValue), frame.frameWidth.nodeValue, frame.frameHeight.nodeValue); + } + } + + return data; + }; + return AnimationLoader; + })(); + Phaser.AnimationLoader = AnimationLoader; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Tile +* +* A Tile is a single representation of a tile within a Tilemap +*/ +var Phaser; +(function (Phaser) { + var Tile = (function () { + /** + * Tile constructor + * Create a new Tile. + * + * @param tilemap {Tilemap} the tilemap this tile belongs to. + * @param index {number} The index of this tile type in the core map data. + * @param width {number} Width of the tile. + * @param height number} Height of the tile. + */ + function Tile(game, tilemap, index, width, height) { + /** + * The virtual mass of the tile. + * @type {number} + */ + this.mass = 1.0; + /** + * Indicating collide with any object on the left. + * @type {boolean} + */ + this.collideLeft = false; + /** + * Indicating collide with any object on the right. + * @type {boolean} + */ + this.collideRight = false; + /** + * Indicating collide with any object on the top. + * @type {boolean} + */ + this.collideUp = false; + /** + * Indicating collide with any object on the bottom. + * @type {boolean} + */ + this.collideDown = false; + /** + * Enable separation at x-axis. + * @type {boolean} + */ + this.separateX = true; + /** + * Enable separation at y-axis. + * @type {boolean} + */ + this.separateY = true; + this.game = game; + this.tilemap = tilemap; + this.index = index; + + this.width = width; + this.height = height; + this.allowCollisions = Phaser.Types.NONE; + } + /** + * Clean up memory. + */ + Tile.prototype.destroy = function () { + this.tilemap = null; + }; + + /** + * Set collision configs. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tile.prototype.setCollision = function (collision, resetCollisions, separateX, separateY) { + if (resetCollisions) { + this.resetCollision(); + } + + this.separateX = separateX; + this.separateY = separateY; + + this.allowCollisions = collision; + + if (collision & Phaser.Types.ANY) { + this.collideLeft = true; + this.collideRight = true; + this.collideUp = true; + this.collideDown = true; + return; + } + + if (collision & Phaser.Types.LEFT || collision & Phaser.Types.WALL) { + this.collideLeft = true; + } + + if (collision & Phaser.Types.RIGHT || collision & Phaser.Types.WALL) { + this.collideRight = true; + } + + if (collision & Phaser.Types.UP || collision & Phaser.Types.CEILING) { + this.collideUp = true; + } + + if (collision & Phaser.Types.DOWN || collision & Phaser.Types.CEILING) { + this.collideDown = true; + } + }; + + /** + * Reset collision status flags. + */ + Tile.prototype.resetCollision = function () { + this.allowCollisions = Phaser.Types.NONE; + this.collideLeft = false; + this.collideRight = false; + this.collideUp = false; + this.collideDown = false; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the object. + **/ + Tile.prototype.toString = function () { + return "[{Tile (index=" + this.index + " collisions=" + this.allowCollisions + " width=" + this.width + " height=" + this.height + ")}]"; + }; + return Tile; + })(); + Phaser.Tile = Tile; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Tilemap +* +* This GameObject allows for the display of a tilemap within the game world. Tile maps consist of an image, tile data and a size. +* Internally it creates a TilemapLayer for each layer in the tilemap. +*/ +var Phaser; +(function (Phaser) { + var Tilemap = (function () { + /** + * Tilemap constructor + * Create a new Tilemap. + * + * @param game {Phaser.Game} Current game instance. + * @param key {string} Asset key for this map. + * @param mapData {string} Data of this map. (a big 2d array, normally in csv) + * @param format {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. + * @param resizeWorld {boolean} Resize the world bound automatically based on this tilemap? + * @param tileWidth {number} Width of tiles in this map. + * @param tileHeight {number} Height of tiles in this map. + */ + function Tilemap(game, key, mapData, format, resizeWorld, tileWidth, tileHeight) { + if (typeof resizeWorld === "undefined") { resizeWorld = true; } + if (typeof tileWidth === "undefined") { tileWidth = 0; } + if (typeof tileHeight === "undefined") { tileHeight = 0; } + /** + * z order value of the object. + */ + this.z = -1; + /** + * Render iteration counter + */ + this.renderOrderID = 0; + /** + * Tilemap collision callback. + * @type {function} + */ + this.collisionCallback = null; + this.game = game; + this.type = Phaser.Types.TILEMAP; + + this.exists = true; + this.active = true; + this.visible = true; + this.alive = true; + + this.z = -1; + this.group = null; + this.name = ''; + + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + this.tiles = []; + this.layers = []; + + this.mapFormat = format; + + switch (format) { + case Tilemap.FORMAT_CSV: + this.parseCSV(game.cache.getText(mapData), key, tileWidth, tileHeight); + break; + + case Tilemap.FORMAT_TILED_JSON: + this.parseTiledJSON(game.cache.getText(mapData), key); + break; + } + + if (this.currentLayer && resizeWorld) { + this.game.world.setSize(this.currentLayer.widthInPixels, this.currentLayer.heightInPixels, true); + } + } + /** + * Parset csv map data and generate tiles. + * @param data {string} CSV map data. + * @param key {string} Asset key for tileset image. + * @param tileWidth {number} Width of its tile. + * @param tileHeight {number} Height of its tile. + */ + Tilemap.prototype.parseCSV = function (data, key, tileWidth, tileHeight) { + var layer = new Phaser.TilemapLayer(this, 0, key, Tilemap.FORMAT_CSV, 'TileLayerCSV' + this.layers.length.toString(), tileWidth, tileHeight); + + // Trim any rogue whitespace from the data + data = data.trim(); + + var rows = data.split("\n"); + + for (var i = 0; i < rows.length; i++) { + var column = rows[i].split(","); + + if (column.length > 0) { + layer.addColumn(column); + } + } + + layer.updateBounds(); + + var tileQuantity = layer.parseTileOffsets(); + + this.currentLayer = layer; + this.collisionLayer = layer; + + this.layers.push(layer); + + this.generateTiles(tileQuantity); + }; + + /** + * Parse JSON map data and generate tiles. + * @param data {string} JSON map data. + * @param key {string} Asset key for tileset image. + */ + Tilemap.prototype.parseTiledJSON = function (data, key) { + // Trim any rogue whitespace from the data + data = data.trim(); + + var json = JSON.parse(data); + + for (var i = 0; i < json.layers.length; i++) { + var layer = new Phaser.TilemapLayer(this, i, key, Tilemap.FORMAT_TILED_JSON, json.layers[i].name, json.tilewidth, json.tileheight); + + if (!json.layers[i].data) { + continue; + } + + layer.alpha = json.layers[i].opacity; + layer.visible = json.layers[i].visible; + layer.tileMargin = json.tilesets[0].margin; + layer.tileSpacing = json.tilesets[0].spacing; + + var c = 0; + var row; + + for (var t = 0; t < json.layers[i].data.length; t++) { + if (c == 0) { + row = []; + } + + row.push(json.layers[i].data[t]); + + c++; + + if (c == json.layers[i].width) { + layer.addColumn(row); + c = 0; + } + } + + layer.updateBounds(); + + var tileQuantity = layer.parseTileOffsets(); + + this.currentLayer = layer; + this.collisionLayer = layer; + + this.layers.push(layer); + } + + this.generateTiles(tileQuantity); + }; + + /** + * Create tiles of given quantity. + * @param qty {number} Quentity of tiles to be generated. + */ + Tilemap.prototype.generateTiles = function (qty) { + for (var i = 0; i < qty; i++) { + this.tiles.push(new Phaser.Tile(this.game, this, i, this.currentLayer.tileWidth, this.currentLayer.tileHeight)); + } + }; + + Object.defineProperty(Tilemap.prototype, "widthInPixels", { + get: function () { + return this.currentLayer.widthInPixels; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Tilemap.prototype, "heightInPixels", { + get: function () { + return this.currentLayer.heightInPixels; + }, + enumerable: true, + configurable: true + }); + + // Tile Collision + /** + * Set callback to be called when this tilemap collides. + * @param context {object} Callback will be called with this context. + * @param callback {function} Callback function. + */ + Tilemap.prototype.setCollisionCallback = function (context, callback) { + this.collisionCallbackContext = context; + this.collisionCallback = callback; + }; + + /** + * Set collision configs of tiles in a range index. + * @param start {number} First index of tiles. + * @param end {number} Last index of tiles. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tilemap.prototype.setCollisionRange = function (start, end, collision, resetCollisions, separateX, separateY) { + if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } + if (typeof resetCollisions === "undefined") { resetCollisions = false; } + if (typeof separateX === "undefined") { separateX = true; } + if (typeof separateY === "undefined") { separateY = true; } + for (var i = start; i < end; i++) { + this.tiles[i].setCollision(collision, resetCollisions, separateX, separateY); + } + }; + + /** + * Set collision configs of tiles with given index. + * @param values {number[]} Index array which contains all tile indexes. The tiles with those indexes will be setup with rest parameters. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tilemap.prototype.setCollisionByIndex = function (values, collision, resetCollisions, separateX, separateY) { + if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } + if (typeof resetCollisions === "undefined") { resetCollisions = false; } + if (typeof separateX === "undefined") { separateX = true; } + if (typeof separateY === "undefined") { separateY = true; } + for (var i = 0; i < values.length; i++) { + this.tiles[values[i]].setCollision(collision, resetCollisions, separateX, separateY); + } + }; + + // Tile Management + /** + * Get the tile by its index. + * @param value {number} Index of the tile you want to get. + * @return {Tile} The tile with given index. + */ + Tilemap.prototype.getTileByIndex = function (value) { + if (this.tiles[value]) { + return this.tiles[value]; + } + + return null; + }; + + /** + * Get the tile located at specific position and layer. + * @param x {number} X position of this tile located. + * @param y {number} Y position of this tile located. + * @param [layer] {number} layer of this tile located. + * @return {Tile} The tile with specific properties. + */ + Tilemap.prototype.getTile = function (x, y, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileIndex(x, y)]; + }; + + /** + * Get the tile located at specific position (in world coordinate) and layer. (thus you give a position of a point which is within the tile) + * @param x {number} X position of the point in target tile. + * @param x {number} Y position of the point in target tile. + * @param [layer] {number} layer of this tile located. + * @return {Tile} The tile with specific properties. + */ + Tilemap.prototype.getTileFromWorldXY = function (x, y, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileFromWorldXY(x, y)]; + }; + + /** + * Gets the tile underneath the Input.x/y position + * @param layer The layer to check, defaults to 0 + * @returns {Tile} + */ + Tilemap.prototype.getTileFromInputXY = function (layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileFromWorldXY(this.game.input.worldX, this.game.input.worldY)]; + }; + + /** + * Get tiles overlaps the given object. + * @param object {GameObject} Tiles you want to get that overlaps this. + * @return {array} Array with tiles information. (Each contains x, y and the tile.) + */ + Tilemap.prototype.getTileOverlaps = function (object) { + return this.currentLayer.getTileOverlaps(object); + }; + + // COLLIDE + /** + * Check whether this tilemap collides with the given game object or group of objects. + * @param objectOrGroup {function} Target object of group you want to check. + * @param callback {function} This is called if objectOrGroup collides the tilemap. + * @param context {object} Callback will be called with this context. + * @return {boolean} Return true if this collides with given object, otherwise return false. + */ + Tilemap.prototype.collide = function (objectOrGroup, callback, context) { + if (typeof objectOrGroup === "undefined") { objectOrGroup = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof context === "undefined") { context = null; } + if (callback !== null && context !== null) { + this.collisionCallback = callback; + this.collisionCallbackContext = context; + } + + if (objectOrGroup == null) { + objectOrGroup = this.game.world.group; + } + + if (objectOrGroup.isGroup == false) { + this.collideGameObject(objectOrGroup); + } else { + objectOrGroup.forEachAlive(this, this.collideGameObject, true); + } + }; + + /** + * Check whether this tilemap collides with the given game object. + * @param object {GameObject} Target object you want to check. + * @return {boolean} Return true if this collides with given object, otherwise return false. + */ + Tilemap.prototype.collideGameObject = function (object) { + if (object.body.type == Phaser.Types.BODY_DYNAMIC && object.exists == true && object.body.allowCollisions != Phaser.Types.NONE) { + this._tempCollisionData = this.collisionLayer.getTileOverlaps(object); + + if (this.collisionCallback !== null && this._tempCollisionData.length > 0) { + this.collisionCallback.call(this.collisionCallbackContext, object, this._tempCollisionData); + } + + return true; + } else { + return false; + } + }; + + /** + * Set a tile to a specific layer. + * @param x {number} X position of this tile. + * @param y {number} Y position of this tile. + * @param index {number} The index of this tile type in the core map data. + * @param [layer] {number} which layer you want to set the tile to. + */ + Tilemap.prototype.putTile = function (x, y, index, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + this.layers[layer].putTile(x, y, index); + }; + + Tilemap.prototype.destroy = function () { + this.texture = null; + this.transform = null; + + this.tiles.length = 0; + this.layers.length = 0; + }; + Tilemap.FORMAT_CSV = 0; + + Tilemap.FORMAT_TILED_JSON = 1; + return Tilemap; + })(); + Phaser.Tilemap = Tilemap; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - TilemapLayer +* +* A Tilemap Layer. Tiled format maps can have multiple overlapping layers. +*/ +var Phaser; +(function (Phaser) { + var TilemapLayer = (function () { + /** + * TilemapLayer constructor + * Create a new TilemapLayer. + * + * @param parent {Tilemap} The tilemap that contains this layer. + * @param id {number} The ID of this layer within the Tilemap array. + * @param key {string} Asset key for this map. + * @param mapFormat {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. + * @param name {string} Name of this layer, so you can get this layer by its name. + * @param tileWidth {number} Width of tiles in this map. + * @param tileHeight {number} Height of tiles in this map. + */ + function TilemapLayer(parent, id, key, mapFormat, name, tileWidth, tileHeight) { + /** + * Controls whether update() and draw() are automatically called. + * @type {boolean} + */ + this.exists = true; + /** + * Controls whether draw() are automatically called. + * @type {boolean} + */ + this.visible = true; + /** + * How many tiles in each row. + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.widthInTiles = 0; + /** + * How many tiles in each column. + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.heightInTiles = 0; + /** + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.widthInPixels = 0; + /** + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.heightInPixels = 0; + /** + * Distance between REAL tiles to the tileset texture bound. + * @type {number} + */ + this.tileMargin = 0; + /** + * Distance between every 2 neighbor tile in the tileset texture. + * @type {number} + */ + this.tileSpacing = 0; + this.parent = parent; + this.game = parent.game; + + this.ID = id; + this.name = name; + this.mapFormat = mapFormat; + this.tileWidth = tileWidth; + this.tileHeight = tileHeight; + this.boundsInTiles = new Phaser.Rectangle(); + + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + if (key !== null) { + this.texture.loadImage(key, false); + } else { + this.texture.opaque = true; + } + + // Handy proxies + this.alpha = this.texture.alpha; + + this.mapData = []; + this._tempTileBlock = []; + } + /** + * Set a specific tile with its x and y in tiles. + * @param x {number} X position of this tile in world coordinates. + * @param y {number} Y position of this tile in world coordinates. + * @param index {number} The index of this tile type in the core map data. + */ + TilemapLayer.prototype.putTileWorldXY = function (x, y, index) { + x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; + y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; + + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + this.mapData[y][x] = index; + } + } + }; + + /** + * Set a specific tile with its x and y in tiles. + * @param x {number} X position of this tile. + * @param y {number} Y position of this tile. + * @param index {number} The index of this tile type in the core map data. + */ + TilemapLayer.prototype.putTile = function (x, y, index) { + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + this.mapData[y][x] = index; + } + } + }; + + /** + * Swap tiles with 2 kinds of indexes. + * @param tileA {number} First tile index. + * @param tileB {number} Second tile index. + * @param [x] {number} specify a Rectangle of tiles to operate. The x position in tiles of Rectangle's left-top corner. + * @param [y] {number} specify a Rectangle of tiles to operate. The y position in tiles of Rectangle's left-top corner. + * @param [width] {number} specify a Rectangle of tiles to operate. The width in tiles. + * @param [height] {number} specify a Rectangle of tiles to operate. The height in tiles. + */ + TilemapLayer.prototype.swapTile = function (tileA, tileB, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].tile.index == tileA) { + this._tempTileBlock[r].newIndex = true; + } + + if (this._tempTileBlock[r].tile.index == tileB) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileA; + } + } + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].newIndex == true) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; + } + } + }; + + /** + * Fill a tile block with a specific tile index. + * @param index {number} Index of tiles you want to fill with. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.fillTile = function (index, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = index; + } + }; + + /** + * Set random tiles to a specific tile block. + * @param tiles {number[]} Tiles with indexes in this array will be randomly set to the given block. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.randomiseTiles = function (tiles, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = this.game.math.getRandom(tiles); + } + }; + + /** + * Replace one kind of tiles to another kind. + * @param tileA {number} Index of tiles you want to replace. + * @param tileB {number} Index of tiles you want to set. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.replaceTile = function (tileA, tileB, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].tile.index == tileA) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; + } + } + }; + + /** + * Get a tile block with specific position and size.(both are in tiles) + * @param x {number} X position of block's left-top corner. + * @param y {number} Y position of block's left-top corner. + * @param width {number} Width of block. + * @param height {number} Height of block. + */ + TilemapLayer.prototype.getTileBlock = function (x, y, width, height) { + var output = []; + + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + output.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); + } + + return output; + }; + + /** + * Get a tile with specific position (in world coordinate). (thus you give a position of a point which is within the tile) + * @param x {number} X position of the point in target tile. + * @param x {number} Y position of the point in target tile. + */ + TilemapLayer.prototype.getTileFromWorldXY = function (x, y) { + x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; + y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; + + return this.getTileIndex(x, y); + }; + + /** + * Get tiles overlaps the given object. + * @param object {GameObject} Tiles you want to get that overlaps this. + * @return {array} Array with tiles informations. (Each contains x, y and the tile.) + */ + TilemapLayer.prototype.getTileOverlaps = function (object) { + if (object.body.bounds.x < 0 || object.body.bounds.x > this.widthInPixels || object.body.bounds.y < 0 || object.body.bounds.bottom > this.heightInPixels) { + return; + } + + // What tiles do we need to check against? + this._tempTileX = this.game.math.snapToFloor(object.body.bounds.x, this.tileWidth) / this.tileWidth; + this._tempTileY = this.game.math.snapToFloor(object.body.bounds.y, this.tileHeight) / this.tileHeight; + this._tempTileW = (this.game.math.snapToCeil(object.body.bounds.width, this.tileWidth) + this.tileWidth) / this.tileWidth; + this._tempTileH = (this.game.math.snapToCeil(object.body.bounds.height, this.tileHeight) + this.tileHeight) / this.tileHeight; + + // Loop through the tiles we've got and check overlaps accordingly (the results are stored in this._tempTileBlock) + this._tempBlockResults = []; + this.getTempBlock(this._tempTileX, this._tempTileY, this._tempTileW, this._tempTileH, true); + + /* + for (var r = 0; r < this._tempTileBlock.length; r++) + { + if (this.game.world.physics.separateTile(object, this._tempTileBlock[r].x * this.tileWidth, this._tempTileBlock[r].y * this.tileHeight, this.tileWidth, this.tileHeight, this._tempTileBlock[r].tile.mass, this._tempTileBlock[r].tile.collideLeft, this._tempTileBlock[r].tile.collideRight, this._tempTileBlock[r].tile.collideUp, this._tempTileBlock[r].tile.collideDown, this._tempTileBlock[r].tile.separateX, this._tempTileBlock[r].tile.separateY) == true) + { + this._tempBlockResults.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); + } + } + */ + return this._tempBlockResults; + }; + + /** + * Get a tile block with its position and size. (This method does not return, it'll set result to _tempTileBlock) + * @param x {number} X position of block's left-top corner. + * @param y {number} Y position of block's left-top corner. + * @param width {number} Width of block. + * @param height {number} Height of block. + * @param collisionOnly {boolean} Whethor or not ONLY return tiles which will collide (its allowCollisions value is not Collision.NONE). + */ + TilemapLayer.prototype.getTempBlock = function (x, y, width, height, collisionOnly) { + if (typeof collisionOnly === "undefined") { collisionOnly = false; } + if (x < 0) { + x = 0; + } + + if (y < 0) { + y = 0; + } + + if (width > this.widthInTiles) { + width = this.widthInTiles; + } + + if (height > this.heightInTiles) { + height = this.heightInTiles; + } + + this._tempTileBlock = []; + + for (var ty = y; ty < y + height; ty++) { + for (var tx = x; tx < x + width; tx++) { + if (collisionOnly) { + if (this.mapData[ty] && this.mapData[ty][tx] && this.parent.tiles[this.mapData[ty][tx]].allowCollisions != Phaser.Types.NONE) { + this._tempTileBlock.push({ x: tx, y: ty, tile: this.parent.tiles[this.mapData[ty][tx]] }); + } + } else { + if (this.mapData[ty] && this.mapData[ty][tx]) { + this._tempTileBlock.push({ x: tx, y: ty, tile: this.parent.tiles[this.mapData[ty][tx]] }); + } + } + } + } + }; + + /** + * Get the tile index of specific position (in tiles). + * @param x {number} X position of the tile. + * @param y {number} Y position of the tile. + * @return {number} Index of the tile at that position. Return null if there isn't a tile there. + */ + TilemapLayer.prototype.getTileIndex = function (x, y) { + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + return this.mapData[y][x]; + } + } + + return null; + }; + + /** + * Add a column of tiles into the layer. + * @param column {string[]/number[]} An array of tile indexes to be added. + */ + TilemapLayer.prototype.addColumn = function (column) { + var data = []; + + for (var c = 0; c < column.length; c++) { + data[c] = parseInt(column[c]); + } + + if (this.widthInTiles == 0) { + this.widthInTiles = data.length; + this.widthInPixels = this.widthInTiles * this.tileWidth; + } + + this.mapData.push(data); + + this.heightInTiles++; + this.heightInPixels += this.tileHeight; + }; + + /** + * Update boundsInTiles with widthInTiles and heightInTiles. + */ + TilemapLayer.prototype.updateBounds = function () { + this.boundsInTiles.setTo(0, 0, this.widthInTiles, this.heightInTiles); + }; + + /** + * Parse tile offsets from map data. + * @return {number} length of tileOffsets array. + */ + TilemapLayer.prototype.parseTileOffsets = function () { + this.tileOffsets = []; + + var i = 0; + + if (this.mapFormat == Phaser.Tilemap.FORMAT_TILED_JSON) { + // For some reason Tiled counts from 1 not 0 + this.tileOffsets[0] = null; + i = 1; + } + + for (var ty = this.tileMargin; ty < this.texture.height; ty += (this.tileHeight + this.tileSpacing)) { + for (var tx = this.tileMargin; tx < this.texture.width; tx += (this.tileWidth + this.tileSpacing)) { + this.tileOffsets[i] = { x: tx, y: ty }; + i++; + } + } + + return this.tileOffsets.length; + }; + return TilemapLayer; + })(); + Phaser.TilemapLayer = TilemapLayer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - UI - Button + */ + (function (UI) { + var Button = (function (_super) { + __extends(Button, _super); + /** + * Create a new Button object. + * + * @param game {Phaser.Game} Current game instance. + * @param [x] {number} X position of the button. + * @param [y] {number} Y position of the button. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. + * @param [callback] {function} The function to call when this button is pressed + * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') + * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. + * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. + * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. + */ + function Button(game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof key === "undefined") { key = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof callbackContext === "undefined") { callbackContext = null; } + if (typeof overFrame === "undefined") { overFrame = null; } + if (typeof outFrame === "undefined") { outFrame = null; } + if (typeof downFrame === "undefined") { downFrame = null; } + _super.call(this, game, x, y, key, outFrame); + this._onOverFrameName = null; + this._onOutFrameName = null; + this._onDownFrameName = null; + this._onUpFrameName = null; + this._onOverFrameID = null; + this._onOutFrameID = null; + this._onDownFrameID = null; + this._onUpFrameID = null; + + this.type = Phaser.Types.BUTTON; + + if (typeof overFrame == 'string') { + this._onOverFrameName = overFrame; + } else { + this._onOverFrameID = overFrame; + } + + if (typeof outFrame == 'string') { + this._onOutFrameName = outFrame; + this._onUpFrameName = outFrame; + } else { + this._onOutFrameID = outFrame; + this._onUpFrameID = outFrame; + } + + if (typeof downFrame == 'string') { + this._onDownFrameName = downFrame; + } else { + this._onDownFrameID = downFrame; + } + + // These are the signals the game will subscribe to + this.onInputOver = new Phaser.Signal(); + this.onInputOut = new Phaser.Signal(); + this.onInputDown = new Phaser.Signal(); + this.onInputUp = new Phaser.Signal(); + + if (callback) { + this.onInputUp.add(callback, callbackContext); + } + + this.input.start(0, false, true); + + // Redirect the input events to here so we can handle animation updates, etc + this.events.onInputOver.add(this.onInputOverHandler, this); + this.events.onInputOut.add(this.onInputOutHandler, this); + this.events.onInputDown.add(this.onInputDownHandler, this); + this.events.onInputUp.add(this.onInputUpHandler, this); + } + // TODO + //public tabIndex: number; + //public tabEnabled: boolean; + // ENTER or SPACE can activate this button if it has focus + Button.prototype.onInputOverHandler = function (pointer) { + if (this._onOverFrameName != null) { + this.frameName = this._onOverFrameName; + } else if (this._onOverFrameID != null) { + this.frame = this._onOverFrameID; + } + + if (this.onInputOver) { + this.onInputOver.dispatch(this, pointer); + } + }; + + Button.prototype.onInputOutHandler = function (pointer) { + if (this._onOutFrameName != null) { + this.frameName = this._onOutFrameName; + } else if (this._onOutFrameID != null) { + this.frame = this._onOutFrameID; + } + + if (this.onInputOut) { + this.onInputOut.dispatch(this, pointer); + } + }; + + Button.prototype.onInputDownHandler = function (pointer) { + if (this._onDownFrameName != null) { + this.frameName = this._onDownFrameName; + } else if (this._onDownFrameID != null) { + this.frame = this._onDownFrameID; + } + + if (this.onInputDown) { + this.onInputDown.dispatch(this, pointer); + } + }; + + Button.prototype.onInputUpHandler = function (pointer) { + if (this._onUpFrameName != null) { + this.frameName = this._onUpFrameName; + } else if (this._onUpFrameID != null) { + this.frame = this._onUpFrameID; + } + + if (this.onInputUp) { + this.onInputUp.dispatch(this, pointer); + } + }; + + + Object.defineProperty(Button.prototype, "priorityID", { + get: function () { + return this.input.priorityID; + }, + set: function (value) { + this.input.priorityID = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Button.prototype, "useHandCursor", { + get: function () { + return this.input.useHandCursor; + }, + set: function (value) { + this.input.useHandCursor = value; + }, + enumerable: true, + configurable: true + }); + return Button; + })(Phaser.Sprite); + UI.Button = Button; + })(Phaser.UI || (Phaser.UI = {})); + var UI = Phaser.UI; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - ArcadePhysics - Body + */ + (function (Physics) { + var Body = (function () { + function Body(sprite, type) { + this.angularVelocity = 0; + this.angularAcceleration = 0; + this.angularDrag = 0; + this.maxAngular = 10000; + this.mass = 1; + this._width = 0; + this._height = 0; + this.sprite = sprite; + this.game = sprite.game; + this.type = type; + + // Fixture properties + // Will extend into its own class at a later date - can move the fixture defs there and add shape support, but this will do for 1.0 release + this.bounds = new Phaser.Rectangle(); + + this._width = sprite.width; + this._height = sprite.height; + + // Body properties + //this.gravity = Vec2Utils.clone(ArcadePhysics.gravity); + //this.bounce = Vec2Utils.clone(ArcadePhysics.bounce); + this.velocity = new Phaser.Vec2(); + this.acceleration = new Phaser.Vec2(); + + //this.drag = Vec2Utils.clone(ArcadePhysics.drag); + this.maxVelocity = new Phaser.Vec2(10000, 10000); + + this.angularVelocity = 0; + this.angularAcceleration = 0; + this.angularDrag = 0; + + this.touching = Phaser.Types.NONE; + this.wasTouching = Phaser.Types.NONE; + this.allowCollisions = Phaser.Types.ANY; + + this.position = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); + this.oldPosition = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); + this.offset = new Phaser.Vec2(); + } + Object.defineProperty(Body.prototype, "x", { + get: function () { + return this.sprite.x + this.offset.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "y", { + get: function () { + return this.sprite.y + this.offset.y; + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(Body.prototype, "width", { + get: function () { + return this._width * this.sprite.transform.scale.x; + }, + set: function (value) { + this._width = value; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "height", { + get: function () { + return this._height * this.sprite.transform.scale.y; + }, + set: function (value) { + this._height = value; + }, + enumerable: true, + configurable: true + }); + + Body.prototype.preUpdate = function () { + this.oldPosition.copyFrom(this.position); + + this.bounds.x = this.x; + this.bounds.y = this.y; + this.bounds.width = this.width; + this.bounds.height = this.height; + }; + + // Shall we do this? Or just update the values directly in the separate functions? But then the bounds will be out of sync - as long as + // the bounds are updated and used in calculations then we can do one final sprite movement here I guess? + Body.prototype.postUpdate = function () { + if (this.type !== Phaser.Types.BODY_DISABLED) { + //this.game.world.physics.updateMotion(this); + this.wasTouching = this.touching; + this.touching = Phaser.Types.NONE; + } + + this.position.setTo(this.x, this.y); + }; + + Object.defineProperty(Body.prototype, "hullWidth", { + get: function () { + if (this.deltaX > 0) { + return this.bounds.width + this.deltaX; + } else { + return this.bounds.width - this.deltaX; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "hullHeight", { + get: function () { + if (this.deltaY > 0) { + return this.bounds.height + this.deltaY; + } else { + return this.bounds.height - this.deltaY; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "hullX", { + get: function () { + if (this.position.x < this.oldPosition.x) { + return this.position.x; + } else { + return this.oldPosition.x; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "hullY", { + get: function () { + if (this.position.y < this.oldPosition.y) { + return this.position.y; + } else { + return this.oldPosition.y; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaXAbs", { + get: function () { + return (this.deltaX > 0 ? this.deltaX : -this.deltaX); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaYAbs", { + get: function () { + return (this.deltaY > 0 ? this.deltaY : -this.deltaY); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaX", { + get: function () { + return this.position.x - this.oldPosition.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaY", { + get: function () { + return this.position.y - this.oldPosition.y; + }, + enumerable: true, + configurable: true + }); + + // MOVE THESE TO A UTIL + Body.prototype.render = function (context) { + context.beginPath(); + context.strokeStyle = 'rgb(0,255,0)'; + context.strokeRect(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight, this.bounds.width, this.bounds.height); + context.stroke(); + context.closePath(); + + // center point + context.fillStyle = 'rgb(0,255,0)'; + context.fillRect(this.position.x, this.position.y, 2, 2); + + if (this.touching & Phaser.Types.LEFT) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.lineTo(this.position.x - this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + if (this.touching & Phaser.Types.RIGHT) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x + this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + + if (this.touching & Phaser.Types.UP) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + if (this.touching & Phaser.Types.DOWN) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + }; + + /** + * Render debug infos. (including name, bounds info, position and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + Body.prototype.renderDebugInfo = function (x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + this.sprite.texture.context.fillStyle = color; + this.sprite.texture.context.fillText('Sprite: (' + this.sprite.width + ' x ' + this.sprite.height + ')', x, y); + + //this.sprite.texture.context.fillText('x: ' + this._sprite.frameBounds.x.toFixed(1) + ' y: ' + this._sprite.frameBounds.y.toFixed(1) + ' rotation: ' + this._sprite.rotation.toFixed(1), x, y + 14); + this.sprite.texture.context.fillText('x: ' + this.bounds.x.toFixed(1) + ' y: ' + this.bounds.y.toFixed(1) + ' rotation: ' + this.sprite.transform.rotation.toFixed(0), x, y + 14); + this.sprite.texture.context.fillText('vx: ' + this.velocity.x.toFixed(1) + ' vy: ' + this.velocity.y.toFixed(1), x, y + 28); + this.sprite.texture.context.fillText('acx: ' + this.acceleration.x.toFixed(1) + ' acy: ' + this.acceleration.y.toFixed(1), x, y + 42); + this.sprite.texture.context.fillText('angVx: ' + this.angularVelocity.toFixed(1) + ' angAc: ' + this.angularAcceleration.toFixed(1), x, y + 56); + }; + return Body; + })(); + Physics.Body = Body; + })(Phaser.Physics || (Phaser.Physics = {})); + var Physics = Phaser.Physics; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Components - Events + * + * Signals that are dispatched by the Sprite and its various components + */ + (function (Components) { + var Events = (function () { + /** + * The Events component is a collection of events fired by the parent game object and its components. + * @param parent The game object using this Input component + */ + function Events(parent) { + this.game = parent.game; + this._parent = parent; + + this.onAddedToGroup = new Phaser.Signal(); + this.onRemovedFromGroup = new Phaser.Signal(); + this.onKilled = new Phaser.Signal(); + this.onRevived = new Phaser.Signal(); + this.onOutOfBounds = new Phaser.Signal(); + } + return Events; + })(); + Components.Events = Events; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Sprite +*/ +var Phaser; +(function (Phaser) { + var Sprite = (function () { + /** + * Create a new Sprite. + * + * @param game {Phaser.Game} Current game instance. + * @param [x] {number} the initial x position of the sprite. + * @param [y] {number} the initial y position of the sprite. + * @param [key] {string} Key of the graphic you want to load for this sprite. + */ + function Sprite(game, x, y, key, frame) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof key === "undefined") { key = null; } + if (typeof frame === "undefined") { frame = null; } + /** + * A boolean representing if the Sprite has been modified in any way via a scale, rotate, flip or skew. + */ + this.modified = false; + /** + * x value of the object. + */ + this.x = 0; + /** + * y value of the object. + */ + this.y = 0; + /** + * z order value of the object. + */ + this.z = -1; + /** + * Render iteration counter + */ + this.renderOrderID = 0; + this.game = game; + this.type = Phaser.Types.SPRITE; + + this.exists = true; + this.active = true; + this.visible = true; + this.alive = true; + + this.x = x; + this.y = y; + this.z = -1; + this.group = null; + this.name = ''; + + this.events = new Phaser.Components.Events(this); + this.animations = new Phaser.Components.AnimationManager(this); + this.input = new Phaser.Components.InputHandler(this); + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + if (key !== null) { + this.texture.loadImage(key, false); + } else { + this.texture.opaque = true; + } + + if (frame !== null) { + if (typeof frame == 'string') { + this.frameName = frame; + } else { + this.frame = frame; + } + } + + this.worldView = new Phaser.Rectangle(x, y, this.width, this.height); + this.cameraView = new Phaser.Rectangle(x, y, this.width, this.height); + + this.transform.setCache(); + + this.outOfBounds = false; + this.outOfBoundsAction = Phaser.Types.OUT_OF_BOUNDS_PERSIST; + + // Handy proxies + this.scale = this.transform.scale; + this.alpha = this.texture.alpha; + this.origin = this.transform.origin; + this.crop = this.texture.crop; + } + Object.defineProperty(Sprite.prototype, "rotation", { + get: /** + * The rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + */ + function () { + return this.transform.rotation; + }, + set: /** + * Set the rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + * The value is automatically wrapped to be between 0 and 360. + */ + function (value) { + this.transform.rotation = this.game.math.wrap(value, 360, 0); + + if (this.body) { + //this.body.angle = this.game.math.degreesToRadians(this.game.math.wrap(value, 360, 0)); + } + }, + enumerable: true, + configurable: true + }); + + + /** + * Brings this Sprite to the top of its current Group, if set. + */ + Sprite.prototype.bringToTop = function () { + if (this.group) { + //this.group.bringToTop(this); + } + }; + + + Object.defineProperty(Sprite.prototype, "alpha", { + get: /** + * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. + */ + function () { + return this.texture.alpha; + }, + set: /** + * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. + */ + function (value) { + this.texture.alpha = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "frame", { + get: /** + * Get the animation frame number. + */ + function () { + return this.animations.frame; + }, + set: /** + * Set the animation frame by frame number. + */ + function (value) { + this.animations.frame = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "frameName", { + get: /** + * Get the animation frame name. + */ + function () { + return this.animations.frameName; + }, + set: /** + * Set the animation frame by frame name. + */ + function (value) { + this.animations.frameName = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "width", { + get: function () { + return this.texture.width * this.transform.scale.x; + }, + set: function (value) { + this.transform.scale.x = value / this.texture.width; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "height", { + get: function () { + return this.texture.height * this.transform.scale.y; + }, + set: function (value) { + this.transform.scale.y = value / this.texture.height; + }, + enumerable: true, + configurable: true + }); + + /** + * Pre-update is called right before update() on each object in the game loop. + */ + Sprite.prototype.preUpdate = function () { + this.transform.update(); + + if (this.transform.scrollFactor.x != 1 && this.transform.scrollFactor.x != 0) { + this.worldView.x = (this.x * this.transform.scrollFactor.x) - (this.width * this.transform.origin.x); + } else { + this.worldView.x = this.x - (this.width * this.transform.origin.x); + } + + if (this.transform.scrollFactor.y != 1 && this.transform.scrollFactor.y != 0) { + this.worldView.y = (this.y * this.transform.scrollFactor.y) - (this.height * this.transform.origin.y); + } else { + this.worldView.y = this.y - (this.height * this.transform.origin.y); + } + + this.worldView.width = this.width; + this.worldView.height = this.height; + + if (this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { + this.modified = true; + } + }; + + /** + * Override this function to update your sprites position and appearance. + */ + Sprite.prototype.update = function () { + }; + + /** + * Automatically called after update() by the game loop for all 'alive' objects. + */ + Sprite.prototype.postUpdate = function () { + this.animations.update(); + + this.checkBounds(); + + if (this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { + this.modified = false; + } + }; + + Sprite.prototype.checkBounds = function () { + if (Phaser.RectangleUtils.intersects(this.worldView, this.game.world.bounds)) { + this.outOfBounds = false; + } else { + if (this.outOfBounds == false) { + this.events.onOutOfBounds.dispatch(this); + } + + this.outOfBounds = true; + + if (this.outOfBoundsAction == Phaser.Types.OUT_OF_BOUNDS_KILL) { + this.kill(); + } else if (this.outOfBoundsAction == Phaser.Types.OUT_OF_BOUNDS_DESTROY) { + this.destroy(); + } + } + }; + + /** + * Clean up memory. + */ + Sprite.prototype.destroy = function () { + this.input.destroy(); + }; + + /** + * Handy for "killing" game objects. + * Default behavior is to flag them as nonexistent AND dead. + * However, if you want the "corpse" to remain in the game, + * like to animate an effect or whatever, you should override this, + * setting only alive to false, and leaving exists true. + */ + Sprite.prototype.kill = function (removeFromGroup) { + if (typeof removeFromGroup === "undefined") { removeFromGroup = false; } + this.alive = false; + this.exists = false; + + if (removeFromGroup && this.group) { + //this.group.remove(this); + } + + this.events.onKilled.dispatch(this); + }; + + /** + * Handy for bringing game objects "back to life". Just sets alive and exists back to true. + * In practice, this is most often called by Object.reset(). + */ + Sprite.prototype.revive = function () { + this.alive = true; + this.exists = true; + + this.events.onRevived.dispatch(this); + }; + return Sprite; + })(); + Phaser.Sprite = Sprite; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Components - TransformManager + */ + (function (Components) { + var TransformManager = (function () { + /** + * Creates a new TransformManager component + * @param parent The game object using this transform + */ + function TransformManager(parent) { + this._dirty = false; + /** + * This value is added to the rotation of the object. + * For example if you had a texture drawn facing straight up then you could set + * rotationOffset to 90 and it would correspond correctly with Phasers right-handed coordinate system. + * @type {number} + */ + this.rotationOffset = 0; + /** + * The rotation of the object in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + */ + this.rotation = 0; + this.game = parent.game; + this.parent = parent; + + this.local = new Phaser.Mat3(); + + this.scrollFactor = new Phaser.Vec2(1, 1); + this.origin = new Phaser.Vec2(); + this.scale = new Phaser.Vec2(1, 1); + this.skew = new Phaser.Vec2(); + + this.center = new Phaser.Point(); + this.upperLeft = new Phaser.Point(); + this.upperRight = new Phaser.Point(); + this.bottomLeft = new Phaser.Point(); + this.bottomRight = new Phaser.Point(); + + this._pos = new Phaser.Point(); + this._scale = new Phaser.Point(); + this._size = new Phaser.Point(); + this._halfSize = new Phaser.Point(); + this._offset = new Phaser.Point(); + this._origin = new Phaser.Point(); + this._sc = new Phaser.Point(); + this._scA = new Phaser.Point(); + } + Object.defineProperty(TransformManager.prototype, "distance", { + get: /** + * The distance from the center of the transform to the rotation origin. + */ + function () { + return this._distance; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "angleToCenter", { + get: /** + * The angle between the center of the transform to the rotation origin. + */ + function () { + return this._angle; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "offsetX", { + get: /** + * The offset on the X axis of the origin That is the difference between the top left of the Sprite and the origin.x. + * So if the origin.x is 0 the offsetX will be 0. If the origin.x is 0.5 then offsetX will be sprite width / 2, and so on. + */ + function () { + return this._offset.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "offsetY", { + get: /** + * The offset on the Y axis of the origin + */ + function () { + return this._offset.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "halfWidth", { + get: /** + * Half the width of the parent sprite, taking into consideration scaling + */ + function () { + return this._halfSize.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "halfHeight", { + get: /** + * Half the height of the parent sprite, taking into consideration scaling + */ + function () { + return this._halfSize.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "sin", { + get: /** + * The equivalent of Math.sin(rotation + rotationOffset) + */ + function () { + return this._sc.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "cos", { + get: /** + * The equivalent of Math.cos(rotation + rotationOffset) + */ + function () { + return this._sc.y; + }, + enumerable: true, + configurable: true + }); + + /** + * Moves the sprite so its center is located on the given x and y coordinates. + * Doesn't change the origin of the sprite. + */ + TransformManager.prototype.centerOn = function (x, y) { + this.parent.x = x + (this.parent.x - this.center.x); + this.parent.y = y + (this.parent.y - this.center.y); + + this.setCache(); + }; + + /** + * Populates the transform cache. Called by the parent object on creation. + */ + TransformManager.prototype.setCache = function () { + this._pos.x = this.parent.x; + this._pos.y = this.parent.y; + this._halfSize.x = this.parent.width / 2; + this._halfSize.y = this.parent.height / 2; + this._offset.x = this.origin.x * this.parent.width; + this._offset.y = this.origin.y * this.parent.height; + this._angle = Math.atan2(this.halfHeight - this._offset.x, this.halfWidth - this._offset.y); + this._distance = Math.sqrt(((this._offset.x - this._halfSize.x) * (this._offset.x - this._halfSize.x)) + ((this._offset.y - this._halfSize.y) * (this._offset.y - this._halfSize.y))); + this._size.x = this.parent.width; + this._size.y = this.parent.height; + this._origin.x = this.origin.x; + this._origin.y = this.origin.y; + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._prevRotation = this.rotation; + + if (this.parent.texture && this.parent.texture.renderRotation) { + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + } else { + this._sc.x = 0; + this._sc.y = 1; + } + + this.center.x = this.parent.x + this._distance * this._scA.y; + this.center.y = this.parent.y + this._distance * this._scA.x; + + this.upperLeft.setTo(this.center.x - this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.upperRight.setTo(this.center.x + this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + this.bottomLeft.setTo(this.center.x - this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.bottomRight.setTo(this.center.x + this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + + this._pos.x = this.parent.x; + this._pos.y = this.parent.y; + }; + + /** + * Updates the local transform matrix and the cache values if anything has changed in the parent. + */ + TransformManager.prototype.update = function () { + // Check cache + this._dirty = false; + + if (this.parent.width !== this._size.x || this.parent.height !== this._size.y || this.origin.x !== this._origin.x || this.origin.y !== this._origin.y) { + this._halfSize.x = this.parent.width / 2; + this._halfSize.y = this.parent.height / 2; + this._offset.x = this.origin.x * this.parent.width; + this._offset.y = this.origin.y * this.parent.height; + this._angle = Math.atan2(this.halfHeight - this._offset.y, this.halfWidth - this._offset.x); + this._distance = Math.sqrt(((this._offset.x - this._halfSize.x) * (this._offset.x - this._halfSize.x)) + ((this._offset.y - this._halfSize.y) * (this._offset.y - this._halfSize.y))); + + // Store + this._size.x = this.parent.width; + this._size.y = this.parent.height; + this._origin.x = this.origin.x; + this._origin.y = this.origin.y; + this._dirty = true; + } + + if (this.rotation != this._prevRotation) { + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + + if (this.parent.texture.renderRotation) { + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + } else { + this._sc.x = 0; + this._sc.y = 1; + } + + // Store + this._prevRotation = this.rotation; + this._dirty = true; + } + + if (this._dirty || this.parent.x != this._pos.x || this.parent.y != this._pos.y) { + this.center.x = this.parent.x + this._distance * this._scA.y; + this.center.y = this.parent.y + this._distance * this._scA.x; + + this.upperLeft.setTo(this.center.x - this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.upperRight.setTo(this.center.x + this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + this.bottomLeft.setTo(this.center.x - this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.bottomRight.setTo(this.center.x + this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + + this._pos.x = this.parent.x; + this._pos.y = this.parent.y; + } + + if (this.parent.texture.flippedX) { + this.local.data[0] = this._sc.y * -this.scale.x; + this.local.data[3] = (this._sc.x * -this.scale.x) + this.skew.x; + } else { + this.local.data[0] = this._sc.y * this.scale.x; + this.local.data[3] = (this._sc.x * this.scale.x) + this.skew.x; + } + + if (this.parent.texture.flippedY) { + this.local.data[4] = this._sc.y * -this.scale.y; + this.local.data[1] = -(this._sc.x * -this.scale.y) + this.skew.y; + } else { + this.local.data[4] = this._sc.y * this.scale.y; + this.local.data[1] = -(this._sc.x * this.scale.y) + this.skew.y; + } + + // Translate + this.local.data[2] = this.parent.x; + this.local.data[5] = this.parent.y; + }; + return TransformManager; + })(); + Components.TransformManager = TransformManager; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - ScrollRegion +* +* Creates a scrolling region within a ScrollZone. +* It is scrolled via the scrollSpeed.x/y properties. +*/ +var Phaser; +(function (Phaser) { + var ScrollRegion = (function () { + /** + * ScrollRegion constructor + * Create a new ScrollRegion. + * + * @param x {number} X position in world coordinate. + * @param y {number} Y position in world coordinate. + * @param width {number} Width of this object. + * @param height {number} Height of this object. + * @param speedX {number} X-axis scrolling speed. + * @param speedY {number} Y-axis scrolling speed. + */ + function ScrollRegion(x, y, width, height, speedX, speedY) { + this._anchorWidth = 0; + this._anchorHeight = 0; + this._inverseWidth = 0; + this._inverseHeight = 0; + /** + * Will this region be rendered? (default to true) + * @type {boolean} + */ + this.visible = true; + // Our seamless scrolling quads + this._A = new Phaser.Rectangle(x, y, width, height); + this._B = new Phaser.Rectangle(x, y, width, height); + this._C = new Phaser.Rectangle(x, y, width, height); + this._D = new Phaser.Rectangle(x, y, width, height); + this._scroll = new Phaser.Vec2(); + this._bounds = new Phaser.Rectangle(x, y, width, height); + this.scrollSpeed = new Phaser.Vec2(speedX, speedY); + } + /** + * Update region scrolling with tick time. + * @param delta {number} Elapsed time since last update. + */ + ScrollRegion.prototype.update = function (delta) { + this._scroll.x += this.scrollSpeed.x; + this._scroll.y += this.scrollSpeed.y; + + if (this._scroll.x > this._bounds.right) { + this._scroll.x = this._bounds.x; + } + + if (this._scroll.x < this._bounds.x) { + this._scroll.x = this._bounds.right; + } + + if (this._scroll.y > this._bounds.bottom) { + this._scroll.y = this._bounds.y; + } + + if (this._scroll.y < this._bounds.y) { + this._scroll.y = this._bounds.bottom; + } + + // Anchor Dimensions + this._anchorWidth = (this._bounds.width - this._scroll.x) + this._bounds.x; + this._anchorHeight = (this._bounds.height - this._scroll.y) + this._bounds.y; + + if (this._anchorWidth > this._bounds.width) { + this._anchorWidth = this._bounds.width; + } + + if (this._anchorHeight > this._bounds.height) { + this._anchorHeight = this._bounds.height; + } + + this._inverseWidth = this._bounds.width - this._anchorWidth; + this._inverseHeight = this._bounds.height - this._anchorHeight; + + // Rectangle A + this._A.setTo(this._scroll.x, this._scroll.y, this._anchorWidth, this._anchorHeight); + + // Rectangle B + this._B.y = this._scroll.y; + this._B.width = this._inverseWidth; + this._B.height = this._anchorHeight; + + // Rectangle C + this._C.x = this._scroll.x; + this._C.width = this._anchorWidth; + this._C.height = this._inverseHeight; + + // Rectangle D + this._D.width = this._inverseWidth; + this._D.height = this._inverseHeight; + }; + + /** + * Render this region to specific context. + * @param context {CanvasRenderingContext2D} Canvas context this region will be rendered to. + * @param texture {object} The texture to be rendered. + * @param dx {number} X position in world coordinate. + * @param dy {number} Y position in world coordinate. + * @param width {number} Width of this region to be rendered. + * @param height {number} Height of this region to be rendered. + */ + ScrollRegion.prototype.render = function (context, texture, dx, dy, dw, dh) { + if (this.visible == false) { + return; + } + + // dx/dy are the world coordinates to render the FULL ScrollZone into. + // This ScrollRegion may be smaller than that and offset from the dx/dy coordinates. + this.crop(context, texture, this._A.x, this._A.y, this._A.width, this._A.height, dx, dy, dw, dh, 0, 0); + this.crop(context, texture, this._B.x, this._B.y, this._B.width, this._B.height, dx, dy, dw, dh, this._A.width, 0); + this.crop(context, texture, this._C.x, this._C.y, this._C.width, this._C.height, dx, dy, dw, dh, 0, this._A.height); + this.crop(context, texture, this._D.x, this._D.y, this._D.width, this._D.height, dx, dy, dw, dh, this._C.width, this._A.height); + //context.fillStyle = 'rgb(255,255,255)'; + //context.font = '18px Arial'; + //context.fillText('RectangleA: ' + this._A.toString(), 32, 450); + //context.fillText('RectangleB: ' + this._B.toString(), 32, 480); + //context.fillText('RectangleC: ' + this._C.toString(), 32, 510); + //context.fillText('RectangleD: ' + this._D.toString(), 32, 540); + }; + + /** + * Crop part of the texture and render it to the given context. + * @param context {CanvasRenderingContext2D} Canvas context the texture will be rendered to. + * @param texture {object} Texture to be rendered. + * @param srcX {number} Target region top-left x coordinate in the texture. + * @param srcX {number} Target region top-left y coordinate in the texture. + * @param srcW {number} Target region width in the texture. + * @param srcH {number} Target region height in the texture. + * @param destX {number} Render region top-left x coordinate in the context. + * @param destX {number} Render region top-left y coordinate in the context. + * @param destW {number} Target region width in the context. + * @param destH {number} Target region height in the context. + * @param offsetX {number} X offset to the context. + * @param offsetY {number} Y offset to the context. + */ + ScrollRegion.prototype.crop = function (context, texture, srcX, srcY, srcW, srcH, destX, destY, destW, destH, offsetX, offsetY) { + offsetX += destX; + offsetY += destY; + + if (srcW > (destX + destW) - offsetX) { + srcW = (destX + destW) - offsetX; + } + + if (srcH > (destY + destH) - offsetY) { + srcH = (destY + destH) - offsetY; + } + + srcX = Math.floor(srcX); + srcY = Math.floor(srcY); + srcW = Math.floor(srcW); + srcH = Math.floor(srcH); + offsetX = Math.floor(offsetX + this._bounds.x); + offsetY = Math.floor(offsetY + this._bounds.y); + + if (srcW > 0 && srcH > 0) { + context.drawImage(texture, srcX, srcY, srcW, srcH, offsetX, offsetY, srcW, srcH); + } + }; + return ScrollRegion; + })(); + Phaser.ScrollRegion = ScrollRegion; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - ScrollZone +* +* Creates a scrolling region of the given width and height from an image in the cache. +* The ScrollZone can be positioned anywhere in-world like a normal game object, re-act to physics, collision, etc. +* The image within it is scrolled via ScrollRegions and their scrollSpeed.x/y properties. +* If you create a scroll zone larger than the given source image it will create a DynamicTexture and fill it with a pattern of the source image. +*/ +var Phaser; +(function (Phaser) { + var ScrollZone = (function (_super) { + __extends(ScrollZone, _super); + /** + * ScrollZone constructor + * Create a new ScrollZone. + * + * @param game {Phaser.Game} Current game instance. + * @param key {string} Asset key for image texture of this object. + * @param x {number} X position in world coordinate. + * @param y {number} Y position in world coordinate. + * @param [width] {number} width of this object. + * @param [height] {number} height of this object. + */ + function ScrollZone(game, key, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + _super.call(this, game, x, y, key); + + this.type = Phaser.Types.SCROLLZONE; + + this.regions = []; + + if (this.texture.loaded) { + if (width > this.width || height > this.height) { + // Create our repeating texture (as the source image wasn't large enough for the requested size) + this.createRepeatingTexture(width, height); + this.width = width; + this.height = height; + } + + // Create a default ScrollRegion at the requested size + this.addRegion(0, 0, this.width, this.height); + + if ((width < this.width || height < this.height) && width !== 0 && height !== 0) { + this.width = width; + this.height = height; + } + } + } + /** + * Add a new region to this zone. + * @param x {number} X position of the new region. + * @param y {number} Y position of the new region. + * @param width {number} Width of the new region. + * @param height {number} Height of the new region. + * @param [speedX] {number} x-axis scrolling speed. + * @param [speedY] {number} y-axis scrolling speed. + * @return {ScrollRegion} The newly added region. + */ + ScrollZone.prototype.addRegion = function (x, y, width, height, speedX, speedY) { + if (typeof speedX === "undefined") { speedX = 0; } + if (typeof speedY === "undefined") { speedY = 0; } + if (x > this.width || y > this.height || x < 0 || y < 0 || (x + width) > this.width || (y + height) > this.height) { + throw Error('Invalid ScrollRegion defined. Cannot be larger than parent ScrollZone'); + return null; + } + + this.currentRegion = new Phaser.ScrollRegion(x, y, width, height, speedX, speedY); + + this.regions.push(this.currentRegion); + + return this.currentRegion; + }; + + /** + * Set scrolling speed of current region. + * @param x {number} X speed of current region. + * @param y {number} Y speed of current region. + */ + ScrollZone.prototype.setSpeed = function (x, y) { + if (this.currentRegion) { + this.currentRegion.scrollSpeed.setTo(x, y); + } + + return this; + }; + + /** + * Update regions. + */ + ScrollZone.prototype.update = function () { + for (var i = 0; i < this.regions.length; i++) { + this.regions[i].update(this.game.time.delta); + } + }; + + /** + * Create repeating texture with _texture, and store it into the _dynamicTexture. + * Used to create texture when texture image is small than size of the zone. + */ + ScrollZone.prototype.createRepeatingTexture = function (regionWidth, regionHeight) { + // Work out how many we'll need of the source image to make it tile properly + var tileWidth = Math.ceil(this.width / regionWidth) * regionWidth; + var tileHeight = Math.ceil(this.height / regionHeight) * regionHeight; + + var dt = new Phaser.Display.DynamicTexture(this.game, tileWidth, tileHeight); + + dt.context.rect(0, 0, tileWidth, tileHeight); + dt.context.fillStyle = dt.context.createPattern(this.texture.imageTexture, "repeat"); + dt.context.fill(); + + this.texture.loadDynamicTexture(dt); + }; + return ScrollZone; + })(Phaser.Sprite); + Phaser.ScrollZone = ScrollZone; +})(Phaser || (Phaser = {})); +/// +/// +/** +* Phaser - GameObjectFactory +* +* A quick way to create new world objects and add existing objects to the current world. +*/ +var Phaser; +(function (Phaser) { + var GameObjectFactory = (function () { + /** + * GameObjectFactory constructor + * @param game {Game} A reference to the current Game. + */ + function GameObjectFactory(game) { + this.game = game; + this._world = this.game.world; + } + /** + * Create a new camera with specific position and size. + * + * @param x {number} X position of the new camera. + * @param y {number} Y position of the new camera. + * @param width {number} Width of the new camera. + * @param height {number} Height of the new camera. + * @returns {Camera} The newly created camera object. + */ + GameObjectFactory.prototype.camera = function (x, y, width, height) { + return this._world.cameras.addCamera(x, y, width, height); + }; + + /** + * Create a new GeomSprite with specific position. + * + * @param x {number} X position of the new geom sprite. + * @param y {number} Y position of the new geom sprite. + * @returns {GeomSprite} The newly created geom sprite object. + */ + //public geomSprite(x: number, y: number): GeomSprite { + // return this._world.group.add(new GeomSprite(this.game, x, y)); + //} + /** + * Create a new Button game object. + * + * @param [x] {number} X position of the button. + * @param [y] {number} Y position of the button. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. + * @param [callback] {function} The function to call when this button is pressed + * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') + * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. + * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. + * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. + * @returns {Button} The newly created button object. + */ + GameObjectFactory.prototype.button = function (x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof key === "undefined") { key = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof callbackContext === "undefined") { callbackContext = null; } + if (typeof overFrame === "undefined") { overFrame = null; } + if (typeof outFrame === "undefined") { outFrame = null; } + if (typeof downFrame === "undefined") { downFrame = null; } + return this._world.group.add(new Phaser.UI.Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame)); + }; + + /** + * Create a new Sprite with specific position and sprite sheet key. + * + * @param x {number} X position of the new sprite. + * @param y {number} Y position of the new sprite. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite + * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. + * @returns {Sprite} The newly created sprite object. + */ + GameObjectFactory.prototype.sprite = function (x, y, key, frame) { + if (typeof key === "undefined") { key = ''; } + if (typeof frame === "undefined") { frame = null; } + return this._world.group.add(new Phaser.Sprite(this.game, x, y, key, frame)); + }; + + GameObjectFactory.prototype.audio = function (key, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + return this.game.sound.add(key, volume, loop); + }; + + /** + * Create a new Sprite with the physics automatically created and set to DYNAMIC. The Sprite position offset is set to its center. + * + * @param x {number} X position of the new sprite. + * @param y {number} Y position of the new sprite. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite + * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. + * @param [bodyType] {number} The physics body type of the object (defaults to BODY_DYNAMIC) + * @param [shapeType] The default body shape is either 0 for a Box or 1 for a Circle. See Sprite.body.addShape for custom shapes (polygons, etc) + * @returns {Sprite} The newly created sprite object. + */ + //public physicsSprite(x: number, y: number, key: string = '', frame? = null, bodyType: number = Phaser.Types.BODY_DYNAMIC, shapeType:number = 0): Sprite { + // return this._world.group.add(new Sprite(this.game, x, y, key, frame, bodyType, shapeType)); + //} + /** + * Create a new DynamicTexture with specific size. + * + * @param width {number} Width of the texture. + * @param height {number} Height of the texture. + * @returns {DynamicTexture} The newly created dynamic texture object. + */ + GameObjectFactory.prototype.dynamicTexture = function (width, height) { + return new Phaser.Display.DynamicTexture(this.game, width, height); + }; + + /** + * Create a new object container. + * + * @param maxSize {number} Optional, capacity of this group. + * @returns {Group} The newly created group. + */ + GameObjectFactory.prototype.group = function (maxSize) { + if (typeof maxSize === "undefined") { maxSize = 0; } + return this._world.group.add(new Phaser.Group(this.game, maxSize)); + }; + + /** + * Create a new Particle. + * + * @return {Particle} The newly created particle object. + */ + //public particle(): ArcadeParticle { + // return new ArcadeParticle(this.game); + //} + /** + * Create a new Emitter. + * + * @param x {number} Optional, x position of the emitter. + * @param y {number} Optional, y position of the emitter. + * @param size {number} Optional, size of this emitter. + * @return {Emitter} The newly created emitter object. + */ + //public emitter(x: number = 0, y: number = 0, size: number = 0): ArcadeEmitter { + // return this._world.group.add(new ArcadeEmitter(this.game, x, y, size)); + //} + /** + * Create a new ScrollZone object with image key, position and size. + * + * @param key {string} Key to a image you wish this object to use. + * @param x {number} X position of this object. + * @param y {number} Y position of this object. + * @param width number} Width of this object. + * @param height {number} Height of this object. + * @returns {ScrollZone} The newly created scroll zone object. + */ + GameObjectFactory.prototype.scrollZone = function (key, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + return this._world.group.add(new Phaser.ScrollZone(this.game, key, x, y, width, height)); + }; + + /** + * Create a new Tilemap. + * + * @param key {string} Key for tileset image. + * @param mapData {string} Data of this tilemap. + * @param format {number} Format of map data. (Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON) + * @param [resizeWorld] {boolean} resize the world to make same as tilemap? + * @param [tileWidth] {number} width of each tile. + * @param [tileHeight] {number} height of each tile. + * @return {Tilemap} The newly created tilemap object. + */ + GameObjectFactory.prototype.tilemap = function (key, mapData, format, resizeWorld, tileWidth, tileHeight) { + if (typeof resizeWorld === "undefined") { resizeWorld = true; } + if (typeof tileWidth === "undefined") { tileWidth = 0; } + if (typeof tileHeight === "undefined") { tileHeight = 0; } + return this._world.group.add(new Phaser.Tilemap(this.game, key, mapData, format, resizeWorld, tileWidth, tileHeight)); + }; + + /** + * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. + * + * @param obj {object} Object the tween will be run on. + * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. + * @return {Phaser.Tween} The newly created tween object. + */ + GameObjectFactory.prototype.tween = function (obj, localReference) { + if (typeof localReference === "undefined") { localReference = false; } + return this.game.tweens.create(obj, localReference); + }; + + /** + * Add an existing Sprite to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param sprite The Sprite to add to the Game World + * @return {Phaser.Sprite} The Sprite object + */ + GameObjectFactory.prototype.existingSprite = function (sprite) { + return this._world.group.add(sprite); + }; + + /** + * Add an existing Group to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param group The Group to add to the Game World + * @return {Phaser.Group} The Group object + */ + GameObjectFactory.prototype.existingGroup = function (group) { + return this._world.group.add(group); + }; + + /** + * Add an existing Button to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param button The Button to add to the Game World + * @return {Phaser.Button} The Button object + */ + GameObjectFactory.prototype.existingButton = function (button) { + return this._world.group.add(button); + }; + + /** + * Add an existing GeomSprite to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param sprite The GeomSprite to add to the Game World + * @return {Phaser.GeomSprite} The GeomSprite object + */ + //public existingGeomSprite(sprite: GeomSprite): GeomSprite { + // return this._world.group.add(sprite); + //} + /** + * Add an existing Emitter to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param emitter The Emitter to add to the Game World + * @return {Phaser.Emitter} The Emitter object + */ + //public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter { + // return this._world.group.add(emitter); + //} + /** + * Add an existing ScrollZone to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param scrollZone The ScrollZone to add to the Game World + * @return {Phaser.ScrollZone} The ScrollZone object + */ + GameObjectFactory.prototype.existingScrollZone = function (scrollZone) { + return this._world.group.add(scrollZone); + }; + + /** + * Add an existing Tilemap to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param tilemap The Tilemap to add to the Game World + * @return {Phaser.Tilemap} The Tilemap object + */ + GameObjectFactory.prototype.existingTilemap = function (tilemap) { + return this._world.group.add(tilemap); + }; + + /** + * Add an existing Tween to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param tween The Tween to add to the Game World + * @return {Phaser.Tween} The Tween object + */ + GameObjectFactory.prototype.existingTween = function (tween) { + return this.game.tweens.add(tween); + }; + return GameObjectFactory; + })(); + Phaser.GameObjectFactory = GameObjectFactory; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - CircleUtils +* +* A collection of methods useful for manipulating and comparing Circle objects. +*/ +var Phaser; +(function (Phaser) { + var CircleUtils = (function () { + function CircleUtils() { + } + CircleUtils.clone = /** + * Returns a new Circle object with the same values for the x, y, width, and height properties as the original Circle object. + * @method clone + * @param {Circle} a - The Circle object. + * @param {Circle} [optional] out Optional Circle object. If given the values will be set into the object, otherwise a brand new Circle object will be created and returned. + * @return {Phaser.Circle} + **/ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Circle(); } + return out.setTo(a.x, a.y, a.diameter); + }; + + CircleUtils.contains = /** + * Return true if the given x/y coordinates are within the Circle object. + * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. + * @method contains + * @param {Circle} a - The Circle object. + * @param {Number} The X value of the coordinate to test. + * @param {Number} The Y value of the coordinate to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + function (a, x, y) { + if (x >= a.left && x <= a.right && y >= a.top && y <= a.bottom) { + var dx = (a.x - x) * (a.x - x); + var dy = (a.y - y) * (a.y - y); + return (dx + dy) <= (a.radius * a.radius); + } + + return false; + }; + + CircleUtils.containsPoint = /** + * Return true if the coordinates of the given Point object are within this Circle object. + * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. + * @method containsPoint + * @param {Circle} a - The Circle object. + * @param {Point} The Point object to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + function (a, point) { + return CircleUtils.contains(a, point.x, point.y); + }; + + CircleUtils.containsCircle = /** + * Return true if the given Circle is contained entirely within this Circle object. + * If you need details about the intersection then use Phaser.Intersect.circleToCircle instead. + * @method containsCircle + * @param {Circle} The Circle object to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + function (a, b) { + //return ((a.radius + b.radius) * (a.radius + b.radius)) >= Collision.distanceSquared(a.x, a.y, b.x, b.y); + return true; + }; + + CircleUtils.distanceBetween = /** + * Returns the distance from the center of the Circle object to the given object (can be Circle, Point or anything with x/y properties) + * @method distanceBetween + * @param {Circle} a - The Circle object. + * @param {Circle} b - The target object. Must have visible x and y properties that represent the center of the object. + * @param {Boolean} [optional] round - Round the distance to the nearest integer (default false) + * @return {Number} The distance between this Point object and the destination Point object. + **/ + function (a, target, round) { + if (typeof round === "undefined") { round = false; } + var dx = a.x - target.x; + var dy = a.y - target.y; + + if (round === true) { + return Math.round(Math.sqrt(dx * dx + dy * dy)); + } else { + return Math.sqrt(dx * dx + dy * dy); + } + }; + + CircleUtils.equals = /** + * Determines whether the two Circle objects match. This method compares the x, y and diameter properties. + * @method equals + * @param {Circle} a - The first Circle object. + * @param {Circle} b - The second Circle object. + * @return {Boolean} A value of true if the object has exactly the same values for the x, y and diameter properties as this Circle object; otherwise false. + **/ + function (a, b) { + return (a.x == b.x && a.y == b.y && a.diameter == b.diameter); + }; + + CircleUtils.intersects = /** + * Determines whether the two Circle objects intersect. + * This method checks the radius distances between the two Circle objects to see if they intersect. + * @method intersects + * @param {Circle} a - The first Circle object. + * @param {Circle} b - The second Circle object. + * @return {Boolean} A value of true if the specified object intersects with this Circle object; otherwise false. + **/ + function (a, b) { + return (Phaser.CircleUtils.distanceBetween(a, b) <= (a.radius + b.radius)); + }; + + CircleUtils.circumferencePoint = /** + * Returns a Point object containing the coordinates of a point on the circumference of the Circle based on the given angle. + * @method circumferencePoint + * @param {Circle} a - The first Circle object. + * @param {Number} angle The angle in radians (unless asDegrees is true) to return the point from. + * @param {Boolean} asDegrees Is the given angle in radians (false) or degrees (true)? + * @param {Phaser.Point} [optional] output An optional Point object to put the result in to. If none specified a new Point object will be created. + * @return {Phaser.Point} The Point object holding the result. + **/ + function (a, angle, asDegrees, out) { + if (typeof asDegrees === "undefined") { asDegrees = false; } + if (typeof out === "undefined") { out = new Phaser.Point(); } + if (asDegrees === true) { + angle = angle * Phaser.GameMath.DEG_TO_RAD; + } + + return out.setTo(a.x + a.radius * Math.cos(angle), a.y + a.radius * Math.sin(angle)); + }; + + CircleUtils.intersectsRectangle = /* + public static boolean intersect(Rectangle r, Circle c) + { + float cx = Math.abs(c.x - r.x - r.halfWidth); + float xDist = r.halfWidth + c.radius; + if (cx > xDist) + return false; + float cy = Math.abs(c.y - r.y - r.halfHeight); + float yDist = r.halfHeight + c.radius; + if (cy > yDist) + return false; + if (cx <= r.halfWidth || cy <= r.halfHeight) + return true; + float xCornerDist = cx - r.halfWidth; + float yCornerDist = cy - r.halfHeight; + float xCornerDistSq = xCornerDist * xCornerDist; + float yCornerDistSq = yCornerDist * yCornerDist; + float maxCornerDistSq = c.radius * c.radius; + return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + } + */ + function (c, r) { + var cx = Math.abs(c.x - r.x - r.halfWidth); + var xDist = r.halfWidth + c.radius; + + if (cx > xDist) { + return false; + } + + var cy = Math.abs(c.y - r.y - r.halfHeight); + var yDist = r.halfHeight + c.radius; + + if (cy > yDist) { + return false; + } + + if (cx <= r.halfWidth || cy <= r.halfHeight) { + return true; + } + + var xCornerDist = cx - r.halfWidth; + var yCornerDist = cy - r.halfHeight; + var xCornerDistSq = xCornerDist * xCornerDist; + var yCornerDistSq = yCornerDist * yCornerDist; + var maxCornerDistSq = c.radius * c.radius; + + return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + }; + return CircleUtils; + })(); + Phaser.CircleUtils = CircleUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - ColorUtils +* +* A collection of methods useful for manipulating color values. +*/ +var Phaser; +(function (Phaser) { + var ColorUtils = (function () { + function ColorUtils() { + } + ColorUtils.getColor32 = /** + * Given an alpha and 3 color values this will return an integer representation of it + * + * @param alpha {number} The Alpha value (between 0 and 255) + * @param red {number} The Red channel value (between 0 and 255) + * @param green {number} The Green channel value (between 0 and 255) + * @param blue {number} The Blue channel value (between 0 and 255) + * + * @return A native color value integer (format: 0xAARRGGBB) + */ + function (alpha, red, green, blue) { + return alpha << 24 | red << 16 | green << 8 | blue; + }; + + ColorUtils.getColor = /** + * Given 3 color values this will return an integer representation of it + * + * @param red {number} The Red channel value (between 0 and 255) + * @param green {number} The Green channel value (between 0 and 255) + * @param blue {number} The Blue channel value (between 0 and 255) + * + * @return A native color value integer (format: 0xRRGGBB) + */ + function (red, green, blue) { + return red << 16 | green << 8 | blue; + }; + + ColorUtils.getHSVColorWheel = /** + * Get HSV color wheel values in an array which will be 360 elements in size + * + * @param alpha Alpha value for each color of the color wheel, between 0 (transparent) and 255 (opaque) + * + * @return Array + */ + function (alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + var colors = []; + + for (var c = 0; c <= 359; c++) { + colors[c] = Phaser.ColorUtils.getWebRGB(Phaser.ColorUtils.HSVtoRGB(c, 1.0, 1.0, alpha)); + } + + return colors; + }; + + ColorUtils.getComplementHarmony = /** + * Returns a Complementary Color Harmony for the given color. + *

A complementary hue is one directly opposite the color given on the color wheel

+ *

Value returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * + * @return 0xAARRGGBB format color value + */ + function (color) { + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + var opposite = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); + + return Phaser.ColorUtils.HSVtoRGB(opposite, 1.0, 1.0); + }; + + ColorUtils.getAnalogousHarmony = /** + * Returns an Analogous Color Harmony for the given color. + *

An Analogous harmony are hues adjacent to each other on the color wheel

+ *

Values returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * @param threshold Control how adjacent the colors will be (default +- 30 degrees) + * + * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) + */ + function (color, threshold) { + if (typeof threshold === "undefined") { threshold = 30; } + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + if (threshold > 359 || threshold < 0) { + throw Error("Color Warning: Invalid threshold given to getAnalogousHarmony()"); + } + + var warmer = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 359 - threshold, 359); + var colder = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, threshold, 359); + + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(warmer, 1.0, 1.0), color3: Phaser.ColorUtils.HSVtoRGB(colder, 1.0, 1.0), hue1: hsv.hue, hue2: warmer, hue3: colder }; + }; + + ColorUtils.getSplitComplementHarmony = /** + * Returns an Split Complement Color Harmony for the given color. + *

A Split Complement harmony are the two hues on either side of the color's Complement

+ *

Values returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * @param threshold Control how adjacent the colors will be to the Complement (default +- 30 degrees) + * + * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) + */ + function (color, threshold) { + if (typeof threshold === "undefined") { threshold = 30; } + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + if (threshold >= 359 || threshold <= 0) { + throw Error("Phaser.ColorUtils Warning: Invalid threshold given to getSplitComplementHarmony()"); + } + + var opposite = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); + + var warmer = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, opposite - threshold, 359); + var colder = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, opposite + threshold, 359); + + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(warmer, hsv.saturation, hsv.value), color3: Phaser.ColorUtils.HSVtoRGB(colder, hsv.saturation, hsv.value), hue1: hsv.hue, hue2: warmer, hue3: colder }; + }; + + ColorUtils.getTriadicHarmony = /** + * Returns a Triadic Color Harmony for the given color. + *

A Triadic harmony are 3 hues equidistant from each other on the color wheel

+ *

Values returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * + * @return Object containing 3 properties: color1 (the original color), color2 and color3 (the equidistant colors) + */ + function (color) { + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + var triadic1 = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 120, 359); + var triadic2 = Phaser.ColorUtils.game.math.wrapValue(triadic1, 120, 359); + + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(triadic1, 1.0, 1.0), color3: Phaser.ColorUtils.HSVtoRGB(triadic2, 1.0, 1.0) }; + }; + + ColorUtils.getColorInfo = /** + * Returns a string containing handy information about the given color including string hex value, + * RGB format information and HSL information. Each section starts on a newline, 3 lines in total. + * + * @param color A color value in the format 0xAARRGGBB + * + * @return string containing the 3 lines of information + */ + function (color) { + var argb = Phaser.ColorUtils.getRGB(color); + var hsl = Phaser.ColorUtils.RGBtoHSV(color); + + // Hex format + var result = Phaser.ColorUtils.RGBtoHexstring(color) + "\n"; + + // RGB format + result = result.concat("Alpha: " + argb.alpha + " Red: " + argb.red + " Green: " + argb.green + " Blue: " + argb.blue) + "\n"; + + // HSL info + result = result.concat("Hue: " + hsl.hue + " Saturation: " + hsl.saturation + " Lightnes: " + hsl.lightness); + + return result; + }; + + ColorUtils.RGBtoHexstring = /** + * Return a string representation of the color in the format 0xAARRGGBB + * + * @param color The color to get the string representation for + * + * @return A string of length 10 characters in the format 0xAARRGGBB + */ + function (color) { + var argb = Phaser.ColorUtils.getRGB(color); + + return "0x" + Phaser.ColorUtils.colorToHexstring(argb.alpha) + Phaser.ColorUtils.colorToHexstring(argb.red) + Phaser.ColorUtils.colorToHexstring(argb.green) + Phaser.ColorUtils.colorToHexstring(argb.blue); + }; + + ColorUtils.RGBtoWebstring = /** + * Return a string representation of the color in the format #RRGGBB + * + * @param color The color to get the string representation for + * + * @return A string of length 10 characters in the format 0xAARRGGBB + */ + function (color) { + var argb = Phaser.ColorUtils.getRGB(color); + + return "#" + Phaser.ColorUtils.colorToHexstring(argb.red) + Phaser.ColorUtils.colorToHexstring(argb.green) + Phaser.ColorUtils.colorToHexstring(argb.blue); + }; + + ColorUtils.colorToHexstring = /** + * Return a string containing a hex representation of the given color + * + * @param color The color channel to get the hex value for, must be a value between 0 and 255) + * + * @return A string of length 2 characters, i.e. 255 = FF, 0 = 00 + */ + function (color) { + var digits = "0123456789ABCDEF"; + + var lsd = color % 16; + var msd = (color - lsd) / 16; + + var hexified = digits.charAt(msd) + digits.charAt(lsd); + + return hexified; + }; + + ColorUtils.HSVtoRGB = /** + * Convert a HSV (hue, saturation, lightness) color space value to an RGB color + * + * @param h Hue degree, between 0 and 359 + * @param s Saturation, between 0.0 (grey) and 1.0 + * @param v Value, between 0.0 (black) and 1.0 + * @param alpha Alpha value to set per color (between 0 and 255) + * + * @return 32-bit ARGB color value (0xAARRGGBB) + */ + function (h, s, v, alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + var result; + + if (s == 0.0) { + result = Phaser.ColorUtils.getColor32(alpha, v * 255, v * 255, v * 255); + } else { + h = h / 60.0; + var f = h - Math.floor(h); + var p = v * (1.0 - s); + var q = v * (1.0 - s * f); + var t = v * (1.0 - s * (1.0 - f)); + + switch (Math.floor(h)) { + case 0: + result = Phaser.ColorUtils.getColor32(alpha, v * 255, t * 255, p * 255); + break; + + case 1: + result = Phaser.ColorUtils.getColor32(alpha, q * 255, v * 255, p * 255); + break; + + case 2: + result = Phaser.ColorUtils.getColor32(alpha, p * 255, v * 255, t * 255); + break; + + case 3: + result = Phaser.ColorUtils.getColor32(alpha, p * 255, q * 255, v * 255); + break; + + case 4: + result = Phaser.ColorUtils.getColor32(alpha, t * 255, p * 255, v * 255); + break; + + case 5: + result = Phaser.ColorUtils.getColor32(alpha, v * 255, p * 255, q * 255); + break; + + default: + throw new Error("Phaser.ColorUtils.HSVtoRGB : Unknown color"); + } + } + + return result; + }; + + ColorUtils.RGBtoHSV = /** + * Convert an RGB color value to an object containing the HSV color space values: Hue, Saturation and Lightness + * + * @param color In format 0xRRGGBB + * + * @return Object with the properties hue (from 0 to 360), saturation (from 0 to 1.0) and lightness (from 0 to 1.0, also available under .value) + */ + function (color) { + var rgb = Phaser.ColorUtils.getRGB(color); + + var red = rgb.red / 255; + var green = rgb.green / 255; + var blue = rgb.blue / 255; + + var min = Math.min(red, green, blue); + var max = Math.max(red, green, blue); + var delta = max - min; + var lightness = (max + min) / 2; + var hue; + var saturation; + + if (delta == 0) { + hue = 0; + saturation = 0; + } else { + if (lightness < 0.5) { + saturation = delta / (max + min); + } else { + saturation = delta / (2 - max - min); + } + + var delta_r = (((max - red) / 6) + (delta / 2)) / delta; + var delta_g = (((max - green) / 6) + (delta / 2)) / delta; + var delta_b = (((max - blue) / 6) + (delta / 2)) / delta; + + if (red == max) { + hue = delta_b - delta_g; + } else if (green == max) { + hue = (1 / 3) + delta_r - delta_b; + } else if (blue == max) { + hue = (2 / 3) + delta_g - delta_r; + } + + if (hue < 0) { + hue += 1; + } + + if (hue > 1) { + hue -= 1; + } + } + + // Keep the value with 0 to 359 + hue *= 360; + hue = Math.round(hue); + + return { hue: hue, saturation: saturation, lightness: lightness, value: lightness }; + }; + + ColorUtils.interpolateColor = /** + * + * @method interpolateColor + * @param {Number} color1 + * @param {Number} color2 + * @param {Number} steps + * @param {Number} currentStep + * @param {Number} alpha + * @return {Number} + * @static + */ + function (color1, color2, steps, currentStep, alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + var src1 = Phaser.ColorUtils.getRGB(color1); + var src2 = Phaser.ColorUtils.getRGB(color2); + + var r = (((src2.red - src1.red) * currentStep) / steps) + src1.red; + var g = (((src2.green - src1.green) * currentStep) / steps) + src1.green; + var b = (((src2.blue - src1.blue) * currentStep) / steps) + src1.blue; + + return Phaser.ColorUtils.getColor32(alpha, r, g, b); + }; + + ColorUtils.interpolateColorWithRGB = /** + * + * @method interpolateColorWithRGB + * @param {Number} color + * @param {Number} r2 + * @param {Number} g2 + * @param {Number} b2 + * @param {Number} steps + * @param {Number} currentStep + * @return {Number} + * @static + */ + function (color, r2, g2, b2, steps, currentStep) { + var src = Phaser.ColorUtils.getRGB(color); + + var r = (((r2 - src.red) * currentStep) / steps) + src.red; + var g = (((g2 - src.green) * currentStep) / steps) + src.green; + var b = (((b2 - src.blue) * currentStep) / steps) + src.blue; + + return Phaser.ColorUtils.getColor(r, g, b); + }; + + ColorUtils.interpolateRGB = /** + * + * @method interpolateRGB + * @param {Number} r1 + * @param {Number} g1 + * @param {Number} b1 + * @param {Number} r2 + * @param {Number} g2 + * @param {Number} b2 + * @param {Number} steps + * @param {Number} currentStep + * @return {Number} + * @static + */ + function (r1, g1, b1, r2, g2, b2, steps, currentStep) { + var r = (((r2 - r1) * currentStep) / steps) + r1; + var g = (((g2 - g1) * currentStep) / steps) + g1; + var b = (((b2 - b1) * currentStep) / steps) + b1; + + return Phaser.ColorUtils.getColor(r, g, b); + }; + + ColorUtils.getRandomColor = /** + * Returns a random color value between black and white + *

Set the min value to start each channel from the given offset.

+ *

Set the max value to restrict the maximum color used per channel

+ * + * @param min The lowest value to use for the color + * @param max The highest value to use for the color + * @param alpha The alpha value of the returning color (default 255 = fully opaque) + * + * @return 32-bit color value with alpha + */ + function (min, max, alpha) { + if (typeof min === "undefined") { min = 0; } + if (typeof max === "undefined") { max = 255; } + if (typeof alpha === "undefined") { alpha = 255; } + if (max > 255) { + return Phaser.ColorUtils.getColor(255, 255, 255); + } + + if (min > max) { + return Phaser.ColorUtils.getColor(255, 255, 255); + } + + var red = min + Math.round(Math.random() * (max - min)); + var green = min + Math.round(Math.random() * (max - min)); + var blue = min + Math.round(Math.random() * (max - min)); + + return Phaser.ColorUtils.getColor32(alpha, red, green, blue); + }; + + ColorUtils.getRGB = /** + * Return the component parts of a color as an Object with the properties alpha, red, green, blue + * + *

Alpha will only be set if it exist in the given color (0xAARRGGBB)

+ * + * @param color in RGB (0xRRGGBB) or ARGB format (0xAARRGGBB) + * + * @return Object with properties: alpha, red, green, blue + */ + function (color) { + return { alpha: color >>> 24, red: color >> 16 & 0xFF, green: color >> 8 & 0xFF, blue: color & 0xFF }; + }; + + ColorUtils.getWebRGB = /** + * + * @method getWebRGB + * @param {Number} color + * @return {Any} + */ + function (color) { + var alpha = (color >>> 24) / 255; + var red = color >> 16 & 0xFF; + var green = color >> 8 & 0xFF; + var blue = color & 0xFF; + + return 'rgba(' + red.toString() + ',' + green.toString() + ',' + blue.toString() + ',' + alpha.toString() + ')'; + }; + + ColorUtils.getAlpha = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Alpha component of the color, will be between 0 and 255 (0 being no Alpha, 255 full Alpha) + */ + function (color) { + return color >>> 24; + }; + + ColorUtils.getAlphaFloat = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component as a value between 0 and 1 + * + * @param color In the format 0xAARRGGBB + * + * @return The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)) + */ + function (color) { + return (color >>> 24) / 255; + }; + + ColorUtils.getRed = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Red component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Red component of the color, will be between 0 and 255 (0 being no color, 255 full Red) + */ + function (color) { + return color >> 16 & 0xFF; + }; + + ColorUtils.getGreen = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Green component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Green component of the color, will be between 0 and 255 (0 being no color, 255 full Green) + */ + function (color) { + return color >> 8 & 0xFF; + }; + + ColorUtils.getBlue = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Blue component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Blue component of the color, will be between 0 and 255 (0 being no color, 255 full Blue) + */ + function (color) { + return color & 0xFF; + }; + return ColorUtils; + })(); + Phaser.ColorUtils = ColorUtils; +})(Phaser || (Phaser = {})); +/// /** * Phaser - PointUtils * @@ -15361,7 +16491,8 @@ var Phaser; var Phaser; (function (Phaser) { var PointUtils = (function () { - function PointUtils() { } + function PointUtils() { + } PointUtils.add = /** * Adds the coordinates of two points together to create a new point. * @method add @@ -15370,10 +16501,11 @@ var Phaser; * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - function add(a, b, out) { + function (a, b, out) { if (typeof out === "undefined") { out = new Phaser.Point(); } return out.setTo(a.x + b.x, a.y + b.y); }; + PointUtils.subtract = /** * Subtracts the coordinates of two points to create a new point. * @method subtract @@ -15382,10 +16514,11 @@ var Phaser; * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - function subtract(a, b, out) { + function (a, b, out) { if (typeof out === "undefined") { out = new Phaser.Point(); } return out.setTo(a.x - b.x, a.y - b.y); }; + PointUtils.multiply = /** * Multiplies the coordinates of two points to create a new point. * @method subtract @@ -15394,10 +16527,11 @@ var Phaser; * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - function multiply(a, b, out) { + function (a, b, out) { if (typeof out === "undefined") { out = new Phaser.Point(); } return out.setTo(a.x * b.x, a.y * b.y); }; + PointUtils.divide = /** * Divides the coordinates of two points to create a new point. * @method subtract @@ -15406,10 +16540,11 @@ var Phaser; * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. * @return {Point} The new Point object. **/ - function divide(a, b, out) { + function (a, b, out) { if (typeof out === "undefined") { out = new Phaser.Point(); } return out.setTo(a.x / b.x, a.y / b.y); }; + PointUtils.clamp = /** * Clamps the Point object values to be between the given min and max * @method clamp @@ -15418,11 +16553,12 @@ var Phaser; * @param {number} The maximum value to clamp this Point to * @return {Point} This Point object. **/ - function clamp(a, min, max) { - PointUtils.clampX(a, min, max); - PointUtils.clampY(a, min, max); + function (a, min, max) { + Phaser.PointUtils.clampX(a, min, max); + Phaser.PointUtils.clampY(a, min, max); return a; }; + PointUtils.clampX = /** * Clamps the x value of the given Point object to be between the min and max values. * @method clampX @@ -15431,10 +16567,11 @@ var Phaser; * @param {number} The maximum value to clamp this Point to * @return {Point} This Point object. **/ - function clampX(a, min, max) { + function (a, min, max) { a.x = Math.max(Math.min(a.x, max), min); return a; }; + PointUtils.clampY = /** * Clamps the y value of the given Point object to be between the min and max values. * @method clampY @@ -15443,20 +16580,22 @@ var Phaser; * @param {number} The maximum value to clamp this Point to * @return {Point} This Point object. **/ - function clampY(a, min, max) { + function (a, min, max) { a.y = Math.max(Math.min(a.y, max), min); return a; }; + PointUtils.clone = /** * Creates a copy of the given Point. * @method clone * @param {Point} output Optional Point object. If given the values will be set into this object, otherwise a brand new Point object will be created and returned. * @return {Point} The new Point object. **/ - function clone(a, output) { + function (a, output) { if (typeof output === "undefined") { output = new Phaser.Point(); } return output.setTo(a.x, a.y); }; + PointUtils.distanceBetween = /** * Returns the distance between the two given Point objects. * @method distanceBetween @@ -15465,16 +16604,18 @@ var Phaser; * @param {Boolean} round - Round the distance to the nearest integer (default false) * @return {Number} The distance between the two Point objects. **/ - function distanceBetween(a, b, round) { + function (a, b, round) { if (typeof round === "undefined") { round = false; } var dx = a.x - b.x; var dy = a.y - b.y; - if(round === true) { + + if (round === true) { return Math.round(Math.sqrt(dx * dx + dy * dy)); } else { return Math.sqrt(dx * dx + dy * dy); } }; + PointUtils.equals = /** * Determines whether the two given Point objects are equal. They are considered equal if they have the same x and y values. * @method equals @@ -15482,9 +16623,10 @@ var Phaser; * @param {Point} b - The second Point object. * @return {Boolean} A value of true if the Points are equal, otherwise false. **/ - function equals(a, b) { + function (a, b) { return (a.x == b.x && a.y == b.y); }; + PointUtils.rotate = /** * Determines a point between two specified points. The parameter f determines where the new interpolated point is located relative to the two end points specified by parameters pt1 and pt2. * The closer the value of the parameter f is to 1.0, the closer the interpolated point is to the first point (parameter pt1). The closer the value of the parameter f is to 0, the closer the interpolated point is to the second point (parameter pt2). @@ -15515,18 +16657,20 @@ var Phaser; * @param {Number} distance An optional distance constraint between the Point and the anchor. * @return The modified point object */ - function rotate(a, x, y, angle, asDegrees, distance) { + function (a, x, y, angle, asDegrees, distance) { if (typeof asDegrees === "undefined") { asDegrees = false; } if (typeof distance === "undefined") { distance = null; } - if(asDegrees) { + if (asDegrees) { angle = angle * Phaser.GameMath.DEG_TO_RAD; } - // Get distance from origin (cx/cy) to this point - if(distance === null) { + + if (distance === null) { distance = Math.sqrt(((x - a.x) * (x - a.x)) + ((y - a.y) * (y - a.y))); } + return a.setTo(x + distance * Math.cos(angle), y + distance * Math.sin(angle)); }; + PointUtils.rotateAroundPoint = /** * Rotates a Point around the given Point to the desired angle. * @param a {Point} The Point object to rotate. @@ -15538,1814 +16682,753 @@ var Phaser; * @param {Number} distance An optional distance constraint between the Point and the anchor. * @return The modified point object */ - function rotateAroundPoint(a, b, angle, asDegrees, distance) { + function (a, b, angle, asDegrees, distance) { if (typeof asDegrees === "undefined") { asDegrees = false; } if (typeof distance === "undefined") { distance = null; } - return PointUtils.rotate(a, b.x, b.y, angle, asDegrees, distance); + return Phaser.PointUtils.rotate(a, b.x, b.y, angle, asDegrees, distance); }; return PointUtils; })(); - Phaser.PointUtils = PointUtils; + Phaser.PointUtils = PointUtils; })(Phaser || (Phaser = {})); -/// -/// +/// /** -* Phaser - Pointer +* Phaser - RectangleUtils * -* A Pointer object is used by the Touch and MSPoint managers and represents a single finger on the touch screen. +* A collection of methods useful for manipulating and comparing Rectangle objects. +* +* TODO: Check docs + overlap + intersect + toPolygon? */ var Phaser; (function (Phaser) { - var Pointer = (function () { - /** - * Constructor - * @param {Phaser.Game} game. - * @return {Phaser.Pointer} This object. - */ - function Pointer(game, id) { - /** - * Local private variable to store the status of dispatching a hold event - * @property _holdSent - * @type {Boolean} - * @private - */ - this._holdSent = false; - /** - * Local private variable storing the short-term history of pointer movements - * @property _history - * @type {Array} - * @private - */ - this._history = []; - /** - * Local private variable storing the time at which the next history drop should occur - * @property _lastDrop - * @type {Number} - * @private - */ - this._nextDrop = 0; - // Monitor events outside of a state reset loop - this._stateReset = false; - /** - * A Vector object containing the initial position when the Pointer was engaged with the screen. - * @property positionDown - * @type {Vec2} - **/ - this.positionDown = null; - /** - * A Vector object containing the current position of the Pointer on the screen. - * @property position - * @type {Vec2} - **/ - this.position = null; - /** - * A Circle object centered on the x/y screen coordinates of the Pointer. - * Default size of 44px (Apple's recommended "finger tip" size) - * @property circle - * @type {Circle} - **/ - this.circle = null; - /** - * - * @property withinGame - * @type {Boolean} - */ - this.withinGame = false; - /** - * The horizontal coordinate of point relative to the viewport in pixels, excluding any scroll offset - * @property clientX - * @type {Number} - */ - this.clientX = -1; - /** - * The vertical coordinate of point relative to the viewport in pixels, excluding any scroll offset - * @property clientY - * @type {Number} - */ - this.clientY = -1; - /** - * The horizontal coordinate of point relative to the viewport in pixels, including any scroll offset - * @property pageX - * @type {Number} - */ - this.pageX = -1; - /** - * The vertical coordinate of point relative to the viewport in pixels, including any scroll offset - * @property pageY - * @type {Number} - */ - this.pageY = -1; - /** - * The horizontal coordinate of point relative to the screen in pixels - * @property screenX - * @type {Number} - */ - this.screenX = -1; - /** - * The vertical coordinate of point relative to the screen in pixels - * @property screenY - * @type {Number} - */ - this.screenY = -1; - /** - * The horizontal coordinate of point relative to the game element. This value is automatically scaled based on game size. - * @property x - * @type {Number} - */ - this.x = -1; - /** - * The vertical coordinate of point relative to the game element. This value is automatically scaled based on game size. - * @property y - * @type {Number} - */ - this.y = -1; - /** - * If the Pointer is a mouse this is true, otherwise false - * @property isMouse - * @type {Boolean} - **/ - this.isMouse = false; - /** - * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true - * @property isDown - * @type {Boolean} - **/ - this.isDown = false; - /** - * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true - * @property isUp - * @type {Boolean} - **/ - this.isUp = true; - /** - * A timestamp representing when the Pointer first touched the touchscreen. - * @property timeDown - * @type {Number} - **/ - this.timeDown = 0; - /** - * A timestamp representing when the Pointer left the touchscreen. - * @property timeUp - * @type {Number} - **/ - this.timeUp = 0; - /** - * A timestamp representing when the Pointer was last tapped or clicked - * @property previousTapTime - * @type {Number} - **/ - this.previousTapTime = 0; - /** - * The total number of times this Pointer has been touched to the touchscreen - * @property totalTouches - * @type {Number} - **/ - this.totalTouches = 0; - /** - * The number of miliseconds since the last click - * @property msSinceLastClick - * @type {Number} - **/ - this.msSinceLastClick = Number.MAX_VALUE; - /** - * The Game Object this Pointer is currently over / touching / dragging. - * @property targetObject - * @type {Any} - **/ - this.targetObject = null; - /** - * The top-most Camera that this Pointer is over (if any, null if none). - * If the Pointer is over several cameras that are stacked on-top of each other this is only ever set to the top-most rendered camera. - * @property camera - * @type {Phaser.Camera} - **/ - this.camera = null; - this.game = game; - this.id = id; - this.active = false; - this.position = new Phaser.Vec2(); - this.positionDown = new Phaser.Vec2(); - this.circle = new Phaser.Circle(0, 0, 44); - if(id == 0) { - this.isMouse = true; - } + var RectangleUtils = (function () { + function RectangleUtils() { } - Object.defineProperty(Pointer.prototype, "duration", { - get: /** - * How long the Pointer has been depressed on the touchscreen. If not currently down it returns -1. - * @property duration - * @type {Number} - **/ - function () { - if(this.isUp) { - return -1; - } - return this.game.time.now - this.timeDown; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Pointer.prototype, "worldX", { - get: /** - * Gets the X value of this Pointer in world coordinates based on the given camera. - * @param {Camera} [camera] - */ - function () { - if(this.camera) { - return (this.camera.worldView.x - this.camera.screenView.x) + this.x; - } - return null; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Pointer.prototype, "worldY", { - get: /** - * Gets the Y value of this Pointer in world coordinates based on the given camera. - * @param {Camera} [camera] - */ - function () { - if(this.camera) { - return (this.camera.worldView.y - this.camera.screenView.y) + this.y; - } - return null; - }, - enumerable: true, - configurable: true - }); - Pointer.prototype.start = /** - * Called when the Pointer is pressed onto the touchscreen - * @method start - * @param {Any} event - */ - function (event) { - this.identifier = event.identifier; - this.target = event.target; - if(event.button) { - this.button = event.button; - } - // Fix to stop rogue browser plugins from blocking the visibility state event - if(this.game.paused == true && this.game.stage.scale.incorrectOrientation == false) { - this.game.stage.resumeGame(); - return this; - } - this._history.length = 0; - this.active = true; - this.withinGame = true; - this.isDown = true; - this.isUp = false; - // Work out how long it has been since the last click - this.msSinceLastClick = this.game.time.now - this.timeDown; - this.timeDown = this.game.time.now; - this._holdSent = false; - // This sets the x/y and other local values - this.move(event); - // x and y are the old values here? - this.positionDown.setTo(this.x, this.y); - if(this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { - //this.game.input.x = this.x * this.game.input.scale.x; - //this.game.input.y = this.y * this.game.input.scale.y; - this.game.input.x = this.x; - this.game.input.y = this.y; - this.game.input.position.setTo(this.x, this.y); - this.game.input.onDown.dispatch(this); - this.game.input.resetSpeed(this.x, this.y); - } - this._stateReset = false; - this.totalTouches++; - if(this.isMouse == false) { - this.game.input.currentPointers++; - } - if(this.targetObject !== null) { - this.targetObject.input._touchedHandler(this); - } - return this; + RectangleUtils.getTopLeftAsPoint = /** + * Get the location of the Rectangles top-left corner as a Point object. + * @method getTopLeftAsPoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.x, a.y); }; - Pointer.prototype.update = function () { - if(this.active) { - if(this._holdSent == false && this.duration >= this.game.input.holdRate) { - if(this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { - this.game.input.onHold.dispatch(this); - } - this._holdSent = true; - } - // Update the droppings history - if(this.game.input.recordPointerHistory && this.game.time.now >= this._nextDrop) { - this._nextDrop = this.game.time.now + this.game.input.recordRate; - this._history.push({ - x: this.position.x, - y: this.position.y - }); - if(this._history.length > this.game.input.recordLimit) { - this._history.shift(); - } - } - // Check which camera they are over - this.camera = this.game.world.cameras.getCameraUnderPoint(this.x, this.y); - } + + RectangleUtils.getBottomRightAsPoint = /** + * Get the location of the Rectangles bottom-right corner as a Point object. + * @method getTopLeftAsPoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.right, a.bottom); }; - Pointer.prototype.move = /** - * Called when the Pointer is moved on the touchscreen - * @method move - * @param {Any} event + + RectangleUtils.inflate = /** + * Increases the size of the Rectangle object by the specified amounts. The center point of the Rectangle object stays the same, and its size increases to the left and right by the dx value, and to the top and the bottom by the dy value. + * @method inflate + * @param {Rectangle} a - The Rectangle object. + * @param {Number} dx The amount to be added to the left side of the Rectangle. + * @param {Number} dy The amount to be added to the bottom side of the Rectangle. + * @return {Rectangle} This Rectangle object. + **/ + function (a, dx, dy) { + a.x -= dx; + a.width += 2 * dx; + + a.y -= dy; + a.height += 2 * dy; + + return a; + }; + + RectangleUtils.inflatePoint = /** + * Increases the size of the Rectangle object. This method is similar to the Rectangle.inflate() method except it takes a Point object as a parameter. + * @method inflatePoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} point The x property of this Point object is used to increase the horizontal dimension of the Rectangle object. The y property is used to increase the vertical dimension of the Rectangle object. + * @return {Rectangle} The Rectangle object. + **/ + function (a, point) { + return Phaser.RectangleUtils.inflate(a, point.x, point.y); + }; + + RectangleUtils.size = /** + * The size of the Rectangle object, expressed as a Point object with the values of the width and height properties. + * @method size + * @param {Rectangle} a - The Rectangle object. + * @param {Point} output Optional Point object. If given the values will be set into the object, otherwise a brand new Point object will be created and returned. + * @return {Point} The size of the Rectangle object + **/ + function (a, output) { + if (typeof output === "undefined") { output = new Phaser.Point(); } + return output.setTo(a.width, a.height); + }; + + RectangleUtils.clone = /** + * Returns a new Rectangle object with the same values for the x, y, width, and height properties as the original Rectangle object. + * @method clone + * @param {Rectangle} a - The Rectangle object. + * @param {Rectangle} output Optional Rectangle object. If given the values will be set into the object, otherwise a brand new Rectangle object will be created and returned. + * @return {Rectangle} + **/ + function (a, output) { + if (typeof output === "undefined") { output = new Phaser.Rectangle(); } + return output.setTo(a.x, a.y, a.width, a.height); + }; + + RectangleUtils.contains = /** + * Determines whether the specified coordinates are contained within the region defined by this Rectangle object. + * @method contains + * @param {Rectangle} a - The Rectangle object. + * @param {Number} x The x coordinate of the point to test. + * @param {Number} y The y coordinate of the point to test. + * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. + **/ + function (a, x, y) { + return (x >= a.x && x <= a.right && y >= a.y && y <= a.bottom); + }; + + RectangleUtils.containsPoint = /** + * Determines whether the specified point is contained within the rectangular region defined by this Rectangle object. This method is similar to the Rectangle.contains() method, except that it takes a Point object as a parameter. + * @method containsPoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} point The point object being checked. Can be Point or any object with .x and .y values. + * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. + **/ + function (a, point) { + return Phaser.RectangleUtils.contains(a, point.x, point.y); + }; + + RectangleUtils.containsRect = /** + * Determines whether the first Rectangle object is fully contained within the second Rectangle object. + * A Rectangle object is said to contain another if the second Rectangle object falls entirely within the boundaries of the first. + * @method containsRect + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. + **/ + function (a, b) { + if (a.volume > b.volume) { + return false; + } + + return (a.x >= b.x && a.y >= b.y && a.right <= b.right && a.bottom <= b.bottom); + }; + + RectangleUtils.equals = /** + * Determines whether the two Rectangles are equal. + * This method compares the x, y, width and height properties of each Rectangle. + * @method equals + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @return {Boolean} A value of true if the two Rectangles have exactly the same values for the x, y, width and height properties; otherwise false. + **/ + function (a, b) { + return (a.x == b.x && a.y == b.y && a.width == b.width && a.height == b.height); + }; + + RectangleUtils.intersection = /** + * If the Rectangle object specified in the toIntersect parameter intersects with this Rectangle object, returns the area of intersection as a Rectangle object. If the Rectangles do not intersect, this method returns an empty Rectangle object with its properties set to 0. + * @method intersection + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @param {Rectangle} output Optional Rectangle object. If given the intersection values will be set into this object, otherwise a brand new Rectangle object will be created and returned. + * @return {Rectangle} A Rectangle object that equals the area of intersection. If the Rectangles do not intersect, this method returns an empty Rectangle object; that is, a Rectangle with its x, y, width, and height properties set to 0. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Rectangle(); } + if (Phaser.RectangleUtils.intersects(a, b)) { + out.x = Math.max(a.x, b.x); + out.y = Math.max(a.y, b.y); + out.width = Math.min(a.right, b.right) - out.x; + out.height = Math.min(a.bottom, b.bottom) - out.y; + } + + return out; + }; + + RectangleUtils.intersects = /** + * Determines whether the two Rectangles intersect with each other. + * This method checks the x, y, width, and height properties of the Rectangles. + * @method intersects + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 + * @return {Boolean} A value of true if the specified object intersects with this Rectangle object; otherwise false. + **/ + function (a, b, tolerance) { + if (typeof tolerance === "undefined") { tolerance = 0; } + return !(a.left > b.right + tolerance || a.right < b.left - tolerance || a.top > b.bottom + tolerance || a.bottom < b.top - tolerance); + }; + + RectangleUtils.intersectsRaw = /** + * Determines whether the object specified intersects (overlaps) with the given values. + * @method intersectsRaw + * @param {Number} left + * @param {Number} right + * @param {Number} top + * @param {Number} bottomt + * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 + * @return {Boolean} A value of true if the specified object intersects with the Rectangle; otherwise false. + **/ + function (a, left, right, top, bottom, tolerance) { + if (typeof tolerance === "undefined") { tolerance = 0; } + return !(left > a.right + tolerance || right < a.left - tolerance || top > a.bottom + tolerance || bottom < a.top - tolerance); + }; + + RectangleUtils.union = /** + * Adds two Rectangles together to create a new Rectangle object, by filling in the horizontal and vertical space between the two Rectangles. + * @method union + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @param {Rectangle} output Optional Rectangle object. If given the new values will be set into this object, otherwise a brand new Rectangle object will be created and returned. + * @return {Rectangle} A Rectangle object that is the union of the two Rectangles. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Rectangle(); } + return out.setTo(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.max(a.right, b.right), Math.max(a.bottom, b.bottom)); + }; + return RectangleUtils; + })(); + Phaser.RectangleUtils = RectangleUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - SpriteUtils +* +* A collection of methods useful for manipulating and checking Sprites. +*/ +var Phaser; +(function (Phaser) { + var SpriteUtils = (function () { + function SpriteUtils() { + } + SpriteUtils.updateCameraView = /** + * Updates a Sprites cameraView Rectangle based on the given camera, sprite world position and rotation + * @param camera {Camera} The Camera to use in the view + * @param sprite {Sprite} The Sprite that will have its cameraView property modified + * @return {Rectangle} A reference to the Sprite.cameraView property */ - function (event) { - if(this.game.input.pollLocked) { - return; - } - if(event.button) { - this.button = event.button; - } - this.clientX = event.clientX; - this.clientY = event.clientY; - this.pageX = event.pageX; - this.pageY = event.pageY; - this.screenX = event.screenX; - this.screenY = event.screenY; - this.x = (this.pageX - this.game.stage.offset.x) * this.game.input.scale.x; - this.y = (this.pageY - this.game.stage.offset.y) * this.game.input.scale.y; - this.position.setTo(this.x, this.y); - this.circle.x = this.x; - this.circle.y = this.y; - if(this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { - this.game.input.activePointer = this; - this.game.input.x = this.x; - this.game.input.y = this.y; - this.game.input.position.setTo(this.game.input.x, this.game.input.y); - this.game.input.circle.x = this.game.input.x; - this.game.input.circle.y = this.game.input.y; - } - // If the game is paused we don't process any target objects - if(this.game.paused) { - return this; - } - // Easy out if we're dragging something and it still exists - if(this.targetObject !== null && this.targetObject.input && this.targetObject.input.isDragged == true) { - if(this.targetObject.input.update(this) == false) { - this.targetObject = null; - } - return this; - } - // Work out which object is on the top - this._highestRenderOrderID = -1; - this._highestRenderObject = -1; - this._highestInputPriorityID = -1; - for(var i = 0; i < this.game.input.totalTrackedObjects; i++) { - if(this.game.input.inputObjects[i] && this.game.input.inputObjects[i].input && this.game.input.inputObjects[i].input.checkPointerOver(this)) { - // If the object has a higher InputManager.PriorityID OR if the priority ID is the same as the current highest AND it has a higher renderOrderID, then set it to the top - if(this.game.input.inputObjects[i].input.priorityID > this._highestInputPriorityID || (this.game.input.inputObjects[i].input.priorityID == this._highestInputPriorityID && this.game.input.inputObjects[i].renderOrderID > this._highestRenderOrderID)) { - this._highestRenderOrderID = this.game.input.inputObjects[i].renderOrderID; - this._highestRenderObject = i; - this._highestInputPriorityID = this.game.input.inputObjects[i].input.priorityID; - } - } - } - if(this._highestRenderObject == -1) { - // The pointer isn't over anything, check if we've got a lingering previous target - if(this.targetObject !== null) { - this.targetObject.input._pointerOutHandler(this); - this.targetObject = null; - } + function (camera, sprite) { + if (sprite.rotation == 0 || sprite.texture.renderRotation == false) { + // Easy out + sprite.cameraView.x = Math.floor(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.width * sprite.transform.origin.x)); + sprite.cameraView.y = Math.floor(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.height * sprite.transform.origin.y)); + sprite.cameraView.width = sprite.width; + sprite.cameraView.height = sprite.height; } else { - if(this.targetObject == null) { - // And now set the new one - this.targetObject = this.game.input.inputObjects[this._highestRenderObject]; - this.targetObject.input._pointerOverHandler(this); + if (sprite.transform.origin.x == 0.5 && sprite.transform.origin.y == 0.5) { + Phaser.SpriteUtils._sin = sprite.transform.sin; + Phaser.SpriteUtils._cos = sprite.transform.cos; + + if (Phaser.SpriteUtils._sin < 0) { + Phaser.SpriteUtils._sin = -Phaser.SpriteUtils._sin; + } + + if (Phaser.SpriteUtils._cos < 0) { + Phaser.SpriteUtils._cos = -Phaser.SpriteUtils._cos; + } + + sprite.cameraView.width = Math.round(sprite.height * Phaser.SpriteUtils._sin + sprite.width * Phaser.SpriteUtils._cos); + sprite.cameraView.height = Math.round(sprite.height * Phaser.SpriteUtils._cos + sprite.width * Phaser.SpriteUtils._sin); + sprite.cameraView.x = Math.round(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.cameraView.width * sprite.transform.origin.x)); + sprite.cameraView.y = Math.round(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.cameraView.height * sprite.transform.origin.y)); } else { - // We've got a target from the last update - if(this.targetObject == this.game.input.inputObjects[this._highestRenderObject]) { - // Same target as before, so update it - if(this.targetObject.input.update(this) == false) { - this.targetObject = null; - } - } else { - // The target has changed, so tell the old one we've left it - this.targetObject.input._pointerOutHandler(this); - // And now set the new one - this.targetObject = this.game.input.inputObjects[this._highestRenderObject]; - this.targetObject.input._pointerOverHandler(this); - } + sprite.cameraView.x = Math.min(sprite.transform.upperLeft.x, sprite.transform.upperRight.x, sprite.transform.bottomLeft.x, sprite.transform.bottomRight.x); + sprite.cameraView.y = Math.min(sprite.transform.upperLeft.y, sprite.transform.upperRight.y, sprite.transform.bottomLeft.y, sprite.transform.bottomRight.y); + sprite.cameraView.width = Math.max(sprite.transform.upperLeft.x, sprite.transform.upperRight.x, sprite.transform.bottomLeft.x, sprite.transform.bottomRight.x) - sprite.cameraView.x; + sprite.cameraView.height = Math.max(sprite.transform.upperLeft.y, sprite.transform.upperRight.y, sprite.transform.bottomLeft.y, sprite.transform.bottomRight.y) - sprite.cameraView.y; } } - return this; + + return sprite.cameraView; }; - Pointer.prototype.leave = /** - * Called when the Pointer leaves the target area - * @method leave - * @param {Any} event + + SpriteUtils.getAsPoints = function (sprite) { + var out = []; + + // top left + out.push(new Phaser.Point(sprite.x, sprite.y)); + + // top right + out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y)); + + // bottom right + out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y + sprite.height)); + + // bottom left + out.push(new Phaser.Point(sprite.x, sprite.y + sprite.height)); + + return out; + }; + + SpriteUtils.overlapsXY = /** + * Checks to see if some GameObject overlaps this GameObject or Group. + * If the group has a LOT of things in it, it might be faster to use Collision.overlaps(). + * WARNING: Currently tilemaps do NOT support screen space overlap checks! + * + * @param objectOrGroup {object} The object or group being tested. + * @param inScreenSpace {boolean} Whether to take scroll factors numbero account when checking for overlap. Default is false, or "only compare in world space." + * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. + * + * @return {boolean} Whether or not the objects overlap this. */ - function (event) { - this.withinGame = false; - this.move(event); - }; - Pointer.prototype.stop = /** - * Called when the Pointer leaves the touchscreen - * @method stop - * @param {Any} event + /* + static overlaps(objectOrGroup, inScreenSpace: boolean = false, camera: Camera = null): boolean { + + if (objectOrGroup.isGroup) + { + var results: boolean = false; + var i: number = 0; + var members = objectOrGroup.members; + + while (i < length) + { + if (this.overlaps(members[i++], inScreenSpace, camera)) + { + results = true; + } + } + + return results; + + } + + if (!inScreenSpace) + { + return (objectOrGroup.x + objectOrGroup.width > this.x) && (objectOrGroup.x < this.x + this.width) && + (objectOrGroup.y + objectOrGroup.height > this.y) && (objectOrGroup.y < this.y + this.height); + } + + if (camera == null) + { + camera = this.game.camera; + } + + var objectScreenPos: Point = objectOrGroup.getScreenXY(null, camera); + + this.getScreenXY(this._point, camera); + + return (objectScreenPos.x + objectOrGroup.width > this._point.x) && (objectScreenPos.x < this._point.x + this.width) && + (objectScreenPos.y + objectOrGroup.height > this._point.y) && (objectScreenPos.y < this._point.y + this.height); + } */ - function (event) { - if(this._stateReset) { - event.preventDefault(); - return; - } - this.timeUp = this.game.time.now; - if(this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { - this.game.input.onUp.dispatch(this); - // Was it a tap? - if(this.duration >= 0 && this.duration <= this.game.input.tapRate) { - // Was it a double-tap? - if(this.timeUp - this.previousTapTime < this.game.input.doubleTapRate) { - // Yes, let's dispatch the signal then with the 2nd parameter set to true - this.game.input.onTap.dispatch(this, true); - } else { - // Wasn't a double-tap, so dispatch a single tap signal - this.game.input.onTap.dispatch(this, false); - } - this.previousTapTime = this.timeUp; - } - } - // Mouse is always active - if(this.id > 0) { - this.active = false; - } - this.withinGame = false; - this.isDown = false; - this.isUp = true; - if(this.isMouse == false) { - this.game.input.currentPointers--; - } - for(var i = 0; i < this.game.input.totalTrackedObjects; i++) { - if(this.game.input.inputObjects[i] && this.game.input.inputObjects[i].input && this.game.input.inputObjects[i].input.enabled) { - this.game.input.inputObjects[i].input._releasedHandler(this); - } - } - if(this.targetObject) { - this.targetObject.input._releasedHandler(this); - } - this.targetObject = null; - return this; - }; - Pointer.prototype.justPressed = /** - * The Pointer is considered justPressed if the time it was pressed onto the touchscreen or clicked is less than justPressedRate - * @method justPressed - * @param {Number} [duration]. - * @return {Boolean} - */ - function (duration) { - if (typeof duration === "undefined") { duration = this.game.input.justPressedRate; } - if(this.isDown === true && (this.timeDown + duration) > this.game.time.now) { - return true; - } else { - return false; - } - }; - Pointer.prototype.justReleased = /** - * The Pointer is considered justReleased if the time it left the touchscreen is less than justReleasedRate - * @method justReleased - * @param {Number} [duration]. - * @return {Boolean} - */ - function (duration) { - if (typeof duration === "undefined") { duration = this.game.input.justReleasedRate; } - if(this.isUp === true && (this.timeUp + duration) > this.game.time.now) { - return true; - } else { - return false; - } - }; - Pointer.prototype.reset = /** - * Resets the Pointer properties. Called by InputManager.reset when you perform a State change. - * @method reset - */ - function () { - if(this.isMouse == false) { - this.active = false; - } - this.identifier = null; - this.isDown = false; - this.isUp = true; - this.totalTouches = 0; - this._holdSent = false; - this._history.length = 0; - this._stateReset = true; - if(this.targetObject && this.targetObject.input) { - this.targetObject.input._releasedHandler(this); - } - this.targetObject = null; - }; - Pointer.prototype.toString = /** - * Returns a string representation of this object. - * @method toString - * @return {String} a string representation of the instance. - **/ - function () { - return "[{Pointer (id=" + this.id + " identifer=" + this.identifier + " active=" + this.active + " duration=" + this.duration + " withinGame=" + this.withinGame + " x=" + this.x + " y=" + this.y + " clientX=" + this.clientX + " clientY=" + this.clientY + " screenX=" + this.screenX + " screenY=" + this.screenY + " pageX=" + this.pageX + " pageY=" + this.pageY + ")}]"; - }; - return Pointer; - })(); - Phaser.Pointer = Pointer; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - MSPointer -* -* The MSPointer class handles touch interactions with the game and the resulting Pointer objects. -* It will work only in Internet Explorer 10 and Windows Store or Windows Phone 8 apps using JavaScript. -* http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx -*/ -var Phaser; -(function (Phaser) { - var MSPointer = (function () { /** - * Constructor - * @param {Game} game. - * @return {MSPointer} This object. - */ - function MSPointer(game) { - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - this.disabled = false; - this.game = game; - } - MSPointer.prototype.start = /** - * Starts the event listeners running - * @method start - */ - function () { - var _this = this; - if(this.game.device.mspointer == true) { - this._onMSPointerDown = function (event) { - return _this.onPointerDown(event); - }; - this._onMSPointerMove = function (event) { - return _this.onPointerMove(event); - }; - this._onMSPointerUp = function (event) { - return _this.onPointerUp(event); - }; - this.game.stage.canvas.addEventListener('MSPointerDown', this._onMSPointerDown, false); - this.game.stage.canvas.addEventListener('MSPointerMove', this._onMSPointerMove, false); - this.game.stage.canvas.addEventListener('MSPointerUp', this._onMSPointerUp, false); - } - }; - MSPointer.prototype.onPointerDown = /** + * Checks to see if the given x and y coordinates overlaps this Sprite, taking scaling and rotation into account. + * The coordinates must be given in world space, not local or camera space. * - * @method onPointerDown - * @param {Any} event - **/ - function (event) { - if(this.game.input.disabled || this.disabled) { - return; - } - event.preventDefault(); - event.identifier = event.pointerId; - this.game.input.startPointer(event); - }; - MSPointer.prototype.onPointerMove = /** + * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. + * @param x {Number} The x coordinate in world space. + * @param y {Number} The y coordinate in world space. * - * @method onPointerMove - * @param {Any} event - **/ - function (event) { - if(this.game.input.disabled || this.disabled) { - return; - } - event.preventDefault(); - event.identifier = event.pointerId; - this.game.input.updatePointer(event); - }; - MSPointer.prototype.onPointerUp = /** - * - * @method onPointerUp - * @param {Any} event - **/ - function (event) { - if(this.game.input.disabled || this.disabled) { - return; - } - event.preventDefault(); - event.identifier = event.pointerId; - this.game.input.stopPointer(event); - }; - MSPointer.prototype.stop = /** - * Stop the event listeners - * @method stop + * @return Whether or not the point overlaps this object. */ - function () { - if(this.game.device.mspointer == true) { - this.game.stage.canvas.removeEventListener('MSPointerDown', this._onMSPointerDown); - this.game.stage.canvas.removeEventListener('MSPointerMove', this._onMSPointerMove); - this.game.stage.canvas.removeEventListener('MSPointerUp', this._onMSPointerUp); + function (sprite, x, y) { + if (sprite.transform.rotation == 0) { + return Phaser.RectangleUtils.contains(sprite.worldView, x, y); } - }; - return MSPointer; - })(); - Phaser.MSPointer = MSPointer; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - Gestures -* -* The Gesture class monitors for gestures and dispatches the resulting signals when they occur. -* Note: Android 2.x only supports 1 touch event at once, no multi-touch -*/ -var Phaser; -(function (Phaser) { - var Gestures = (function () { - /** - * Constructor - * @param {Game} game. - * @return {Touch} This object. - */ - function Gestures(game) { - this.game = game; - } - Gestures.prototype.start = function () { - // Local references to the Phaser.Input.pointer objects - this._p1 = this.game.input.pointer1; - this._p2 = this.game.input.pointer2; - this._p3 = this.game.input.pointer3; - this._p4 = this.game.input.pointer4; - this._p5 = this.game.input.pointer5; - this._p6 = this.game.input.pointer6; - this._p7 = this.game.input.pointer7; - this._p8 = this.game.input.pointer8; - this._p9 = this.game.input.pointer9; - this._p10 = this.game.input.pointer10; - }; - return Gestures; - })(); - Phaser.Gestures = Gestures; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Mouse -* -* The Mouse class handles mouse interactions with the game and the resulting events. -*/ -var Phaser; -(function (Phaser) { - var Mouse = (function () { - function Mouse(game) { - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - this.disabled = false; - this.mouseDownCallback = null; - this.mouseMoveCallback = null; - this.mouseUpCallback = null; - this.game = game; - this.callbackContext = this.game; - } - Mouse.LEFT_BUTTON = 0; - Mouse.MIDDLE_BUTTON = 1; - Mouse.RIGHT_BUTTON = 2; - Mouse.prototype.start = /** - * Starts the event listeners running - * @method start - */ - function () { - var _this = this; - if(this.game.device.android && this.game.device.chrome == false) { - // Android stock browser fires mouse events even if you preventDefault on the touchStart, so ... - return; - } - this._onMouseDown = function (event) { - return _this.onMouseDown(event); - }; - this._onMouseMove = function (event) { - return _this.onMouseMove(event); - }; - this._onMouseUp = function (event) { - return _this.onMouseUp(event); - }; - this.game.stage.canvas.addEventListener('mousedown', this._onMouseDown, true); - this.game.stage.canvas.addEventListener('mousemove', this._onMouseMove, true); - this.game.stage.canvas.addEventListener('mouseup', this._onMouseUp, true); - }; - Mouse.prototype.onMouseDown = /** - * @param {MouseEvent} event - */ - function (event) { - if(this.mouseDownCallback) { - this.mouseDownCallback.call(this.callbackContext, event); - } - if(this.game.input.disabled || this.disabled) { - return; - } - event['identifier'] = 0; - this.game.input.mousePointer.start(event); - }; - Mouse.prototype.onMouseMove = /** - * @param {MouseEvent} event - */ - function (event) { - if(this.mouseMoveCallback) { - this.mouseMoveCallback.call(this.callbackContext, event); - } - if(this.game.input.disabled || this.disabled) { - return; - } - event['identifier'] = 0; - this.game.input.mousePointer.move(event); - }; - Mouse.prototype.onMouseUp = /** - * @param {MouseEvent} event - */ - function (event) { - if(this.mouseUpCallback) { - this.mouseUpCallback.call(this.callbackContext, event); - } - if(this.game.input.disabled || this.disabled) { - return; - } - event['identifier'] = 0; - this.game.input.mousePointer.stop(event); - }; - Mouse.prototype.stop = /** - * Stop the event listeners - * @method stop - */ - function () { - this.game.stage.canvas.removeEventListener('mousedown', this._onMouseDown); - this.game.stage.canvas.removeEventListener('mousemove', this._onMouseMove); - this.game.stage.canvas.removeEventListener('mouseup', this._onMouseUp); - }; - return Mouse; - })(); - Phaser.Mouse = Mouse; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Keyboard -* -* The Keyboard class handles keyboard interactions with the game and the resulting events. -* The avoid stealing all browser input we don't use event.preventDefault. If you would like to trap a specific key however -* then use the addKeyCapture() method. -*/ -var Phaser; -(function (Phaser) { - var Keyboard = (function () { - function Keyboard(game) { - this._keys = { - }; - this._capture = { - }; - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - this.disabled = false; - this.game = game; - } - Keyboard.prototype.start = function () { - var _this = this; - this._onKeyDown = function (event) { - return _this.onKeyDown(event); - }; - this._onKeyUp = function (event) { - return _this.onKeyUp(event); - }; - document.body.addEventListener('keydown', this._onKeyDown, false); - document.body.addEventListener('keyup', this._onKeyUp, false); - }; - Keyboard.prototype.stop = function () { - document.body.removeEventListener('keydown', this._onKeyDown); - document.body.removeEventListener('keyup', this._onKeyUp); - }; - Keyboard.prototype.addKeyCapture = /** - * By default when a key is pressed Phaser will not stop the event from propagating up to the browser. - * There are some keys this can be annoying for, like the arrow keys or space bar, which make the browser window scroll. - * You can use addKeyCapture to consume the keyboard event for specific keys so it doesn't bubble up to the the browser. - * Pass in either a single keycode or an array of keycodes. - * @param {Any} keycode - */ - function (keycode) { - if(typeof keycode === 'object') { - for(var i = 0; i < keycode.length; i++) { - this._capture[keycode[i]] = true; - } - } else { - this._capture[keycode] = true; - } - }; - Keyboard.prototype.removeKeyCapture = /** - * @param {Number} keycode - */ - function (keycode) { - delete this._capture[keycode]; - }; - Keyboard.prototype.clearCaptures = function () { - this._capture = { - }; - }; - Keyboard.prototype.onKeyDown = /** - * @param {KeyboardEvent} event - */ - function (event) { - if(this.game.input.disabled || this.disabled) { - return; - } - if(this._capture[event.keyCode]) { - event.preventDefault(); - } - if(!this._keys[event.keyCode]) { - this._keys[event.keyCode] = { - isDown: true, - timeDown: this.game.time.now, - timeUp: 0 - }; - } else { - this._keys[event.keyCode].isDown = true; - this._keys[event.keyCode].timeDown = this.game.time.now; - } - }; - Keyboard.prototype.onKeyUp = /** - * @param {KeyboardEvent} event - */ - function (event) { - if(this.game.input.disabled || this.disabled) { - return; - } - if(this._capture[event.keyCode]) { - event.preventDefault(); - } - if(!this._keys[event.keyCode]) { - this._keys[event.keyCode] = { - isDown: false, - timeDown: 0, - timeUp: this.game.time.now - }; - } else { - this._keys[event.keyCode].isDown = false; - this._keys[event.keyCode].timeUp = this.game.time.now; - } - }; - Keyboard.prototype.reset = function () { - for(var key in this._keys) { - this._keys[key].isDown = false; - } - }; - Keyboard.prototype.justPressed = /** - * @param {Number} keycode - * @param {Number} [duration] - * @return {Boolean} - */ - function (keycode, duration) { - if (typeof duration === "undefined") { duration = 250; } - if(this._keys[keycode] && this._keys[keycode].isDown === true && (this.game.time.now - this._keys[keycode].timeDown < duration)) { - return true; - } else { + + if ((x - sprite.transform.upperLeft.x) * (sprite.transform.upperRight.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperLeft.y) * (sprite.transform.upperRight.y - sprite.transform.upperLeft.y) < 0) { return false; } - }; - Keyboard.prototype.justReleased = /** - * @param {Number} keycode - * @param {Number} [duration] - * @return {Boolean} - */ - function (keycode, duration) { - if (typeof duration === "undefined") { duration = 250; } - if(this._keys[keycode] && this._keys[keycode].isDown === false && (this.game.time.now - this._keys[keycode].timeUp < duration)) { - return true; - } else { + + if ((x - sprite.transform.upperRight.x) * (sprite.transform.upperRight.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperRight.y) * (sprite.transform.upperRight.y - sprite.transform.upperLeft.y) > 0) { return false; } - }; - Keyboard.prototype.isDown = /** - * @param {Number} keycode - * @return {Boolean} - */ - function (keycode) { - if(this._keys[keycode]) { - return this._keys[keycode].isDown; - } else { + + if ((x - sprite.transform.upperLeft.x) * (sprite.transform.bottomLeft.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperLeft.y) * (sprite.transform.bottomLeft.y - sprite.transform.upperLeft.y) < 0) { return false; } - }; - Keyboard.A = "A".charCodeAt(0); - Keyboard.B = "B".charCodeAt(0); - Keyboard.C = "C".charCodeAt(0); - Keyboard.D = "D".charCodeAt(0); - Keyboard.E = "E".charCodeAt(0); - Keyboard.F = "F".charCodeAt(0); - Keyboard.G = "G".charCodeAt(0); - Keyboard.H = "H".charCodeAt(0); - Keyboard.I = "I".charCodeAt(0); - Keyboard.J = "J".charCodeAt(0); - Keyboard.K = "K".charCodeAt(0); - Keyboard.L = "L".charCodeAt(0); - Keyboard.M = "M".charCodeAt(0); - Keyboard.N = "N".charCodeAt(0); - Keyboard.O = "O".charCodeAt(0); - Keyboard.P = "P".charCodeAt(0); - Keyboard.Q = "Q".charCodeAt(0); - Keyboard.R = "R".charCodeAt(0); - Keyboard.S = "S".charCodeAt(0); - Keyboard.T = "T".charCodeAt(0); - Keyboard.U = "U".charCodeAt(0); - Keyboard.V = "V".charCodeAt(0); - Keyboard.W = "W".charCodeAt(0); - Keyboard.X = "X".charCodeAt(0); - Keyboard.Y = "Y".charCodeAt(0); - Keyboard.Z = "Z".charCodeAt(0); - Keyboard.ZERO = "0".charCodeAt(0); - Keyboard.ONE = "1".charCodeAt(0); - Keyboard.TWO = "2".charCodeAt(0); - Keyboard.THREE = "3".charCodeAt(0); - Keyboard.FOUR = "4".charCodeAt(0); - Keyboard.FIVE = "5".charCodeAt(0); - Keyboard.SIX = "6".charCodeAt(0); - Keyboard.SEVEN = "7".charCodeAt(0); - Keyboard.EIGHT = "8".charCodeAt(0); - Keyboard.NINE = "9".charCodeAt(0); - Keyboard.NUMPAD_0 = 96; - Keyboard.NUMPAD_1 = 97; - Keyboard.NUMPAD_2 = 98; - Keyboard.NUMPAD_3 = 99; - Keyboard.NUMPAD_4 = 100; - Keyboard.NUMPAD_5 = 101; - Keyboard.NUMPAD_6 = 102; - Keyboard.NUMPAD_7 = 103; - Keyboard.NUMPAD_8 = 104; - Keyboard.NUMPAD_9 = 105; - Keyboard.NUMPAD_MULTIPLY = 106; - Keyboard.NUMPAD_ADD = 107; - Keyboard.NUMPAD_ENTER = 108; - Keyboard.NUMPAD_SUBTRACT = 109; - Keyboard.NUMPAD_DECIMAL = 110; - Keyboard.NUMPAD_DIVIDE = 111; - Keyboard.F1 = 112; - Keyboard.F2 = 113; - Keyboard.F3 = 114; - Keyboard.F4 = 115; - Keyboard.F5 = 116; - Keyboard.F6 = 117; - Keyboard.F7 = 118; - Keyboard.F8 = 119; - Keyboard.F9 = 120; - Keyboard.F10 = 121; - Keyboard.F11 = 122; - Keyboard.F12 = 123; - Keyboard.F13 = 124; - Keyboard.F14 = 125; - Keyboard.F15 = 126; - Keyboard.COLON = 186; - Keyboard.EQUALS = 187; - Keyboard.UNDERSCORE = 189; - Keyboard.QUESTION_MARK = 191; - Keyboard.TILDE = 192; - Keyboard.OPEN_BRACKET = 219; - Keyboard.BACKWARD_SLASH = 220; - Keyboard.CLOSED_BRACKET = 221; - Keyboard.QUOTES = 222; - Keyboard.BACKSPACE = 8; - Keyboard.TAB = 9; - Keyboard.CLEAR = 12; - Keyboard.ENTER = 13; - Keyboard.SHIFT = 16; - Keyboard.CONTROL = 17; - Keyboard.ALT = 18; - Keyboard.CAPS_LOCK = 20; - Keyboard.ESC = 27; - Keyboard.SPACEBAR = 32; - Keyboard.PAGE_UP = 33; - Keyboard.PAGE_DOWN = 34; - Keyboard.END = 35; - Keyboard.HOME = 36; - Keyboard.LEFT = 37; - Keyboard.UP = 38; - Keyboard.RIGHT = 39; - Keyboard.DOWN = 40; - Keyboard.INSERT = 45; - Keyboard.DELETE = 46; - Keyboard.HELP = 47; - Keyboard.NUM_LOCK = 144; - return Keyboard; - })(); - Phaser.Keyboard = Keyboard; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - Touch -* -* The Touch class handles touch interactions with the game and the resulting Pointer objects. -* http://www.w3.org/TR/touch-events/ -* https://developer.mozilla.org/en-US/docs/DOM/TouchList -* http://www.html5rocks.com/en/mobile/touchandmouse/ -* Note: Android 2.x only supports 1 touch event at once, no multi-touch -*/ -var Phaser; -(function (Phaser) { - var Touch = (function () { - /** - * Constructor - * @param {Game} game. - * @return {Touch} This object. - */ - function Touch(game) { - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - this.disabled = false; - this.touchStartCallback = null; - this.touchMoveCallback = null; - this.touchEndCallback = null; - this.touchEnterCallback = null; - this.touchLeaveCallback = null; - this.touchCancelCallback = null; - this.game = game; - this.callbackContext = this.game; - } - Touch.prototype.start = /** - * Starts the event listeners running - * @method start - */ - function () { - var _this = this; - if(this.game.device.touch) { - this._onTouchStart = function (event) { - return _this.onTouchStart(event); - }; - this._onTouchMove = function (event) { - return _this.onTouchMove(event); - }; - this._onTouchEnd = function (event) { - return _this.onTouchEnd(event); - }; - this._onTouchEnter = function (event) { - return _this.onTouchEnter(event); - }; - this._onTouchLeave = function (event) { - return _this.onTouchLeave(event); - }; - this._onTouchCancel = function (event) { - return _this.onTouchCancel(event); - }; - this._documentTouchMove = function (event) { - return _this.consumeTouchMove(event); - }; - this.game.stage.canvas.addEventListener('touchstart', this._onTouchStart, false); - this.game.stage.canvas.addEventListener('touchmove', this._onTouchMove, false); - this.game.stage.canvas.addEventListener('touchend', this._onTouchEnd, false); - this.game.stage.canvas.addEventListener('touchenter', this._onTouchEnter, false); - this.game.stage.canvas.addEventListener('touchleave', this._onTouchLeave, false); - this.game.stage.canvas.addEventListener('touchcancel', this._onTouchCancel, false); - document.addEventListener('touchmove', this._documentTouchMove, false); + + if ((x - sprite.transform.bottomLeft.x) * (sprite.transform.bottomLeft.x - sprite.transform.upperLeft.x) + (y - sprite.transform.bottomLeft.y) * (sprite.transform.bottomLeft.y - sprite.transform.upperLeft.y) > 0) { + return false; } - }; - Touch.prototype.consumeTouchMove = /** - * Prevent iOS bounce-back (doesn't work?) - * @method consumeTouchMove - * @param {Any} event - **/ - function (event) { - event.preventDefault(); - }; - Touch.prototype.onTouchStart = /** - * - * @method onTouchStart - * @param {Any} event - **/ - function (event) { - if(this.touchStartCallback) { - this.touchStartCallback.call(this.callbackContext, event); - } - if(this.game.input.disabled || this.disabled) { - return; - } - event.preventDefault(); - // event.targetTouches = list of all touches on the TARGET ELEMENT (i.e. game dom element) - // event.touches = list of all touches on the ENTIRE DOCUMENT, not just the target element - // event.changedTouches = the touches that CHANGED in this event, not the total number of them - for(var i = 0; i < event.changedTouches.length; i++) { - this.game.input.startPointer(event.changedTouches[i]); - } - }; - Touch.prototype.onTouchCancel = /** - * Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome) - * Occurs for example on iOS when you put down 4 fingers and the app selector UI appears - * @method onTouchCancel - * @param {Any} event - **/ - function (event) { - if(this.touchCancelCallback) { - this.touchCancelCallback.call(this.callbackContext, event); - } - if(this.game.input.disabled || this.disabled) { - return; - } - event.preventDefault(); - // Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome) - // http://www.w3.org/TR/touch-events/#dfn-touchcancel - for(var i = 0; i < event.changedTouches.length; i++) { - this.game.input.stopPointer(event.changedTouches[i]); - } - }; - Touch.prototype.onTouchEnter = /** - * For touch enter and leave its a list of the touch points that have entered or left the target - * Doesn't appear to be supported by most browsers yet - * @method onTouchEnter - * @param {Any} event - **/ - function (event) { - if(this.touchEnterCallback) { - this.touchEnterCallback.call(this.callbackContext, event); - } - if(this.game.input.disabled || this.disabled) { - return; - } - event.preventDefault(); - for(var i = 0; i < event.changedTouches.length; i++) { - //console.log('touch enter'); - } - }; - Touch.prototype.onTouchLeave = /** - * For touch enter and leave its a list of the touch points that have entered or left the target - * Doesn't appear to be supported by most browsers yet - * @method onTouchLeave - * @param {Any} event - **/ - function (event) { - if(this.touchLeaveCallback) { - this.touchLeaveCallback.call(this.callbackContext, event); - } - event.preventDefault(); - for(var i = 0; i < event.changedTouches.length; i++) { - //console.log('touch leave'); - } - }; - Touch.prototype.onTouchMove = /** - * - * @method onTouchMove - * @param {Any} event - **/ - function (event) { - if(this.touchMoveCallback) { - this.touchMoveCallback.call(this.callbackContext, event); - } - event.preventDefault(); - for(var i = 0; i < event.changedTouches.length; i++) { - this.game.input.updatePointer(event.changedTouches[i]); - } - }; - Touch.prototype.onTouchEnd = /** - * - * @method onTouchEnd - * @param {Any} event - **/ - function (event) { - if(this.touchEndCallback) { - this.touchEndCallback.call(this.callbackContext, event); - } - event.preventDefault(); - // For touch end its a list of the touch points that have been removed from the surface - // https://developer.mozilla.org/en-US/docs/DOM/TouchList - // event.changedTouches = the touches that CHANGED in this event, not the total number of them - for(var i = 0; i < event.changedTouches.length; i++) { - this.game.input.stopPointer(event.changedTouches[i]); - } - }; - Touch.prototype.stop = /** - * Stop the event listeners - * @method stop - */ - function () { - if(this.game.device.touch) { - this.game.stage.canvas.removeEventListener('touchstart', this._onTouchStart); - this.game.stage.canvas.removeEventListener('touchmove', this._onTouchMove); - this.game.stage.canvas.removeEventListener('touchend', this._onTouchEnd); - this.game.stage.canvas.removeEventListener('touchenter', this._onTouchEnter); - this.game.stage.canvas.removeEventListener('touchleave', this._onTouchLeave); - this.game.stage.canvas.removeEventListener('touchcancel', this._onTouchCancel); - document.removeEventListener('touchmove', this._documentTouchMove); - } - }; - return Touch; - })(); - Phaser.Touch = Touch; -})(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/** -* Phaser - InputManager -* -* A game specific Input manager that looks after the mouse, keyboard and touch objects. -* This is updated by the core game loop. -*/ -var Phaser; -(function (Phaser) { - var InputManager = (function () { - function InputManager(game) { - /** - * How often should the input pointers be checked for updates? - * A value of 0 means every single frame (60fps), a value of 1 means every other frame (30fps) and so on. - * @type {number} - */ - this.pollRate = 0; - this._pollCounter = 0; - /** - * A vector object representing the previous position of the Pointer. - * @property vector - * @type {Vec2} - **/ - this._oldPosition = null; - /** - * X coordinate of the most recent Pointer event - * @type {Number} - * @private - */ - this._x = 0; - /** - * X coordinate of the most recent Pointer event - * @type {Number} - * @private - */ - this._y = 0; - /** - * You can disable all Input by setting Input.disabled = true. While set all new input related events will be ignored. - * If you need to disable just one type of input, for example mouse, use Input.mouse.disabled = true instead - * @type {Boolean} - */ - this.disabled = false; - /** - * Controls the expected behaviour when using a mouse and touch together on a multi-input device - */ - this.multiInputOverride = InputManager.MOUSE_TOUCH_COMBINE; - /** - * A vector object representing the current position of the Pointer. - * @property vector - * @type {Vec2} - **/ - this.position = null; - /** - * A vector object representing the speed of the Pointer. Only really useful in single Pointer games, - * otherwise see the Pointer objects directly. - * @property vector - * @type {Vec2} - **/ - this.speed = null; - /** - * A Circle object centered on the x/y screen coordinates of the Input. - * Default size of 44px (Apples recommended "finger tip" size) but can be changed to anything - * @property circle - * @type {Circle} - **/ - this.circle = null; - /** - * The scale by which all input coordinates are multiplied, calculated by the StageScaleMode. - * In an un-scaled game the values will be x: 1 and y: 1. - * @type {Vec2} - */ - this.scale = null; - /** - * The maximum number of Pointers allowed to be active at any one time. - * For lots of games it's useful to set this to 1 - * @type {Number} - */ - this.maxPointers = 10; - /** - * The current number of active Pointers. - * @type {Number} - */ - this.currentPointers = 0; - /** - * The number of milliseconds that the Pointer has to be pressed down and then released to be considered a tap or click - * @property tapRate - * @type {Number} - **/ - this.tapRate = 200; - /** - * The number of milliseconds between taps of the same Pointer for it to be considered a double tap / click - * @property doubleTapRate - * @type {Number} - **/ - this.doubleTapRate = 300; - /** - * The number of milliseconds that the Pointer has to be pressed down for it to fire a onHold event - * @property holdRate - * @type {Number} - **/ - this.holdRate = 2000; - /** - * The number of milliseconds below which the Pointer is considered justPressed - * @property justPressedRate - * @type {Number} - **/ - this.justPressedRate = 200; - /** - * The number of milliseconds below which the Pointer is considered justReleased - * @property justReleasedRate - * @type {Number} - **/ - this.justReleasedRate = 200; - /** - * Sets if the Pointer objects should record a history of x/y coordinates they have passed through. - * The history is cleared each time the Pointer is pressed down. - * The history is updated at the rate specified in Input.pollRate - * @property recordPointerHistory - * @type {Boolean} - **/ - this.recordPointerHistory = false; - /** - * The rate in milliseconds at which the Pointer objects should update their tracking history - * @property recordRate - * @type {Number} - */ - this.recordRate = 100; - /** - * The total number of entries that can be recorded into the Pointer objects tracking history. - * If the Pointer is tracking one event every 100ms, then a trackLimit of 100 would store the last 10 seconds worth of history. - * @property recordLimit - * @type {Number} - */ - this.recordLimit = 100; - /** - * A Pointer object - * @property pointer3 - * @type {Pointer} - **/ - this.pointer3 = null; - /** - * A Pointer object - * @property pointer4 - * @type {Pointer} - **/ - this.pointer4 = null; - /** - * A Pointer object - * @property pointer5 - * @type {Pointer} - **/ - this.pointer5 = null; - /** - * A Pointer object - * @property pointer6 - * @type {Pointer} - **/ - this.pointer6 = null; - /** - * A Pointer object - * @property pointer7 - * @type {Pointer} - **/ - this.pointer7 = null; - /** - * A Pointer object - * @property pointer8 - * @type {Pointer} - **/ - this.pointer8 = null; - /** - * A Pointer object - * @property pointer9 - * @type {Pointer} - **/ - this.pointer9 = null; - /** - * A Pointer object - * @property pointer10 - * @type {Pointer} - **/ - this.pointer10 = null; - /** - * The most recently active Pointer object. - * When you've limited max pointers to 1 this will accurately be either the first finger touched or mouse. - * @property activePointer - * @type {Pointer} - **/ - this.activePointer = null; - this.inputObjects = []; - this.totalTrackedObjects = 0; - this.game = game; - this.mousePointer = new Phaser.Pointer(this.game, 0); - this.pointer1 = new Phaser.Pointer(this.game, 1); - this.pointer2 = new Phaser.Pointer(this.game, 2); - this.mouse = new Phaser.Mouse(this.game); - this.keyboard = new Phaser.Keyboard(this.game); - this.touch = new Phaser.Touch(this.game); - this.mspointer = new Phaser.MSPointer(this.game); - this.gestures = new Phaser.Gestures(this.game); - this.onDown = new Phaser.Signal(); - this.onUp = new Phaser.Signal(); - this.onTap = new Phaser.Signal(); - this.onHold = new Phaser.Signal(); - this.scale = new Phaser.Vec2(1, 1); - this.speed = new Phaser.Vec2(); - this.position = new Phaser.Vec2(); - this._oldPosition = new Phaser.Vec2(); - this.circle = new Phaser.Circle(0, 0, 44); - this.activePointer = this.mousePointer; - this.currentPointers = 0; - this.hitCanvas = document.createElement('canvas'); - this.hitCanvas.width = 1; - this.hitCanvas.height = 1; - this.hitContext = this.hitCanvas.getContext('2d'); - } - InputManager.MOUSE_OVERRIDES_TOUCH = 0; - InputManager.TOUCH_OVERRIDES_MOUSE = 1; - InputManager.MOUSE_TOUCH_COMBINE = 2; - Object.defineProperty(InputManager.prototype, "camera", { - get: /** - * The camera being used for mouse and touch based pointers to calculate their world coordinates. - * This is only ever the camera set by the most recently active Pointer. - * If you need to know exactly which camera a specific Pointer is over then see Pointer.camera instead. - * @property camera - * @type {Camera} - **/ - function () { - return this.activePointer.camera; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(InputManager.prototype, "x", { - get: /** - * The X coordinate of the most recently active pointer. - * This value takes game scaling into account automatically. See Pointer.screenX/clientX for source values. - * @property x - * @type {Number} - **/ - function () { - return this._x; - }, - set: function (value) { - this._x = Math.floor(value); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(InputManager.prototype, "y", { - get: /** - * The Y coordinate of the most recently active pointer. - * This value takes game scaling into account automatically. See Pointer.screenY/clientY for source values. - * @property y - * @type {Number} - **/ - function () { - return this._y; - }, - set: function (value) { - this._y = Math.floor(value); - }, - enumerable: true, - configurable: true - }); - InputManager.prototype.addPointer = /** - * Add a new Pointer object to the Input Manager. By default Input creates 2 pointer objects for you. If you need more - * use this to create a new one, up to a maximum of 10. - * @method addPointer - * @return {Pointer} A reference to the new Pointer object - **/ - function () { - var next = 0; - for(var i = 10; i > 0; i--) { - if(this['pointer' + i] === null) { - next = i; - } - } - if(next == 0) { - throw new Error("You can only have 10 Pointer objects"); - return null; - } else { - this['pointer' + next] = new Phaser.Pointer(this.game, next); - return this['pointer' + next]; - } - }; - InputManager.prototype.boot = /** - * Starts the Input Manager running - * @method start - **/ - function () { - this.mouse.start(); - this.keyboard.start(); - this.touch.start(); - this.mspointer.start(); - this.gestures.start(); - this.mousePointer.active = true; - }; - InputManager.prototype.addGameObject = /** - * Adds a new game object to be tracked by the Input Manager. Called by the Sprite.Input component, should not usually be called directly. - * @method addGameObject - **/ - function (object) { - // Find a spare slot - for(var i = 0; i < this.inputObjects.length; i++) { - if(this.inputObjects[i] == null) { - this.inputObjects[i] = object; - object.input.indexID = i; - this.totalTrackedObjects++; - return; - } - } - // If we got this far we need to push a new entry into the array - object.input.indexID = this.inputObjects.length; - this.inputObjects.push(object); - this.totalTrackedObjects++; - }; - InputManager.prototype.removeGameObject = /** - * Removes a game object from the Input Manager. Called by the Sprite.Input component, should not usually be called directly. - * @method removeGameObject - **/ - function (index) { - if(this.inputObjects[index]) { - this.inputObjects[index] = null; - } - }; - Object.defineProperty(InputManager.prototype, "pollLocked", { - get: function () { - return (this.pollRate > 0 && this._pollCounter < this.pollRate); - }, - enumerable: true, - configurable: true - }); - InputManager.prototype.update = /** - * Updates the Input Manager. Called by the core Game loop. - * @method update - **/ - function () { - if(this.pollRate > 0 && this._pollCounter < this.pollRate) { - this._pollCounter++; - return; - } - this.speed.x = this.position.x - this._oldPosition.x; - this.speed.y = this.position.y - this._oldPosition.y; - this._oldPosition.copyFrom(this.position); - this.mousePointer.update(); - this.pointer1.update(); - this.pointer2.update(); - if(this.pointer3) { - this.pointer3.update(); - } - if(this.pointer4) { - this.pointer4.update(); - } - if(this.pointer5) { - this.pointer5.update(); - } - if(this.pointer6) { - this.pointer6.update(); - } - if(this.pointer7) { - this.pointer7.update(); - } - if(this.pointer8) { - this.pointer8.update(); - } - if(this.pointer9) { - this.pointer9.update(); - } - if(this.pointer10) { - this.pointer10.update(); - } - this._pollCounter = 0; - }; - InputManager.prototype.reset = /** - * Reset all of the Pointers and Input states - * @method reset - * @param hard {Boolean} A soft reset (hard = false) won't reset any signals that might be bound. A hard reset will. - **/ - function (hard) { - if (typeof hard === "undefined") { hard = false; } - this.keyboard.reset(); - this.mousePointer.reset(); - for(var i = 1; i <= 10; i++) { - if(this['pointer' + i]) { - this['pointer' + i].reset(); - } - } - this.currentPointers = 0; - this.game.stage.canvas.style.cursor = "default"; - if(hard == true) { - this.onDown.dispose(); - this.onUp.dispose(); - this.onTap.dispose(); - this.onHold.dispose(); - this.onDown = new Phaser.Signal(); - this.onUp = new Phaser.Signal(); - this.onTap = new Phaser.Signal(); - this.onHold = new Phaser.Signal(); - for(var i = 0; i < this.totalTrackedObjects; i++) { - if(this.inputObjects[i] && this.inputObjects[i].input) { - this.inputObjects[i].input.reset(); - } - } - this.inputObjects.length = 0; - this.totalTrackedObjects = 0; - } - this._pollCounter = 0; - }; - InputManager.prototype.resetSpeed = function (x, y) { - this._oldPosition.setTo(x, y); - this.speed.setTo(0, 0); - }; - Object.defineProperty(InputManager.prototype, "totalInactivePointers", { - get: /** - * Get the total number of inactive Pointers - * @method totalInactivePointers - * @return {Number} The number of Pointers currently inactive - **/ - function () { - return 10 - this.currentPointers; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(InputManager.prototype, "totalActivePointers", { - get: /** - * Recalculates the total number of active Pointers - * @method totalActivePointers - * @return {Number} The number of Pointers currently active - **/ - function () { - this.currentPointers = 0; - for(var i = 1; i <= 10; i++) { - if(this['pointer' + i] && this['pointer' + i].active) { - this.currentPointers++; - } - } - return this.currentPointers; - }, - enumerable: true, - configurable: true - }); - InputManager.prototype.startPointer = /** - * Find the first free Pointer object and start it, passing in the event data. - * @method startPointer - * @param {Any} event The event data from the Touch event - * @return {Pointer} The Pointer object that was started or null if no Pointer object is available - **/ - function (event) { - if(this.maxPointers < 10 && this.totalActivePointers == this.maxPointers) { - return null; - } - // Unrolled for speed - if(this.pointer1.active == false) { - return this.pointer1.start(event); - } else if(this.pointer2.active == false) { - return this.pointer2.start(event); - } else { - for(var i = 3; i <= 10; i++) { - if(this['pointer' + i] && this['pointer' + i].active == false) { - return this['pointer' + i].start(event); - } - } - } - return null; - }; - InputManager.prototype.updatePointer = /** - * Updates the matching Pointer object, passing in the event data. - * @method updatePointer - * @param {Any} event The event data from the Touch event - * @return {Pointer} The Pointer object that was updated or null if no Pointer object is available - **/ - function (event) { - // Unrolled for speed - if(this.pointer1.active && this.pointer1.identifier == event.identifier) { - return this.pointer1.move(event); - } else if(this.pointer2.active && this.pointer2.identifier == event.identifier) { - return this.pointer2.move(event); - } else { - for(var i = 3; i <= 10; i++) { - if(this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier) { - return this['pointer' + i].move(event); - } - } - } - return null; - }; - InputManager.prototype.stopPointer = /** - * Stops the matching Pointer object, passing in the event data. - * @method stopPointer - * @param {Any} event The event data from the Touch event - * @return {Pointer} The Pointer object that was stopped or null if no Pointer object is available - **/ - function (event) { - // Unrolled for speed - if(this.pointer1.active && this.pointer1.identifier == event.identifier) { - return this.pointer1.stop(event); - } else if(this.pointer2.active && this.pointer2.identifier == event.identifier) { - return this.pointer2.stop(event); - } else { - for(var i = 3; i <= 10; i++) { - if(this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier) { - return this['pointer' + i].stop(event); - } - } - } - return null; - }; - InputManager.prototype.getPointer = /** - * Get the next Pointer object whos active property matches the given state - * @method getPointer - * @param {Boolean} state The state the Pointer should be in (false for inactive, true for active) - * @return {Pointer} A Pointer object or null if no Pointer object matches the requested state. - **/ - function (state) { - if (typeof state === "undefined") { state = false; } - // Unrolled for speed - if(this.pointer1.active == state) { - return this.pointer1; - } else if(this.pointer2.active == state) { - return this.pointer2; - } else { - for(var i = 3; i <= 10; i++) { - if(this['pointer' + i] && this['pointer' + i].active == state) { - return this['pointer' + i]; - } - } - } - return null; - }; - InputManager.prototype.getPointerFromIdentifier = /** - * Get the Pointer object whos identified property matches the given identifier value - * @method getPointerFromIdentifier - * @param {Number} identifier The Pointer.identifier value to search for - * @return {Pointer} A Pointer object or null if no Pointer object matches the requested identifier. - **/ - function (identifier) { - // Unrolled for speed - if(this.pointer1.identifier == identifier) { - return this.pointer1; - } else if(this.pointer2.identifier == identifier) { - return this.pointer2; - } else { - for(var i = 3; i <= 10; i++) { - if(this['pointer' + i] && this['pointer' + i].identifier == identifier) { - return this['pointer' + i]; - } - } - } - return null; - }; - Object.defineProperty(InputManager.prototype, "worldX", { - get: function () { - if(this.camera) { - return (this.camera.worldView.x - this.camera.screenView.x) + this.x; - } - return null; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(InputManager.prototype, "worldY", { - get: function () { - if(this.camera) { - return (this.camera.worldView.y - this.camera.screenView.y) + this.y; - } - return null; - }, - enumerable: true, - configurable: true - }); - InputManager.prototype.getDistance = /** - * Get the distance between two Pointer objects - * @method getDistance - * @param {Pointer} pointer1 - * @param {Pointer} pointer2 - **/ - function (pointer1, pointer2) { - return Phaser.Vec2Utils.distance(pointer1.position, pointer2.position); - }; - InputManager.prototype.getAngle = /** - * Get the angle between two Pointer objects - * @method getAngle - * @param {Pointer} pointer1 - * @param {Pointer} pointer2 - **/ - function (pointer1, pointer2) { - return Phaser.Vec2Utils.angle(pointer1.position, pointer2.position); - }; - InputManager.prototype.pixelPerfectCheck = function (sprite, pointer, alpha) { - if (typeof alpha === "undefined") { alpha = 255; } - this.hitContext.clearRect(0, 0, 1, 1); + return true; }; - return InputManager; + + SpriteUtils.overlapsPoint = /** + * Checks to see if the given point overlaps this Sprite, taking scaling and rotation into account. + * The point must be given in world space, not local or camera space. + * + * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. + * @param point {Point} The point in world space you want to check. + * + * @return Whether or not the point overlaps this object. + */ + function (sprite, point) { + return Phaser.SpriteUtils.overlapsXY(sprite, point.x, point.y); + }; + + SpriteUtils.onScreen = /** + * Check and see if this object is currently on screen. + * + * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. + * + * @return {boolean} Whether the object is on screen or not. + */ + function (sprite, camera) { + if (typeof camera === "undefined") { camera = null; } + if (camera == null) { + camera = sprite.game.camera; + } + + Phaser.SpriteUtils.getScreenXY(sprite, SpriteUtils._tempPoint, camera); + + return (Phaser.SpriteUtils._tempPoint.x + sprite.width > 0) && (Phaser.SpriteUtils._tempPoint.x < camera.width) && (Phaser.SpriteUtils._tempPoint.y + sprite.height > 0) && (Phaser.SpriteUtils._tempPoint.y < camera.height); + }; + + SpriteUtils.getScreenXY = /** + * Call this to figure out the on-screen position of the object. + * + * @param point {Point} Takes a Point object and assigns the post-scrolled X and Y values of this object to it. + * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. + * + * @return {Point} The Point you passed in, or a new Point if you didn't pass one, containing the screen X and Y position of this object. + */ + function (sprite, point, camera) { + if (typeof point === "undefined") { point = null; } + if (typeof camera === "undefined") { camera = null; } + if (point == null) { + point = new Phaser.Point(); + } + + if (camera == null) { + camera = sprite.game.camera; + } + + point.x = sprite.x - camera.x * sprite.transform.scrollFactor.x; + point.y = sprite.y - camera.y * sprite.transform.scrollFactor.y; + point.x += (point.x > 0) ? 0.0000001 : -0.0000001; + point.y += (point.y > 0) ? 0.0000001 : -0.0000001; + + return point; + }; + + SpriteUtils.reset = /** + * Set the world bounds that this GameObject can exist within based on the size of the current game world. + * + * @param action {number} The action to take if the object hits the world bounds, either OUT_OF_BOUNDS_KILL or OUT_OF_BOUNDS_STOP + */ + /* + static setBoundsFromWorld(action: number = GameObject.OUT_OF_BOUNDS_STOP) { + + this.setBounds(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height); + this.outOfBoundsAction = action; + + } + */ + /** + * Handy for reviving game objects. + * Resets their existence flags and position. + * + * @param x {number} The new X position of this object. + * @param y {number} The new Y position of this object. + */ + function (sprite, x, y) { + sprite.revive(); + + //sprite.body.touching = Types.NONE; + //sprite.body.wasTouching = Types.NONE; + sprite.x = x; + sprite.y = y; + sprite.body.velocity.x = 0; + sprite.body.velocity.y = 0; + sprite.body.position.x = x; + sprite.body.position.y = y; + }; + + SpriteUtils.setBounds = /** + * Set the world bounds that this GameObject can exist within. By default a GameObject can exist anywhere + * in the world. But by setting the bounds (which are given in world dimensions, not screen dimensions) + * it can be stopped from leaving the world, or a section of it. + * + * @param x {number} x position of the bound + * @param y {number} y position of the bound + * @param width {number} width of its bound + * @param height {number} height of its bound + */ + function (x, y, width, height) { + //this.worldBounds = new Quad(x, y, width, height); + }; + return SpriteUtils; })(); - Phaser.InputManager = InputManager; + Phaser.SpriteUtils = SpriteUtils; })(Phaser || (Phaser = {})); +/// +/** +* Phaser - DebugUtils +* +* A collection of methods for displaying debug information about game objects. +*/ +var Phaser; +(function (Phaser) { + var DebugUtils = (function () { + function DebugUtils() { + } + DebugUtils.start = function (x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.currentX = x; + Phaser.DebugUtils.currentY = y; + Phaser.DebugUtils.currentColor = color; + + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.font = Phaser.DebugUtils.font; + }; + + DebugUtils.line = function (text, x, y) { + if (typeof x === "undefined") { x = null; } + if (typeof y === "undefined") { y = null; } + if (x !== null) { + Phaser.DebugUtils.currentX = x; + } + + if (y !== null) { + Phaser.DebugUtils.currentY = y; + } + + if (Phaser.DebugUtils.renderShadow) { + Phaser.DebugUtils.context.fillStyle = 'rgb(0,0,0)'; + Phaser.DebugUtils.context.fillText(text, Phaser.DebugUtils.currentX + 1, Phaser.DebugUtils.currentY + 1); + Phaser.DebugUtils.context.fillStyle = Phaser.DebugUtils.currentColor; + } + + Phaser.DebugUtils.context.fillText(text, Phaser.DebugUtils.currentX, Phaser.DebugUtils.currentY); + + Phaser.DebugUtils.currentY += Phaser.DebugUtils.lineHeight; + }; + + DebugUtils.renderSpriteCorners = function (sprite, color) { + if (typeof color === "undefined") { color = 'rgb(255,0,255)'; } + Phaser.DebugUtils.start(0, 0, color); + + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.upperLeft.x) + ' y: ' + Math.floor(sprite.transform.upperLeft.y), sprite.transform.upperLeft.x, sprite.transform.upperLeft.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.upperRight.x) + ' y: ' + Math.floor(sprite.transform.upperRight.y), sprite.transform.upperRight.x, sprite.transform.upperRight.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomLeft.x) + ' y: ' + Math.floor(sprite.transform.bottomLeft.y), sprite.transform.bottomLeft.x, sprite.transform.bottomLeft.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomRight.x) + ' y: ' + Math.floor(sprite.transform.bottomRight.y), sprite.transform.bottomRight.x, sprite.transform.bottomRight.y); + }; + + DebugUtils.renderSoundInfo = /** + * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (sound, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + + Phaser.DebugUtils.line('Sound: ' + sound.key + ' Locked: ' + sound.game.sound.touchLocked + ' Pending Playback: ' + sound.pendingPlayback); + Phaser.DebugUtils.line('Decoded: ' + sound.isDecoded + ' Decoding: ' + sound.isDecoding); + Phaser.DebugUtils.line('Total Duration: ' + sound.totalDuration + ' Playing: ' + sound.isPlaying); + Phaser.DebugUtils.line('Time: ' + sound.currentTime); + Phaser.DebugUtils.line('Volume: ' + sound.volume + ' Muted: ' + sound.mute); + Phaser.DebugUtils.line('WebAudio: ' + sound.usingWebAudio + ' Audio: ' + sound.usingAudioTag); + + if (sound.currentMarker !== '') { + Phaser.DebugUtils.line('Marker: ' + sound.currentMarker + ' Duration: ' + sound.duration); + Phaser.DebugUtils.line('Start: ' + sound.markers[sound.currentMarker].start + ' Stop: ' + sound.markers[sound.currentMarker].stop); + Phaser.DebugUtils.line('Position: ' + sound.position); + } + }; + + DebugUtils.renderCameraInfo = /** + * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (camera, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Camera ID: ' + camera.ID + ' (' + camera.screenView.width + ' x ' + camera.screenView.height + ')'); + Phaser.DebugUtils.line('X: ' + camera.x + ' Y: ' + camera.y + ' Rotation: ' + camera.transform.rotation); + Phaser.DebugUtils.line('WorldView X: ' + camera.worldView.x + ' Y: ' + camera.worldView.y + ' W: ' + camera.worldView.width + ' H: ' + camera.worldView.height); + Phaser.DebugUtils.line('ScreenView X: ' + camera.screenView.x + ' Y: ' + camera.screenView.y + ' W: ' + camera.screenView.width + ' H: ' + camera.screenView.height); + + if (camera.worldBounds) { + Phaser.DebugUtils.line('Bounds: ' + camera.worldBounds.width + ' x ' + camera.worldBounds.height); + } + }; + + DebugUtils.renderPointer = /** + * Renders the Pointer.circle object onto the stage in green if down or red if up. + * @method renderDebug + */ + function (pointer, hideIfUp, downColor, upColor, color) { + if (typeof hideIfUp === "undefined") { hideIfUp = false; } + if (typeof downColor === "undefined") { downColor = 'rgba(0,255,0,0.5)'; } + if (typeof upColor === "undefined") { upColor = 'rgba(255,0,0,0.5)'; } + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + if (hideIfUp == true && pointer.isUp == true) { + return; + } + + Phaser.DebugUtils.context.beginPath(); + Phaser.DebugUtils.context.arc(pointer.x, pointer.y, pointer.circle.radius, 0, Math.PI * 2); + + if (pointer.active) { + Phaser.DebugUtils.context.fillStyle = downColor; + } else { + Phaser.DebugUtils.context.fillStyle = upColor; + } + + Phaser.DebugUtils.context.fill(); + Phaser.DebugUtils.context.closePath(); + + // Render the points + Phaser.DebugUtils.context.beginPath(); + Phaser.DebugUtils.context.moveTo(pointer.positionDown.x, pointer.positionDown.y); + Phaser.DebugUtils.context.lineTo(pointer.position.x, pointer.position.y); + Phaser.DebugUtils.context.lineWidth = 2; + Phaser.DebugUtils.context.stroke(); + Phaser.DebugUtils.context.closePath(); + + // Render the text + Phaser.DebugUtils.start(pointer.x, pointer.y - 100, color); + + Phaser.DebugUtils.line('ID: ' + pointer.id + " Active: " + pointer.active); + Phaser.DebugUtils.line('World X: ' + pointer.worldX + " World Y: " + pointer.worldY); + Phaser.DebugUtils.line('Screen X: ' + pointer.x + " Screen Y: " + pointer.y); + Phaser.DebugUtils.line('Duration: ' + pointer.duration + " ms"); + }; + + DebugUtils.renderSpriteInputInfo = /** + * Render Sprite Input Debug information + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (sprite, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + + Phaser.DebugUtils.line('Sprite Input: (' + sprite.width + ' x ' + sprite.height + ')'); + Phaser.DebugUtils.line('x: ' + sprite.input.pointerX().toFixed(1) + ' y: ' + sprite.input.pointerY().toFixed(1)); + Phaser.DebugUtils.line('over: ' + sprite.input.pointerOver() + ' duration: ' + sprite.input.overDuration().toFixed(0)); + Phaser.DebugUtils.line('down: ' + sprite.input.pointerDown() + ' duration: ' + sprite.input.downDuration().toFixed(0)); + Phaser.DebugUtils.line('just over: ' + sprite.input.justOver() + ' just out: ' + sprite.input.justOut()); + }; + + DebugUtils.renderInputInfo = /** + * Render debug information about the Input object. + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + + if (Phaser.DebugUtils.game.input.camera) { + Phaser.DebugUtils.line('Input - Camera: ' + Phaser.DebugUtils.game.input.camera.ID); + } else { + Phaser.DebugUtils.line('Input - Camera: null'); + } + + Phaser.DebugUtils.line('X: ' + Phaser.DebugUtils.game.input.x + ' Y: ' + Phaser.DebugUtils.game.input.y); + Phaser.DebugUtils.line('World X: ' + Phaser.DebugUtils.game.input.worldX + ' World Y: ' + Phaser.DebugUtils.game.input.worldY); + Phaser.DebugUtils.line('Scale X: ' + Phaser.DebugUtils.game.input.scale.x.toFixed(1) + ' Scale Y: ' + Phaser.DebugUtils.game.input.scale.x.toFixed(1)); + Phaser.DebugUtils.line('Screen X: ' + Phaser.DebugUtils.game.input.activePointer.screenX + ' Screen Y: ' + Phaser.DebugUtils.game.input.activePointer.screenY); + }; + + DebugUtils.renderSpriteWorldView = function (sprite, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Sprite World Coords (' + sprite.width + ' x ' + sprite.height + ')'); + Phaser.DebugUtils.line('x: ' + sprite.worldView.x + ' y: ' + sprite.worldView.y); + Phaser.DebugUtils.line('bottom: ' + sprite.worldView.bottom + ' right: ' + sprite.worldView.right.toFixed(1)); + }; + + DebugUtils.renderSpriteInfo = /** + * Render debug infos. (including name, bounds info, position and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (sprite, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Sprite: ' + ' (' + sprite.width + ' x ' + sprite.height + ') origin: ' + sprite.transform.origin.x + ' x ' + sprite.transform.origin.y); + Phaser.DebugUtils.line('x: ' + sprite.x.toFixed(1) + ' y: ' + sprite.y.toFixed(1) + ' rotation: ' + sprite.rotation.toFixed(1)); + Phaser.DebugUtils.line('wx: ' + sprite.worldView.x + ' wy: ' + sprite.worldView.y + ' ww: ' + sprite.worldView.width.toFixed(1) + ' wh: ' + sprite.worldView.height.toFixed(1) + ' wb: ' + sprite.worldView.bottom + ' wr: ' + sprite.worldView.right); + Phaser.DebugUtils.line('sx: ' + sprite.transform.scale.x.toFixed(1) + ' sy: ' + sprite.transform.scale.y.toFixed(1)); + Phaser.DebugUtils.line('tx: ' + sprite.texture.width.toFixed(1) + ' ty: ' + sprite.texture.height.toFixed(1)); + Phaser.DebugUtils.line('center x: ' + sprite.transform.center.x + ' y: ' + sprite.transform.center.y); + Phaser.DebugUtils.line('cameraView x: ' + sprite.cameraView.x + ' y: ' + sprite.cameraView.y + ' width: ' + sprite.cameraView.width + ' height: ' + sprite.cameraView.height); + Phaser.DebugUtils.line('inCamera: ' + Phaser.DebugUtils.game.renderer.spriteRenderer.inCamera(Phaser.DebugUtils.game.camera, sprite)); + }; + + DebugUtils.renderSpriteBounds = function (sprite, camera, color) { + if (typeof camera === "undefined") { camera = null; } + if (typeof color === "undefined") { color = 'rgba(0,255,0,0.2)'; } + if (camera == null) { + camera = Phaser.DebugUtils.game.camera; + } + + var dx = sprite.worldView.x; + var dy = sprite.worldView.y; + + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.fillRect(dx, dy, sprite.width, sprite.height); + }; + + DebugUtils.renderPixel = function (x, y, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,1)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(x, y, 1, 1); + }; + + DebugUtils.renderPoint = function (point, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,1)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(point.x, point.y, 1, 1); + }; + + DebugUtils.renderRectangle = function (rect, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,0.3)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(rect.x, rect.y, rect.width, rect.height); + }; + + DebugUtils.renderCircle = function (circle, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,0.3)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.arc(circle.x, circle.y, circle.radius, 0, Math.PI * 2, false); + Phaser.DebugUtils.context.fill(); + }; + + DebugUtils.renderText = /** + * Render text + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (text, x, y, color, font) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + if (typeof font === "undefined") { font = '16px Courier'; } + Phaser.DebugUtils.context.font = font; + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.fillText(text, x, y); + }; + DebugUtils.font = '14px Courier'; + DebugUtils.lineHeight = 16; + + DebugUtils.renderShadow = true; + return DebugUtils; + })(); + Phaser.DebugUtils = DebugUtils; +})(Phaser || (Phaser = {})); +/// var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Headless) { var HeadlessRenderer = (function () { function HeadlessRenderer(game) { @@ -17353,13 +17436,14 @@ var Phaser; } HeadlessRenderer.prototype.render = function () { // Nothing, headless remember? - }; + }; + HeadlessRenderer.prototype.renderGameObject = function (camera, object) { // Nothing, headless remember? - }; + }; return HeadlessRenderer; })(); - Headless.HeadlessRenderer = HeadlessRenderer; + Headless.HeadlessRenderer = HeadlessRenderer; })(Renderer.Headless || (Renderer.Headless = {})); var Headless = Renderer.Headless; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -17368,9 +17452,7 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Canvas) { var CameraRenderer = (function () { function CameraRenderer(game) { @@ -17393,50 +17475,41 @@ var Phaser; this.game = game; } CameraRenderer.prototype.preRender = function (camera) { - if(camera.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { + if (camera.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { return false; } - if(this.game.device.patchAndroidClearRectBug) { + + if (this.game.device.patchAndroidClearRectBug) { camera.texture.context.fillStyle = 'rgb(0,0,0)'; camera.texture.context.fillRect(0, 0, camera.width, camera.height); } else { camera.texture.context.clearRect(0, 0, camera.width, camera.height); } - // Alpha - if(camera.texture.alpha !== 1 && camera.texture.context.globalAlpha != camera.texture.alpha) { + + if (camera.texture.alpha !== 1 && camera.texture.context.globalAlpha != camera.texture.alpha) { this._ga = camera.texture.context.globalAlpha; camera.texture.context.globalAlpha = camera.texture.alpha; } - if(camera.texture.opaque) { + + if (camera.texture.opaque) { camera.texture.context.fillStyle = camera.texture.backgroundColor; camera.texture.context.fillRect(0, 0, camera.width, camera.height); } - //if (camera.texture.loaded) - //{ - // camera.texture.context.drawImage( - // camera.texture.texture, // Source Image - // this._sx, // Source X (location within the source image) - // this._sy, // Source Y - // this._sw, // Source Width - // this._sh, // Source Height - // 0, // Destination X (where on the canvas it'll be drawn) - // 0, // Destination Y - // this._dw, // Destination Width (always same as Source Width unless scaled) - // this._dh // Destination Height (always same as Source Height unless scaled) - // ); - //} - // Global Composite Ops - if(camera.texture.globalCompositeOperation) { + + if (camera.texture.globalCompositeOperation) { camera.texture.context.globalCompositeOperation = camera.texture.globalCompositeOperation; } + camera.plugins.preRender(); }; + CameraRenderer.prototype.postRender = function (camera) { - // This could have been over-written by a sprite, need to store elsewhere - if(this._ga > -1) { + if (this._ga > -1) { camera.texture.context.globalAlpha = this._ga; } + camera.plugins.postRender(); + // Reset our temp vars this._ga = -1; this._sx = 0; @@ -17451,34 +17524,32 @@ var Phaser; this._dy = camera.screenView.y; this._dw = camera.width; this._dh = camera.height; + this.game.stage.context.save(); - // Flip X - if(camera.texture.flippedX) { + + if (camera.texture.flippedX) { this._fx = -camera.transform.scale.x; } - // Flip Y - if(camera.texture.flippedY) { + + if (camera.texture.flippedY) { this._fy = -camera.transform.scale.y; } - // Rotation and Flipped - if(camera.modified) { - if(camera.transform.rotation !== 0 || camera.transform.rotationOffset !== 0) { + + if (camera.modified) { + if (camera.transform.rotation !== 0 || camera.transform.rotationOffset !== 0) { this._sin = Math.sin(camera.game.math.degreesToRadians(camera.transform.rotationOffset + camera.transform.rotation)); this._cos = Math.cos(camera.game.math.degreesToRadians(camera.transform.rotationOffset + camera.transform.rotation)); } - this.game.stage.context.setTransform(this._cos * this._fx, // scale x - (this._sin * this._fx) + camera.transform.skew.x, // skew x - -(this._sin * this._fy) + camera.transform.skew.y, // skew y - this._cos * this._fy, // scale y - this._dx, // translate x - this._dy); - // translate y + + this.game.stage.context.setTransform(this._cos * this._fx, (this._sin * this._fx) + camera.transform.skew.x, -(this._sin * this._fy) + camera.transform.skew.y, this._cos * this._fy, this._dx, this._dy); + this._dx = camera.transform.origin.x * -this._dw; this._dy = camera.transform.origin.y * -this._dh; } else { this._dx -= (this._dw * camera.transform.origin.x); this._dy -= (this._dh * camera.transform.origin.y); } + this._sx = Math.floor(this._sx); this._sy = Math.floor(this._sy); this._sw = Math.floor(this._sw); @@ -17487,25 +17558,19 @@ var Phaser; this._dy = Math.floor(this._dy); this._dw = Math.floor(this._dw); this._dh = Math.floor(this._dh); - if(this._sw <= 0 || this._sh <= 0 || this._dw <= 0 || this._dh <= 0) { + + if (this._sw <= 0 || this._sh <= 0 || this._dw <= 0 || this._dh <= 0) { this.game.stage.context.restore(); return false; } - this.game.stage.context.drawImage(camera.texture.canvas, // Source Image - this._sx, // Source X (location within the source image) - this._sy, // Source Y - this._sw, // Source Width - this._sh, // Source Height - this._dx, // Destination X (where on the canvas it'll be drawn) - this._dy, // Destination Y - this._dw, // Destination Width (always same as Source Width unless scaled) - this._dh); - // Destination Height (always same as Source Height unless scaled) + + this.game.stage.context.drawImage(camera.texture.canvas, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + this.game.stage.context.restore(); }; return CameraRenderer; })(); - Canvas.CameraRenderer = CameraRenderer; + Canvas.CameraRenderer = CameraRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -17514,9 +17579,7 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Canvas) { var GeometryRenderer = (function () { function GeometryRenderer(game) { @@ -17555,6 +17618,7 @@ var Phaser; this._dy = camera.screenView.y + circle.y - camera.worldView.y; this._dw = circle.diameter; this._dh = circle.diameter; + this._sx = Math.floor(this._sx); this._sy = Math.floor(this._sy); this._sw = Math.floor(this._sw); @@ -17563,27 +17627,35 @@ var Phaser; this._dy = Math.floor(this._dy); this._dw = Math.floor(this._dw); this._dh = Math.floor(this._dh); + this.game.stage.saveCanvasValues(); + context.save(); context.lineWidth = lineWidth; context.strokeStyle = lineColor; context.fillStyle = fillColor; + context.beginPath(); context.arc(this._dx, this._dy, circle.radius, 0, Math.PI * 2); context.closePath(); - if(outline) { + + if (outline) { //context.stroke(); - } - if(fill) { + } + + if (fill) { context.fill(); } + context.restore(); + this.game.stage.restoreCanvasValues(); + return true; }; return GeometryRenderer; })(); - Canvas.GeometryRenderer = GeometryRenderer; + Canvas.GeometryRenderer = GeometryRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -17592,9 +17664,7 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Canvas) { var GroupRenderer = (function () { function GroupRenderer(game) { @@ -17615,9 +17685,10 @@ var Phaser; this.game = game; } GroupRenderer.prototype.preRender = function (camera, group) { - if(group.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { + if (group.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { return false; } + // Reset our temp vars this._ga = -1; this._sx = 0; @@ -17628,52 +17699,51 @@ var Phaser; this._fy = group.transform.scale.y; this._sin = 0; this._cos = 1; + //this._dx = (camera.screenView.x * camera.scrollFactor.x) + camera.frameBounds.x - (camera.worldView.x * camera.scrollFactor.x); //this._dy = (camera.screenView.y * camera.scrollFactor.y) + camera.frameBounds.y - (camera.worldView.y * camera.scrollFactor.y); this._dx = 0; this._dy = 0; this._dw = group.texture.width; this._dh = group.texture.height; - // Global Composite Ops - if(group.texture.globalCompositeOperation) { + + if (group.texture.globalCompositeOperation) { group.texture.context.save(); group.texture.context.globalCompositeOperation = group.texture.globalCompositeOperation; } - // Alpha - if(group.texture.alpha !== 1 && group.texture.context.globalAlpha !== group.texture.alpha) { + + if (group.texture.alpha !== 1 && group.texture.context.globalAlpha !== group.texture.alpha) { this._ga = group.texture.context.globalAlpha; group.texture.context.globalAlpha = group.texture.alpha; } - // Flip X - if(group.texture.flippedX) { + + if (group.texture.flippedX) { this._fx = -group.transform.scale.x; } - // Flip Y - if(group.texture.flippedY) { + + if (group.texture.flippedY) { this._fy = -group.transform.scale.y; } - // Rotation and Flipped - if(group.modified) { - if(group.transform.rotation !== 0 || group.transform.rotationOffset !== 0) { + + if (group.modified) { + if (group.transform.rotation !== 0 || group.transform.rotationOffset !== 0) { this._sin = Math.sin(group.game.math.degreesToRadians(group.transform.rotationOffset + group.transform.rotation)); this._cos = Math.cos(group.game.math.degreesToRadians(group.transform.rotationOffset + group.transform.rotation)); } + group.texture.context.save(); - group.texture.context.setTransform(this._cos * this._fx, // scale x - (this._sin * this._fx) + group.transform.skew.x, // skew x - -(this._sin * this._fy) + group.transform.skew.y, // skew y - this._cos * this._fy, // scale y - this._dx, // translate x - this._dy); - // translate y + + group.texture.context.setTransform(this._cos * this._fx, (this._sin * this._fx) + group.transform.skew.x, -(this._sin * this._fy) + group.transform.skew.y, this._cos * this._fy, this._dx, this._dy); + this._dx = -group.transform.origin.x; this._dy = -group.transform.origin.y; } else { - if(!group.transform.origin.equals(0)) { + if (!group.transform.origin.equals(0)) { this._dx -= group.transform.origin.x; this._dy -= group.transform.origin.y; } } + this._sx = Math.floor(this._sx); this._sy = Math.floor(this._sy); this._sw = Math.floor(this._sw); @@ -17682,35 +17752,31 @@ var Phaser; this._dy = Math.floor(this._dy); this._dw = Math.floor(this._dw); this._dh = Math.floor(this._dh); - if(group.texture.opaque) { + + if (group.texture.opaque) { group.texture.context.fillStyle = group.texture.backgroundColor; group.texture.context.fillRect(this._dx, this._dy, this._dw, this._dh); } - if(group.texture.loaded) { - group.texture.context.drawImage(group.texture.texture, // Source Image - this._sx, // Source X (location within the source image) - this._sy, // Source Y - this._sw, // Source Width - this._sh, // Source Height - this._dx, // Destination X (where on the canvas it'll be drawn) - this._dy, // Destination Y - this._dw, // Destination Width (always same as Source Width unless scaled) - this._dh); - // Destination Height (always same as Source Height unless scaled) - } + + if (group.texture.loaded) { + group.texture.context.drawImage(group.texture.texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + return true; }; + GroupRenderer.prototype.postRender = function (camera, group) { - if(group.modified || group.texture.globalCompositeOperation) { + if (group.modified || group.texture.globalCompositeOperation) { group.texture.context.restore(); } - if(this._ga > -1) { + + if (this._ga > -1) { group.texture.context.globalAlpha = this._ga; } }; return GroupRenderer; })(); - Canvas.GroupRenderer = GroupRenderer; + Canvas.GroupRenderer = GroupRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -17719,9 +17785,7 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Canvas) { var ScrollZoneRenderer = (function () { function ScrollZoneRenderer(game) { @@ -17741,23 +17805,25 @@ var Phaser; this._cos = 1; this.game = game; } - ScrollZoneRenderer.prototype.inCamera = /** + /** * Check whether this object is visible in a specific camera Rectangle. * @param camera {Rectangle} The Rectangle you want to check. * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. */ - function (camera, scrollZone) { - // Object fixed in place regardless of the camera scrolling? Then it's always visible - if(scrollZone.transform.scrollFactor.equals(0)) { + ScrollZoneRenderer.prototype.inCamera = function (camera, scrollZone) { + if (scrollZone.transform.scrollFactor.equals(0)) { return true; } + //return RectangleUtils.intersects(sprite.cameraView, camera.screenView); return true; }; + ScrollZoneRenderer.prototype.render = function (camera, scrollZone) { - if(scrollZone.transform.scale.x == 0 || scrollZone.transform.scale.y == 0 || scrollZone.texture.alpha < 0.1 || this.inCamera(camera, scrollZone) == false) { + if (scrollZone.transform.scale.x == 0 || scrollZone.transform.scale.y == 0 || scrollZone.texture.alpha < 0.1 || this.inCamera(camera, scrollZone) == false) { return false; } + // Reset our temp vars this._ga = -1; this._sx = 0; @@ -17772,41 +17838,39 @@ var Phaser; this._dy = (camera.screenView.y * scrollZone.transform.scrollFactor.y) + scrollZone.y - (camera.worldView.y * scrollZone.transform.scrollFactor.y); this._dw = scrollZone.width; this._dh = scrollZone.height; - // Alpha - if(scrollZone.texture.alpha !== 1) { + + if (scrollZone.texture.alpha !== 1) { this._ga = scrollZone.texture.context.globalAlpha; scrollZone.texture.context.globalAlpha = scrollZone.texture.alpha; } - // Sprite Flip X - if(scrollZone.texture.flippedX) { + + if (scrollZone.texture.flippedX) { this._fx = -scrollZone.transform.scale.x; } - // Sprite Flip Y - if(scrollZone.texture.flippedY) { + + if (scrollZone.texture.flippedY) { this._fy = -scrollZone.transform.scale.y; } - // Rotation and Flipped - if(scrollZone.modified) { - if(scrollZone.texture.renderRotation == true && (scrollZone.rotation !== 0 || scrollZone.transform.rotationOffset !== 0)) { + + if (scrollZone.modified) { + if (scrollZone.texture.renderRotation == true && (scrollZone.rotation !== 0 || scrollZone.transform.rotationOffset !== 0)) { this._sin = Math.sin(scrollZone.game.math.degreesToRadians(scrollZone.transform.rotationOffset + scrollZone.rotation)); this._cos = Math.cos(scrollZone.game.math.degreesToRadians(scrollZone.transform.rotationOffset + scrollZone.rotation)); } + scrollZone.texture.context.save(); - scrollZone.texture.context.setTransform(this._cos * this._fx, // scale x - (this._sin * this._fx) + scrollZone.transform.skew.x, // skew x - -(this._sin * this._fy) + scrollZone.transform.skew.y, // skew y - this._cos * this._fy, // scale y - this._dx, // translate x - this._dy); - // translate y + + scrollZone.texture.context.setTransform(this._cos * this._fx, (this._sin * this._fx) + scrollZone.transform.skew.x, -(this._sin * this._fy) + scrollZone.transform.skew.y, this._cos * this._fy, this._dx, this._dy); + this._dx = -scrollZone.transform.origin.x; this._dy = -scrollZone.transform.origin.y; } else { - if(!scrollZone.transform.origin.equals(0)) { + if (!scrollZone.transform.origin.equals(0)) { this._dx -= scrollZone.transform.origin.x; this._dy -= scrollZone.transform.origin.y; } } + this._sx = Math.floor(this._sx); this._sy = Math.floor(this._sy); this._sw = Math.floor(this._sw); @@ -17815,25 +17879,30 @@ var Phaser; this._dy = Math.floor(this._dy); this._dw = Math.floor(this._dw); this._dh = Math.floor(this._dh); - for(var i = 0; i < scrollZone.regions.length; i++) { - if(scrollZone.texture.isDynamic) { + + for (var i = 0; i < scrollZone.regions.length; i++) { + if (scrollZone.texture.isDynamic) { scrollZone.regions[i].render(scrollZone.texture.context, scrollZone.texture.texture, this._dx, this._dy, this._dw, this._dh); } else { scrollZone.regions[i].render(scrollZone.texture.context, scrollZone.texture.texture, this._dx, this._dy, this._dw, this._dh); } } - if(scrollZone.modified) { + + if (scrollZone.modified) { scrollZone.texture.context.restore(); } - if(this._ga > -1) { + + if (this._ga > -1) { scrollZone.texture.context.globalAlpha = this._ga; } + this.game.renderer.renderCount++; + return true; }; return ScrollZoneRenderer; })(); - Canvas.ScrollZoneRenderer = ScrollZoneRenderer; + Canvas.ScrollZoneRenderer = ScrollZoneRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -17842,9 +17911,7 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Canvas) { var SpriteRenderer = (function () { function SpriteRenderer(game) { @@ -17861,45 +17928,51 @@ var Phaser; this._dh = 0; this.game = game; } - SpriteRenderer.prototype.inCamera = /** + /** * Check whether this object is visible in a specific camera Rectangle. * @param camera {Rectangle} The Rectangle you want to check. * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. */ - function (camera, sprite) { - // Object fixed in place regardless of the camera scrolling? Then it's always visible - if(sprite.transform.scrollFactor.equals(0)) { + SpriteRenderer.prototype.inCamera = function (camera, sprite) { + if (sprite.transform.scrollFactor.equals(0)) { return true; } + //return RectangleUtils.intersects(sprite.cameraView, camera.screenView); return true; }; - SpriteRenderer.prototype.render = /** + + /** * Render this sprite to specific camera. Called by game loop after update(). * @param camera {Camera} Camera this sprite will be rendered to. * @return {boolean} Return false if not rendered, otherwise return true. */ - function (camera, sprite) { + SpriteRenderer.prototype.render = function (camera, sprite) { Phaser.SpriteUtils.updateCameraView(camera, sprite); - if(sprite.transform.scale.x == 0 || sprite.transform.scale.y == 0 || sprite.texture.alpha < 0.1 || this.inCamera(camera, sprite) == false) { + + if (sprite.transform.scale.x == 0 || sprite.transform.scale.y == 0 || sprite.texture.alpha < 0.1 || this.inCamera(camera, sprite) == false) { return false; } + // Reset our temp vars this._ga = -1; this._sx = 0; this._sy = 0; this._sw = sprite.texture.width; this._sh = sprite.texture.height; + //this._dx = camera.screenView.x + sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x); //this._dy = camera.screenView.y + sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y); this._dx = sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x); this._dy = sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y); this._dw = sprite.texture.width; this._dh = sprite.texture.height; - if(sprite.animations.currentFrame !== null) { + + if (sprite.animations.currentFrame !== null) { this._sx = sprite.animations.currentFrame.x; this._sy = sprite.animations.currentFrame.y; - if(sprite.animations.currentFrame.trimmed) { + + if (sprite.animations.currentFrame.trimmed) { this._dx += sprite.animations.currentFrame.spriteSourceSizeX; this._dy += sprite.animations.currentFrame.spriteSourceSizeY; this._sw = sprite.animations.currentFrame.spriteSourceSizeW; @@ -17908,22 +17981,20 @@ var Phaser; this._dh = sprite.animations.currentFrame.spriteSourceSizeH; } } - if(sprite.modified) { + + if (sprite.modified) { camera.texture.context.save(); - camera.texture.context.setTransform(sprite.transform.local.data[0], // scale x - sprite.transform.local.data[3], // skew x - sprite.transform.local.data[1], // skew y - sprite.transform.local.data[4], // scale y - this._dx, // translate x - this._dy); - // translate y + + camera.texture.context.setTransform(sprite.transform.local.data[0], sprite.transform.local.data[3], sprite.transform.local.data[1], sprite.transform.local.data[4], this._dx, this._dy); + this._dx = sprite.transform.origin.x * -this._dw; this._dy = sprite.transform.origin.y * -this._dh; } else { this._dx -= (this._dw * sprite.transform.origin.x); this._dy -= (this._dh * sprite.transform.origin.y); } - if(sprite.crop) { + + if (sprite.crop) { this._sx += sprite.crop.x * sprite.transform.scale.x; this._sy += sprite.crop.y * sprite.transform.scale.y; this._sw = sprite.crop.width * sprite.transform.scale.x; @@ -17933,6 +18004,7 @@ var Phaser; this._dw = sprite.crop.width * sprite.transform.scale.x; this._dh = sprite.crop.height * sprite.transform.scale.y; } + this._sx = Math.floor(this._sx); this._sy = Math.floor(this._sy); this._sw = Math.floor(this._sw); @@ -17941,48 +18013,47 @@ var Phaser; this._dy = Math.floor(this._dy); this._dw = Math.floor(this._dw); this._dh = Math.floor(this._dh); - if(this._sw <= 0 || this._sh <= 0 || this._dw <= 0 || this._dh <= 0) { + + if (this._sw <= 0 || this._sh <= 0 || this._dw <= 0 || this._dh <= 0) { return false; } - // Global Composite Ops - if(sprite.texture.globalCompositeOperation) { + + if (sprite.texture.globalCompositeOperation) { camera.texture.context.save(); camera.texture.context.globalCompositeOperation = sprite.texture.globalCompositeOperation; } - // Alpha - if(sprite.texture.alpha !== 1 && camera.texture.context.globalAlpha != sprite.texture.alpha) { + + if (sprite.texture.alpha !== 1 && camera.texture.context.globalAlpha != sprite.texture.alpha) { this._ga = sprite.texture.context.globalAlpha; camera.texture.context.globalAlpha = sprite.texture.alpha; } - if(sprite.texture.opaque) { + + if (sprite.texture.opaque) { camera.texture.context.fillStyle = sprite.texture.backgroundColor; camera.texture.context.fillRect(this._dx, this._dy, this._dw, this._dh); } - if(sprite.texture.loaded) { - camera.texture.context.drawImage(sprite.texture.texture, // Source Image - this._sx, // Source X (location within the source image) - this._sy, // Source Y - this._sw, // Source Width - this._sh, // Source Height - this._dx, // Destination X (where on the canvas it'll be drawn) - this._dy, // Destination Y - this._dw, // Destination Width (always same as Source Width unless scaled) - this._dh); - // Destination Height (always same as Source Height unless scaled) - } - if(sprite.modified || sprite.texture.globalCompositeOperation) { + + if (sprite.texture.loaded) { + camera.texture.context.drawImage(sprite.texture.texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + + if (sprite.modified || sprite.texture.globalCompositeOperation) { camera.texture.context.restore(); } - if(this._ga > -1) { + + if (this._ga > -1) { camera.texture.context.globalAlpha = this._ga; } + sprite.renderOrderID = this.game.renderer.renderCount; + this.game.renderer.renderCount++; + return true; }; return SpriteRenderer; })(); - Canvas.SpriteRenderer = SpriteRenderer; + Canvas.SpriteRenderer = SpriteRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -17991,72 +18062,72 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// + /// (function (Canvas) { var TilemapRenderer = (function () { function TilemapRenderer(game) { // Local rendering related temp vars to help avoid gc spikes through constant var creation this._ga = 1; - //private _sx: number = 0; - //private _sy: number = 0; - //private _sw: number = 0; - //private _sh: number = 0; this._dx = 0; this._dy = 0; this._dw = 0; this._dh = 0; - //private _fx: number = 1; - //private _fy: number = 1; this._tx = 0; this._ty = 0; this._tl = 0; - //private _sin: number = 0; - //private _cos: number = 1; this._maxX = 0; this._maxY = 0; this._startX = 0; this._startY = 0; this.game = game; } - TilemapRenderer.prototype.render = /** + /** * Render a tilemap to a specific camera. * @param camera {Camera} The camera this tilemap will be rendered to. */ - function (camera, tilemap) { + TilemapRenderer.prototype.render = function (camera, tilemap) { // Loop through the layers this._tl = tilemap.layers.length; - for(var i = 0; i < this._tl; i++) { - if(tilemap.layers[i].visible == false || tilemap.layers[i].alpha < 0.1) { + + for (var i = 0; i < this._tl; i++) { + if (tilemap.layers[i].visible == false || tilemap.layers[i].alpha < 0.1) { continue; } + var layer = tilemap.layers[i]; + // Work out how many tiles we can fit into our camera and round it up for the edges this._maxX = this.game.math.ceil(camera.width / layer.tileWidth) + 1; this._maxY = this.game.math.ceil(camera.height / layer.tileHeight) + 1; + // And now work out where in the tilemap the camera actually is this._startX = this.game.math.floor(camera.worldView.x / layer.tileWidth); this._startY = this.game.math.floor(camera.worldView.y / layer.tileHeight); - // Tilemap bounds check - if(this._startX < 0) { + + if (this._startX < 0) { this._startX = 0; } - if(this._startY < 0) { + + if (this._startY < 0) { this._startY = 0; } - if(this._maxX > layer.widthInTiles) { + + if (this._maxX > layer.widthInTiles) { this._maxX = layer.widthInTiles; } - if(this._maxY > layer.heightInTiles) { + + if (this._maxY > layer.heightInTiles) { this._maxY = layer.heightInTiles; } - if(this._startX + this._maxX > layer.widthInTiles) { + + if (this._startX + this._maxX > layer.widthInTiles) { this._startX = layer.widthInTiles - this._maxX; } - if(this._startY + this._maxY > layer.heightInTiles) { + + if (this._startY + this._maxY > layer.heightInTiles) { this._startY = layer.heightInTiles - this._maxY; } + // Finally get the offset to avoid the blocky movement //this._dx = (camera.screenView.x * layer.transform.scrollFactor.x) - (camera.worldView.x * layer.transform.scrollFactor.x); //this._dy = (camera.screenView.y * layer.transform.scrollFactor.y) - (camera.worldView.y * layer.transform.scrollFactor.y); @@ -18064,35 +18135,43 @@ var Phaser; //this._dy = (camera.screenView.y * this.scrollFactor.y) + this.y - (camera.worldView.y * this.scrollFactor.y); this._dx = 0; this._dy = 0; + this._dx += -(camera.worldView.x - (this._startX * layer.tileWidth)); this._dy += -(camera.worldView.y - (this._startY * layer.tileHeight)); + this._tx = this._dx; this._ty = this._dy; - // Alpha - if(layer.texture.alpha !== 1) { + + if (layer.texture.alpha !== 1) { this._ga = layer.texture.context.globalAlpha; layer.texture.context.globalAlpha = layer.texture.alpha; } - for(var row = this._startY; row < this._startY + this._maxY; row++) { + + for (var row = this._startY; row < this._startY + this._maxY; row++) { this._columnData = layer.mapData[row]; - for(var tile = this._startX; tile < this._startX + this._maxX; tile++) { - if(layer.tileOffsets[this._columnData[tile]]) { + + for (var tile = this._startX; tile < this._startX + this._maxX; tile++) { + if (layer.tileOffsets[this._columnData[tile]]) { layer.texture.context.drawImage(layer.texture.texture, layer.tileOffsets[this._columnData[tile]].x, layer.tileOffsets[this._columnData[tile]].y, layer.tileWidth, layer.tileHeight, this._tx, this._ty, layer.tileWidth, layer.tileHeight); } + this._tx += layer.tileWidth; } + this._tx = this._dx; this._ty += layer.tileHeight; } - if(this._ga > -1) { + + if (this._ga > -1) { layer.texture.context.globalAlpha = this._ga; } } + return true; }; return TilemapRenderer; })(); - Canvas.TilemapRenderer = TilemapRenderer; + Canvas.TilemapRenderer = TilemapRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); @@ -18101,321 +18180,612 @@ var Phaser; var Phaser; (function (Phaser) { (function (Renderer) { - /// - /// - /// - /// - /// - /// - /// - /// - /// - /// - /// + /// (function (Canvas) { var CanvasRenderer = (function () { function CanvasRenderer(game) { this._c = 0; this.game = game; - this.cameraRenderer = new Canvas.CameraRenderer(game); - this.groupRenderer = new Canvas.GroupRenderer(game); - this.spriteRenderer = new Canvas.SpriteRenderer(game); - this.geometryRenderer = new Canvas.GeometryRenderer(game); - this.scrollZoneRenderer = new Canvas.ScrollZoneRenderer(game); - this.tilemapRenderer = new Canvas.TilemapRenderer(game); + + this.cameraRenderer = new Phaser.Renderer.Canvas.CameraRenderer(game); + this.groupRenderer = new Phaser.Renderer.Canvas.GroupRenderer(game); + this.spriteRenderer = new Phaser.Renderer.Canvas.SpriteRenderer(game); + this.geometryRenderer = new Phaser.Renderer.Canvas.GeometryRenderer(game); + this.scrollZoneRenderer = new Phaser.Renderer.Canvas.ScrollZoneRenderer(game); + this.tilemapRenderer = new Phaser.Renderer.Canvas.TilemapRenderer(game); } CanvasRenderer.prototype.render = function () { this._cameraList = this.game.world.getAllCameras(); this.renderCount = 0; - // Then iterate through world.group on them all (where not blacklisted, etc) - for(this._c = 0; this._c < this._cameraList.length; this._c++) { - if(this._cameraList[this._c].visible) { + + for (this._c = 0; this._c < this._cameraList.length; this._c++) { + if (this._cameraList[this._c].visible) { this.cameraRenderer.preRender(this._cameraList[this._c]); + this.game.world.group.render(this._cameraList[this._c]); + this.cameraRenderer.postRender(this._cameraList[this._c]); } } + this.renderTotal = this.renderCount; }; + CanvasRenderer.prototype.renderGameObject = function (camera, object) { - if(object.type == Phaser.Types.SPRITE || object.type == Phaser.Types.BUTTON) { + if (object.type == Phaser.Types.SPRITE || object.type == Phaser.Types.BUTTON) { this.spriteRenderer.render(camera, object); - } else if(object.type == Phaser.Types.SCROLLZONE) { + } else if (object.type == Phaser.Types.SCROLLZONE) { this.scrollZoneRenderer.render(camera, object); - } else if(object.type == Phaser.Types.TILEMAP) { + } else if (object.type == Phaser.Types.TILEMAP) { this.tilemapRenderer.render(camera, object); } }; return CanvasRenderer; })(); - Canvas.CanvasRenderer = CanvasRenderer; + Canvas.CanvasRenderer = CanvasRenderer; })(Renderer.Canvas || (Renderer.Canvas = {})); var Canvas = Renderer.Canvas; })(Phaser.Renderer || (Phaser.Renderer = {})); var Renderer = Phaser.Renderer; })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// +/// /** -* Phaser - DebugUtils +* Phaser - World * -* A collection of methods for displaying debug information about game objects. +* "This world is but a canvas to our imagination." - Henry David Thoreau +* +* A game has only one world. The world is an abstract place in which all game objects live. It is not bound +* by stage limits and can be any size or dimension. You look into the world via cameras and all game objects +* live within the world at world-based coordinates. By default a world is created the same size as your Stage. */ var Phaser; (function (Phaser) { - var DebugUtils = (function () { - function DebugUtils() { } - DebugUtils.font = '14px Courier'; - DebugUtils.lineHeight = 16; - DebugUtils.renderShadow = true; - DebugUtils.start = function start(x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.currentX = x; - DebugUtils.currentY = y; - DebugUtils.currentColor = color; - DebugUtils.context.fillStyle = color; - DebugUtils.context.font = DebugUtils.font; - }; - DebugUtils.line = function line(text, x, y) { - if (typeof x === "undefined") { x = null; } - if (typeof y === "undefined") { y = null; } - if(x !== null) { - DebugUtils.currentX = x; - } - if(y !== null) { - DebugUtils.currentY = y; - } - if(DebugUtils.renderShadow) { - DebugUtils.context.fillStyle = 'rgb(0,0,0)'; - DebugUtils.context.fillText(text, DebugUtils.currentX + 1, DebugUtils.currentY + 1); - DebugUtils.context.fillStyle = DebugUtils.currentColor; - } - DebugUtils.context.fillText(text, DebugUtils.currentX, DebugUtils.currentY); - DebugUtils.currentY += DebugUtils.lineHeight; - }; - DebugUtils.renderSpriteCorners = function renderSpriteCorners(sprite, color) { - if (typeof color === "undefined") { color = 'rgb(255,0,255)'; } - DebugUtils.start(0, 0, color); - DebugUtils.line('x: ' + Math.floor(sprite.transform.upperLeft.x) + ' y: ' + Math.floor(sprite.transform.upperLeft.y), sprite.transform.upperLeft.x, sprite.transform.upperLeft.y); - DebugUtils.line('x: ' + Math.floor(sprite.transform.upperRight.x) + ' y: ' + Math.floor(sprite.transform.upperRight.y), sprite.transform.upperRight.x, sprite.transform.upperRight.y); - DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomLeft.x) + ' y: ' + Math.floor(sprite.transform.bottomLeft.y), sprite.transform.bottomLeft.x, sprite.transform.bottomLeft.y); - DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomRight.x) + ' y: ' + Math.floor(sprite.transform.bottomRight.y), sprite.transform.bottomRight.x, sprite.transform.bottomRight.y); - }; - DebugUtils.renderSoundInfo = /** - * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) + var World = (function () { + /** + * World constructor + * Create a new World with specific width and height. + * + * @param width {number} Width of the world bound. + * @param height {number} Height of the world bound. */ - function renderSoundInfo(sound, x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.start(x, y, color); - DebugUtils.line('Sound: ' + sound.key + ' Locked: ' + sound.game.sound.touchLocked + ' Pending Playback: ' + sound.pendingPlayback); - DebugUtils.line('Decoded: ' + sound.isDecoded + ' Decoding: ' + sound.isDecoding); - DebugUtils.line('Total Duration: ' + sound.totalDuration + ' Playing: ' + sound.isPlaying); - DebugUtils.line('Time: ' + sound.currentTime); - DebugUtils.line('Volume: ' + sound.volume + ' Muted: ' + sound.mute); - DebugUtils.line('WebAudio: ' + sound.usingWebAudio + ' Audio: ' + sound.usingAudioTag); - if(sound.currentMarker !== '') { - DebugUtils.line('Marker: ' + sound.currentMarker + ' Duration: ' + sound.duration); - DebugUtils.line('Start: ' + sound.markers[sound.currentMarker].start + ' Stop: ' + sound.markers[sound.currentMarker].stop); - DebugUtils.line('Position: ' + sound.position); - } + function World(game, width, height) { + /** + * Object container stores every object created with `create*` methods. + * @type {Group} + */ + this._groupCounter = 0; + this.game = game; + + this.cameras = new Phaser.CameraManager(this.game, 0, 0, width, height); + + this.bounds = new Phaser.Rectangle(0, 0, width, height); + } + World.prototype.getNextGroupID = function () { + return this._groupCounter++; }; - DebugUtils.renderCameraInfo = /** - * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) + + /** + * Called once by Game during the boot process. */ - function renderCameraInfo(camera, x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.start(x, y, color); - DebugUtils.line('Camera ID: ' + camera.ID + ' (' + camera.screenView.width + ' x ' + camera.screenView.height + ')'); - DebugUtils.line('X: ' + camera.x + ' Y: ' + camera.y + ' Rotation: ' + camera.transform.rotation); - DebugUtils.line('WorldView X: ' + camera.worldView.x + ' Y: ' + camera.worldView.y + ' W: ' + camera.worldView.width + ' H: ' + camera.worldView.height); - DebugUtils.line('ScreenView X: ' + camera.screenView.x + ' Y: ' + camera.screenView.y + ' W: ' + camera.screenView.width + ' H: ' + camera.screenView.height); - if(camera.worldBounds) { - DebugUtils.line('Bounds: ' + camera.worldBounds.width + ' x ' + camera.worldBounds.height); - } + World.prototype.boot = function () { + this.group = new Phaser.Group(this.game, 0); }; - DebugUtils.renderPointer = /** - * Renders the Pointer.circle object onto the stage in green if down or red if up. - * @method renderDebug + + /** + * This is called automatically every frame, and is where main logic happens. */ - function renderPointer(pointer, hideIfUp, downColor, upColor, color) { - if (typeof hideIfUp === "undefined") { hideIfUp = false; } - if (typeof downColor === "undefined") { downColor = 'rgba(0,255,0,0.5)'; } - if (typeof upColor === "undefined") { upColor = 'rgba(255,0,0,0.5)'; } - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - if(hideIfUp == true && pointer.isUp == true) { + World.prototype.update = function () { + this.group.update(); + this.cameras.update(); + }; + + /** + * This is called automatically every frame, and is where main logic happens. + */ + World.prototype.postUpdate = function () { + this.group.postUpdate(); + this.cameras.postUpdate(); + }; + + /** + * Clean up memory. + */ + World.prototype.destroy = function () { + this.group.destroy(); + this.cameras.destroy(); + }; + + /** + * Updates the size of this world. + * + * @param width {number} New width of the world. + * @param height {number} New height of the world. + * @param [updateCameraBounds] {boolean} Update camera bounds automatically or not. Default to true. + */ + World.prototype.setSize = function (width, height, updateCameraBounds) { + if (typeof updateCameraBounds === "undefined") { updateCameraBounds = true; } + this.bounds.width = width; + this.bounds.height = height; + + if (updateCameraBounds == true) { + this.game.camera.setBounds(0, 0, width, height); + } + // dispatch world resize event + }; + + Object.defineProperty(World.prototype, "width", { + get: function () { + return this.bounds.width; + }, + set: function (value) { + this.bounds.width = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(World.prototype, "height", { + get: function () { + return this.bounds.height; + }, + set: function (value) { + this.bounds.height = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(World.prototype, "centerX", { + get: function () { + return this.bounds.halfWidth; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(World.prototype, "centerY", { + get: function () { + return this.bounds.halfHeight; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(World.prototype, "randomX", { + get: function () { + return Math.round(Math.random() * this.bounds.width); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(World.prototype, "randomY", { + get: function () { + return Math.round(Math.random() * this.bounds.height); + }, + enumerable: true, + configurable: true + }); + + /** + * Get all the cameras. + * + * @returns {array} An array contains all the cameras. + */ + World.prototype.getAllCameras = function () { + return this.cameras.getAll(); + }; + return World; + })(); + Phaser.World = World; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Stage +* +* The Stage is the canvas on which everything is displayed. This class handles display within the web browser, focus handling, +* resizing, scaling and pause/boot screens. +*/ +var Phaser; +(function (Phaser) { + var Stage = (function () { + /** + * Stage constructor + * + * Create a new Stage with specific width and height. + * + * @param parent {number} ID of parent DOM element. + * @param width {number} Width of the stage. + * @param height {number} Height of the stage. + */ + function Stage(game, parent, width, height) { + var _this = this; + /** + * Background color of the stage (defaults to black). Set via the public backgroundColor property. + * @type {string} + */ + this._backgroundColor = 'rgb(0,0,0)'; + /** + * Clear the whole stage every frame? (Default to true) + * @type {boolean} + */ + this.clear = true; + /** + * Do not use pause screen when game is paused? + * (Default to false, aka always use PauseScreen) + * @type {boolean} + */ + this.disablePauseScreen = false; + /** + * Do not use boot screen when engine starts? + * (Default to false, aka always use BootScreen) + * @type {boolean} + */ + this.disableBootScreen = false; + /** + * If set to true the game will never pause when the browser or browser tab loses focuses + * @type {boolean} + */ + this.disableVisibilityChange = false; + this.game = game; + + this.canvas = document.createElement('canvas'); + this.canvas.width = width; + this.canvas.height = height; + + if ((parent !== '' || parent !== null) && document.getElementById(parent)) { + document.getElementById(parent).appendChild(this.canvas); + document.getElementById(parent).style.overflow = 'hidden'; + } else { + document.body.appendChild(this.canvas); + } + + // Consume default actions on the canvas + this.canvas.style.msTouchAction = 'none'; + this.canvas.style['ms-touch-action'] = 'none'; + this.canvas.style['touch-action'] = 'none'; + this.canvas.style.backgroundColor = 'rgb(0,0,0)'; + this.canvas.oncontextmenu = function (event) { + event.preventDefault(); + }; + + this.context = this.canvas.getContext('2d'); + + this.css3 = new Phaser.Display.CSS3Filters(this.canvas); + + this.scaleMode = Phaser.StageScaleMode.NO_SCALE; + this.scale = new Phaser.StageScaleMode(this.game, width, height); + + this.getOffset(this.canvas); + this.bounds = new Phaser.Rectangle(this.offset.x, this.offset.y, width, height); + this.aspectRatio = width / height; + + document.addEventListener('visibilitychange', function (event) { + return _this.visibilityChange(event); + }, false); + document.addEventListener('webkitvisibilitychange', function (event) { + return _this.visibilityChange(event); + }, false); + document.addEventListener('pagehide', function (event) { + return _this.visibilityChange(event); + }, false); + document.addEventListener('pageshow', function (event) { + return _this.visibilityChange(event); + }, false); + window.onblur = function (event) { + return _this.visibilityChange(event); + }; + window.onfocus = function (event) { + return _this.visibilityChange(event); + }; + } + /** + * Stage boot + */ + Stage.prototype.boot = function () { + this.bootScreen = new Phaser.BootScreen(this.game); + this.pauseScreen = new Phaser.PauseScreen(this.game, this.width, this.height); + this.orientationScreen = new Phaser.OrientationScreen(this.game); + + this.scale.setScreenSize(true); + }; + + /** + * Update stage for rendering. This will handle scaling, clearing + * and PauseScreen/BootScreen updating and rendering. + */ + Stage.prototype.update = function () { + this.scale.update(); + + this.context.setTransform(1, 0, 0, 1, 0, 0); + + if (this.clear || (this.game.paused && this.disablePauseScreen == false)) { + if (this.game.device.patchAndroidClearRectBug) { + this.context.fillStyle = 'rgb(0,0,0)'; + this.context.fillRect(0, 0, this.width, this.height); + } else { + this.context.clearRect(0, 0, this.width, this.height); + } + } + + if (this.game.paused && this.scale.incorrectOrientation) { + this.orientationScreen.update(); + this.orientationScreen.render(); return; } - DebugUtils.context.beginPath(); - DebugUtils.context.arc(pointer.x, pointer.y, pointer.circle.radius, 0, Math.PI * 2); - if(pointer.active) { - DebugUtils.context.fillStyle = downColor; + + if (this.game.isRunning == false && this.disableBootScreen == false) { + this.bootScreen.update(); + this.bootScreen.render(); + } + + if (this.game.paused && this.disablePauseScreen == false) { + this.pauseScreen.update(); + this.pauseScreen.render(); + } + }; + + /** + * This method is called when the canvas elements visibility is changed. + */ + Stage.prototype.visibilityChange = function (event) { + if (this.disableVisibilityChange) { + return; + } + + if (event.type == 'pagehide' || event.type == 'blur' || document['hidden'] == true || document['webkitHidden'] == true) { + if (this.game.paused == false) { + this.pauseGame(); + } } else { - DebugUtils.context.fillStyle = upColor; + if (this.game.paused == true) { + this.resumeGame(); + } } - DebugUtils.context.fill(); - DebugUtils.context.closePath(); - // Render the points - DebugUtils.context.beginPath(); - DebugUtils.context.moveTo(pointer.positionDown.x, pointer.positionDown.y); - DebugUtils.context.lineTo(pointer.position.x, pointer.position.y); - DebugUtils.context.lineWidth = 2; - DebugUtils.context.stroke(); - DebugUtils.context.closePath(); - // Render the text - DebugUtils.start(pointer.x, pointer.y - 100, color); - DebugUtils.line('ID: ' + pointer.id + " Active: " + pointer.active); - DebugUtils.line('World X: ' + pointer.worldX + " World Y: " + pointer.worldY); - DebugUtils.line('Screen X: ' + pointer.x + " Screen Y: " + pointer.y); - DebugUtils.line('Duration: ' + pointer.duration + " ms"); }; - DebugUtils.renderSpriteInputInfo = /** - * Render Sprite Input Debug information - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - function renderSpriteInputInfo(sprite, x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.start(x, y, color); - DebugUtils.line('Sprite Input: (' + sprite.width + ' x ' + sprite.height + ')'); - DebugUtils.line('x: ' + sprite.input.pointerX().toFixed(1) + ' y: ' + sprite.input.pointerY().toFixed(1)); - DebugUtils.line('over: ' + sprite.input.pointerOver() + ' duration: ' + sprite.input.overDuration().toFixed(0)); - DebugUtils.line('down: ' + sprite.input.pointerDown() + ' duration: ' + sprite.input.downDuration().toFixed(0)); - DebugUtils.line('just over: ' + sprite.input.justOver() + ' just out: ' + sprite.input.justOut()); + + Stage.prototype.enableOrientationCheck = function (forceLandscape, forcePortrait, imageKey) { + if (typeof imageKey === "undefined") { imageKey = ''; } + this.scale.forceLandscape = forceLandscape; + this.scale.forcePortrait = forcePortrait; + this.orientationScreen.enable(forceLandscape, forcePortrait, imageKey); + + if (forceLandscape || forcePortrait) { + if ((this.scale.isLandscape && forcePortrait) || (this.scale.isPortrait && forceLandscape)) { + // They are in the wrong orientation right now + this.game.paused = true; + this.scale.incorrectOrientation = true; + } else { + this.scale.incorrectOrientation = false; + } + } }; - DebugUtils.renderInputInfo = /** - * Render debug information about the Input object. - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) + + Stage.prototype.setImageRenderingCrisp = function () { + this.canvas.style['image-rendering'] = 'crisp-edges'; + this.canvas.style['image-rendering'] = '-moz-crisp-edges'; + this.canvas.style['image-rendering'] = '-webkit-optimize-contrast'; + this.canvas.style['-ms-interpolation-mode'] = 'nearest-neighbor'; + }; + + Stage.prototype.pauseGame = function () { + this.game.paused = true; + + if (this.disablePauseScreen == false && this.pauseScreen) { + this.pauseScreen.onPaused(); + } + + this.saveCanvasValues(); + }; + + Stage.prototype.resumeGame = function () { + if (this.disablePauseScreen == false && this.pauseScreen) { + this.pauseScreen.onResume(); + } + + this.restoreCanvasValues(); + + this.game.paused = false; + }; + + /** + * Get the DOM offset values of the given element */ - function renderInputInfo(x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.start(x, y, color); - if(DebugUtils.game.input.camera) { - DebugUtils.line('Input - Camera: ' + DebugUtils.game.input.camera.ID); + Stage.prototype.getOffset = function (element, populateOffset) { + if (typeof populateOffset === "undefined") { populateOffset = true; } + var box = element.getBoundingClientRect(); + + var clientTop = element.clientTop || document.body.clientTop || 0; + var clientLeft = element.clientLeft || document.body.clientLeft || 0; + var scrollTop = window.pageYOffset || element.scrollTop || document.body.scrollTop; + var scrollLeft = window.pageXOffset || element.scrollLeft || document.body.scrollLeft; + + if (populateOffset) { + this.offset = new Phaser.Point(box.left + scrollLeft - clientLeft, box.top + scrollTop - clientTop); + return this.offset; } else { - DebugUtils.line('Input - Camera: null'); + return new Phaser.Point(box.left + scrollLeft - clientLeft, box.top + scrollTop - clientTop); } - DebugUtils.line('X: ' + DebugUtils.game.input.x + ' Y: ' + DebugUtils.game.input.y); - DebugUtils.line('World X: ' + DebugUtils.game.input.worldX + ' World Y: ' + DebugUtils.game.input.worldY); - DebugUtils.line('Scale X: ' + DebugUtils.game.input.scale.x.toFixed(1) + ' Scale Y: ' + DebugUtils.game.input.scale.x.toFixed(1)); - DebugUtils.line('Screen X: ' + DebugUtils.game.input.activePointer.screenX + ' Screen Y: ' + DebugUtils.game.input.activePointer.screenY); }; - DebugUtils.renderSpriteWorldView = function renderSpriteWorldView(sprite, x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.start(x, y, color); - DebugUtils.line('Sprite World Coords (' + sprite.width + ' x ' + sprite.height + ')'); - DebugUtils.line('x: ' + sprite.worldView.x + ' y: ' + sprite.worldView.y); - DebugUtils.line('bottom: ' + sprite.worldView.bottom + ' right: ' + sprite.worldView.right.toFixed(1)); - }; - DebugUtils.renderSpriteInfo = /** - * Render debug infos. (including name, bounds info, position and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) + + /** + * Save current canvas properties (strokeStyle, lineWidth and fillStyle) for later using. */ - function renderSpriteInfo(sprite, x, y, color) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - DebugUtils.start(x, y, color); - DebugUtils.line('Sprite: ' + ' (' + sprite.width + ' x ' + sprite.height + ') origin: ' + sprite.transform.origin.x + ' x ' + sprite.transform.origin.y); - DebugUtils.line('x: ' + sprite.x.toFixed(1) + ' y: ' + sprite.y.toFixed(1) + ' rotation: ' + sprite.rotation.toFixed(1)); - DebugUtils.line('wx: ' + sprite.worldView.x + ' wy: ' + sprite.worldView.y + ' ww: ' + sprite.worldView.width.toFixed(1) + ' wh: ' + sprite.worldView.height.toFixed(1) + ' wb: ' + sprite.worldView.bottom + ' wr: ' + sprite.worldView.right); - DebugUtils.line('sx: ' + sprite.transform.scale.x.toFixed(1) + ' sy: ' + sprite.transform.scale.y.toFixed(1)); - DebugUtils.line('tx: ' + sprite.texture.width.toFixed(1) + ' ty: ' + sprite.texture.height.toFixed(1)); - DebugUtils.line('center x: ' + sprite.transform.center.x + ' y: ' + sprite.transform.center.y); - DebugUtils.line('cameraView x: ' + sprite.cameraView.x + ' y: ' + sprite.cameraView.y + ' width: ' + sprite.cameraView.width + ' height: ' + sprite.cameraView.height); - DebugUtils.line('inCamera: ' + DebugUtils.game.renderer.spriteRenderer.inCamera(DebugUtils.game.camera, sprite)); + Stage.prototype.saveCanvasValues = function () { + this.strokeStyle = this.context.strokeStyle; + this.lineWidth = this.context.lineWidth; + this.fillStyle = this.context.fillStyle; }; - DebugUtils.renderSpriteBounds = function renderSpriteBounds(sprite, camera, color) { - if (typeof camera === "undefined") { camera = null; } - if (typeof color === "undefined") { color = 'rgba(0,255,0,0.2)'; } - if(camera == null) { - camera = DebugUtils.game.camera; + + /** + * Restore current canvas values (strokeStyle, lineWidth and fillStyle) with saved values. + */ + Stage.prototype.restoreCanvasValues = function () { + this.context.strokeStyle = this.strokeStyle; + this.context.lineWidth = this.lineWidth; + this.context.fillStyle = this.fillStyle; + + if (this.game.device.patchAndroidClearRectBug) { + this.context.fillStyle = 'rgb(0,0,0)'; + this.context.fillRect(0, 0, this.width, this.height); + } else { + this.context.clearRect(0, 0, this.width, this.height); } - var dx = sprite.worldView.x; - var dy = sprite.worldView.y; - DebugUtils.context.fillStyle = color; - DebugUtils.context.fillRect(dx, dy, sprite.width, sprite.height); }; - DebugUtils.renderPixel = function renderPixel(x, y, fillStyle) { - if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,1)'; } - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.fillRect(x, y, 1, 1); - }; - DebugUtils.renderPoint = function renderPoint(point, fillStyle) { - if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,1)'; } - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.fillRect(point.x, point.y, 1, 1); - }; - DebugUtils.renderRectangle = function renderRectangle(rect, fillStyle) { - if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,0.3)'; } - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.fillRect(rect.x, rect.y, rect.width, rect.height); - }; - DebugUtils.renderCircle = function renderCircle(circle, fillStyle) { - if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,0.3)'; } - DebugUtils.context.fillStyle = fillStyle; - DebugUtils.context.arc(circle.x, circle.y, circle.radius, 0, Math.PI * 2, false); - DebugUtils.context.fill(); - }; - DebugUtils.renderText = /** - * Render text - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - function renderText(text, x, y, color, font) { - if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } - if (typeof font === "undefined") { font = '16px Courier'; } - DebugUtils.context.font = font; - DebugUtils.context.fillStyle = color; - DebugUtils.context.fillText(text, x, y); - }; - return DebugUtils; + + + Object.defineProperty(Stage.prototype, "backgroundColor", { + get: function () { + return this._backgroundColor; + }, + set: function (color) { + this.canvas.style.backgroundColor = color; + this._backgroundColor = color; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "x", { + get: function () { + return this.bounds.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "y", { + get: function () { + return this.bounds.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "width", { + get: function () { + return this.bounds.width; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "height", { + get: function () { + return this.bounds.height; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "centerX", { + get: function () { + return this.bounds.halfWidth; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "centerY", { + get: function () { + return this.bounds.halfHeight; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "randomX", { + get: function () { + return Math.round(Math.random() * this.bounds.width); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "randomY", { + get: function () { + return Math.round(Math.random() * this.bounds.height); + }, + enumerable: true, + configurable: true + }); + return Stage; })(); - Phaser.DebugUtils = DebugUtils; + Phaser.Stage = Stage; })(Phaser || (Phaser = {})); -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// -/// +/// +/** +* Phaser - State +* +* This is a base State class which can be extended if you are creating your game using TypeScript. +*/ +var Phaser; +(function (Phaser) { + var State = (function () { + /** + * State constructor + * Create a new State. + */ + function State(game) { + this.game = game; + + this.add = game.add; + this.camera = game.camera; + this.cache = game.cache; + this.input = game.input; + this.load = game.load; + this.math = game.math; + this.sound = game.sound; + this.stage = game.stage; + this.time = game.time; + this.tweens = game.tweens; + this.world = game.world; + } + // Override these in your own States + /** + * Override this method to add some load operations. + * If you need to use the loader, you may need to use them here. + */ + State.prototype.init = function () { + }; + + /** + * This method is called after the game engine successfully switches states. + * Feel free to add any setup code here.(Do not load anything here, override init() instead) + */ + State.prototype.create = function () { + }; + + /** + * Put update logic here. + */ + State.prototype.update = function () { + }; + + /** + * Put render operations here. + */ + State.prototype.render = function () { + }; + + /** + * This method will be called when game paused. + */ + State.prototype.paused = function () { + }; + + /** + * This method will be called when the state is destroyed + */ + State.prototype.destroy = function () { + }; + return State; + })(); + Phaser.State = State; +})(Phaser || (Phaser = {})); +/// /** * Phaser - Game * @@ -18529,13 +18899,15 @@ var Phaser; */ this.isRunning = false; this.id = Phaser.GAMES.push(this) - 1; + this.callbackContext = callbackContext; this.onPreloadCallback = preloadCallback; this.onCreateCallback = createCallback; this.onUpdateCallback = updateCallback; this.onRenderCallback = renderCallback; this.onDestroyCallback = destroyCallback; - if(document.readyState === 'complete' || document.readyState === 'interactive') { + + if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(function () { return Phaser.GAMES[_this.id].boot(parent, width, height); }); @@ -18544,26 +18916,29 @@ var Phaser; window.addEventListener('load', Phaser.GAMES[this.id].boot(parent, width, height), false); } } - Game.prototype.boot = /** + /** * Initialize engine sub modules and start the game. * @param parent {string} ID of parent Dom element. * @param width {number} Width of the game screen. * @param height {number} Height of the game screen. */ - function (parent, width, height) { + Game.prototype.boot = function (parent, width, height) { var _this = this; - if(this.isBooted == true) { + if (this.isBooted == true) { return; } - if(!document.body) { + + if (!document.body) { setTimeout(function () { return Phaser.GAMES[_this.id].boot(parent, width, height); }, 13); } else { document.removeEventListener('DOMContentLoaded', Phaser.GAMES[this.id].boot); window.removeEventListener('load', Phaser.GAMES[this.id].boot); + this.onPause = new Phaser.Signal(); this.onResume = new Phaser.Signal(); + this.device = new Phaser.Device(); this.net = new Phaser.Net(this); this.math = new Phaser.GameMath(this); @@ -18576,29 +18951,35 @@ var Phaser; this.tweens = new Phaser.TweenManager(this); this.input = new Phaser.InputManager(this); this.sound = new Phaser.SoundManager(this); - this.rnd = new Phaser.RandomDataGenerator([ - (Date.now() * Math.random()).toString() - ]); - this.physics = new Phaser.Physics.Manager(this); + this.rnd = new Phaser.RandomDataGenerator([(Date.now() * Math.random()).toString()]); + + //this.physics = new Phaser.Physics.Manager(this); this.plugins = new Phaser.PluginManager(this, this); + this.load.onLoadComplete.addOnce(this.loadComplete, this); + this.setRenderer(Phaser.Types.RENDERER_CANVAS); + this.world.boot(); this.stage.boot(); this.input.boot(); + this.isBooted = true; + // Set-up some static helper references Phaser.DebugUtils.game = this; Phaser.ColorUtils.game = this; Phaser.DebugUtils.context = this.stage.context; - // Display the default game screen? - if(this.onPreloadCallback == null && this.onCreateCallback == null && this.onUpdateCallback == null && this.onRenderCallback == null && this._pendingState == null) { + + if (this.onPreloadCallback == null && this.onCreateCallback == null && this.onUpdateCallback == null && this.onRenderCallback == null && this._pendingState == null) { this._raf = new Phaser.RequestAnimationFrame(this, this.bootLoop); } else { this.isRunning = true; this._loadComplete = false; + this._raf = new Phaser.RequestAnimationFrame(this, this.loop); - if(this._pendingState) { + + if (this._pendingState) { this.switchState(this._pendingState, false, false); } else { this.startState(); @@ -18606,106 +18987,126 @@ var Phaser; } } }; - Game.prototype.loadComplete = /** + + /** * Called when the load has finished after preload was run. */ - function () { + Game.prototype.loadComplete = function () { this._loadComplete = true; this.onCreateCallback.call(this.callbackContext); }; - Game.prototype.bootLoop = /** + + /** * The bootLoop is called while the game is still booting (waiting for the DOM and resources to be available) */ - function () { + Game.prototype.bootLoop = function () { this.tweens.update(); this.input.update(); this.stage.update(); }; - Game.prototype.pausedLoop = /** + + /** * The pausedLoop is called when the game is paused. */ - function () { + Game.prototype.pausedLoop = function () { this.tweens.update(); this.input.update(); this.stage.update(); this.sound.update(); - if(this.onPausedCallback !== null) { + + if (this.onPausedCallback !== null) { this.onPausedCallback.call(this.callbackContext); } }; + Game.prototype.emptyCallback = function () { // Called by onUpdateCallback etc - }; - Game.prototype.loop = /** + }; + + /** * Game loop method will be called when it's running. */ - function () { + Game.prototype.loop = function () { this.plugins.preUpdate(); + this.tweens.update(); this.input.update(); this.stage.update(); this.sound.update(); + //this.physics.update(); this.world.update(); this.plugins.update(); - if(this._loadComplete && this.onUpdateCallback) { + + if (this._loadComplete && this.onUpdateCallback) { this.onUpdateCallback.call(this.callbackContext); - } else if(this._loadComplete == false && this.onLoadUpdateCallback) { + } else if (this._loadComplete == false && this.onLoadUpdateCallback) { this.onLoadUpdateCallback.call(this.callbackContext); } + this.world.postUpdate(); + this.plugins.postUpdate(); this.plugins.preRender(); - if(this._loadComplete && this.onPreRenderCallback) { + + if (this._loadComplete && this.onPreRenderCallback) { this.onPreRenderCallback.call(this.callbackContext); } + this.renderer.render(); this.plugins.render(); - if(this._loadComplete && this.onRenderCallback) { + + if (this._loadComplete && this.onRenderCallback) { this.onRenderCallback.call(this.callbackContext); - } else if(this._loadComplete == false && this.onLoadRenderCallback) { + } else if (this._loadComplete == false && this.onLoadRenderCallback) { this.onLoadRenderCallback.call(this.callbackContext); } + this.plugins.postRender(); }; - Game.prototype.startState = /** + + /** * Start current state. */ - function () { - if(this.onPreloadCallback !== null) { + Game.prototype.startState = function () { + if (this.onPreloadCallback !== null) { this.load.reset(); + this.onPreloadCallback.call(this.callbackContext); - // Is the loader empty? - if(this.load.queueSize == 0) { - if(this.onCreateCallback !== null) { + + if (this.load.queueSize == 0) { + if (this.onCreateCallback !== null) { this.onCreateCallback.call(this.callbackContext); } + this._loadComplete = true; } else { // Start the loader going as we have something in the queue this.load.start(); } } else { - // No init? Then there was nothing to load either - if(this.onCreateCallback !== null) { + if (this.onCreateCallback !== null) { this.onCreateCallback.call(this.callbackContext); } + this._loadComplete = true; } }; - Game.prototype.setRenderer = function (type) { - switch(type) { + + Game.prototype.setRenderer = function (renderer) { + switch (renderer) { case Phaser.Types.RENDERER_AUTO_DETECT: this.renderer = new Phaser.Renderer.Headless.HeadlessRenderer(this); break; + case Phaser.Types.RENDERER_AUTO_DETECT: case Phaser.Types.RENDERER_CANVAS: this.renderer = new Phaser.Renderer.Canvas.CanvasRenderer(this); break; - // WebGL coming soon :) - } + } }; - Game.prototype.setCallbacks = /** + + /** * Set the most common state callbacks (init, create, update, render). * @param preloadCallback {function} Init callback invoked when init state. * @param createCallback {function} Create callback invoked when create state. @@ -18713,7 +19114,7 @@ var Phaser; * @param renderCallback {function} Render callback invoked when render state. * @param destroyCallback {function} Destroy callback invoked when state is destroyed. */ - function (preloadCallback, createCallback, updateCallback, renderCallback, destroyCallback) { + Game.prototype.setCallbacks = function (preloadCallback, createCallback, updateCallback, renderCallback, destroyCallback) { if (typeof preloadCallback === "undefined") { preloadCallback = null; } if (typeof createCallback === "undefined") { createCallback = null; } if (typeof updateCallback === "undefined") { updateCallback = null; } @@ -18725,31 +19126,34 @@ var Phaser; this.onRenderCallback = renderCallback; this.onDestroyCallback = destroyCallback; }; - Game.prototype.switchState = /** + + /** * Switch to a new State. * @param state {State} The state you want to switch to. * @param [clearWorld] {boolean} clear everything in the world? (Default to true) * @param [clearCache] {boolean} clear asset cache? (Default to false and ONLY available when clearWorld=true) */ - function (state, clearWorld, clearCache) { + Game.prototype.switchState = function (state, clearWorld, clearCache) { if (typeof clearWorld === "undefined") { clearWorld = true; } if (typeof clearCache === "undefined") { clearCache = false; } - if(this.isBooted == false) { + if (this.isBooted == false) { this._pendingState = state; return; } - // Destroy current state? - if(this.onDestroyCallback !== null) { + + if (this.onDestroyCallback !== null) { this.onDestroyCallback.call(this.callbackContext); } + this.input.reset(true); - // Prototype? - if(typeof state === 'function') { + + if (typeof state === 'function') { this.state = new state(this); } - // Ok, have we got the right functions? - if(this.state['create'] || this.state['update']) { + + if (this.state['create'] || this.state['update']) { this.callbackContext = this.state; + this.onPreloadCallback = null; this.onLoadRenderCallback = null; this.onLoadUpdateCallback = null; @@ -18759,50 +19163,63 @@ var Phaser; this.onPreRenderCallback = null; this.onPausedCallback = null; this.onDestroyCallback = null; - // Bingo, let's set them up - if(this.state['preload']) { + + if (this.state['preload']) { this.onPreloadCallback = this.state['preload']; } - if(this.state['loadRender']) { + + if (this.state['loadRender']) { this.onLoadRenderCallback = this.state['loadRender']; } - if(this.state['loadUpdate']) { + + if (this.state['loadUpdate']) { this.onLoadUpdateCallback = this.state['loadUpdate']; } - if(this.state['create']) { + + if (this.state['create']) { this.onCreateCallback = this.state['create']; } - if(this.state['update']) { + + if (this.state['update']) { this.onUpdateCallback = this.state['update']; } - if(this.state['preRender']) { + + if (this.state['preRender']) { this.onPreRenderCallback = this.state['preRender']; } - if(this.state['render']) { + + if (this.state['render']) { this.onRenderCallback = this.state['render']; } - if(this.state['paused']) { + + if (this.state['paused']) { this.onPausedCallback = this.state['paused']; } - if(this.state['destroy']) { + + if (this.state['destroy']) { this.onDestroyCallback = this.state['destroy']; } - if(clearWorld) { + + if (clearWorld) { this.world.destroy(); - if(clearCache == true) { + + if (clearCache == true) { this.cache.destroy(); } } + this._loadComplete = false; + this.startState(); } else { throw new Error("Invalid State object given. Must contain at least a create or update function."); } }; - Game.prototype.destroy = /** + + /** * Nuke the entire game from orbit */ - function () { + Game.prototype.destroy = function () { this.callbackContext = null; this.onPreloadCallback = null; this.onLoadRenderCallback = null; @@ -18821,22 +19238,24 @@ var Phaser; this.world = null; this.isBooted = false; }; + Object.defineProperty(Game.prototype, "paused", { get: function () { return this._paused; }, set: function (value) { - if(value == true && this._paused == false) { + if (value == true && this._paused == false) { this._paused = true; this.onPause.dispatch(); this.sound.pauseAll(); this._raf.callback = this.pausedLoop; - } else if(value == false && this._paused == true) { + } else if (value == false && this._paused == true) { this._paused = false; this.onResume.dispatch(); this.input.reset(); this.sound.resumeAll(); - if(this.isRunning == false) { + + if (this.isRunning == false) { this._raf.callback = this.bootLoop; } else { this._raf.callback = this.loop; @@ -18846,6 +19265,8 @@ var Phaser; enumerable: true, configurable: true }); + + Object.defineProperty(Game.prototype, "camera", { get: function () { return this.world.cameras.current; @@ -18855,955 +19276,254 @@ var Phaser; }); return Game; })(); - Phaser.Game = Game; + Phaser.Game = Game; })(Phaser || (Phaser = {})); -/// +/// /** -* Phaser - Animation +* Phaser - RandomDataGenerator * -* An Animation is a single animation. It is created by the AnimationManager and belongs to Sprite objects. +* An extremely useful repeatable random data generator. Access it via Game.rnd +* Based on Nonsense by Josh Faul https://github.com/jocafa/Nonsense +* Random number generator from http://baagoe.org/en/wiki/Better_random_numbers_for_javascript */ var Phaser; (function (Phaser) { - var Animation = (function () { + var RandomDataGenerator = (function () { /** - * Animation constructor - * Create a new Animation. - * - * @param parent {Sprite} Owner sprite of this animation. - * @param frameData {FrameData} The FrameData object contains animation data. - * @param name {string} Unique name of this animation. - * @param frames {number[]/string[]} An array of numbers or strings indicating what frames to play in what order. - * @param delay {number} Time between frames in ms. - * @param looped {boolean} Whether or not the animation is looped or just plays once. - */ - function Animation(game, parent, frameData, name, frames, delay, looped) { - this.game = game; - this._parent = parent; - this._frames = frames; - this._frameData = frameData; - this.name = name; - this.delay = 1000 / delay; - this.looped = looped; - this.isFinished = false; - this.isPlaying = false; - this._frameIndex = 0; - this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); - } - Object.defineProperty(Animation.prototype, "frameTotal", { - get: function () { - return this._frames.length; - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Animation.prototype, "frame", { - get: function () { - if(this.currentFrame !== null) { - return this.currentFrame.index; - } else { - return this._frameIndex; - } - }, - set: function (value) { - this.currentFrame = this._frameData.getFrame(value); - if(this.currentFrame !== null) { - this._parent.texture.width = this.currentFrame.width; - this._parent.texture.height = this.currentFrame.height; - this._frameIndex = value; - } - }, - enumerable: true, - configurable: true - }); - Animation.prototype.play = /** - * Play this animation. - * @param frameRate {number} FrameRate you want to specify instead of using default. - * @param loop {boolean} Whether or not the animation is looped or just plays once. - */ - function (frameRate, loop) { - if (typeof frameRate === "undefined") { frameRate = null; } - if(frameRate !== null) { - this.delay = 1000 / frameRate; - } - if(loop !== undefined) { - this.looped = loop; - } - this.isPlaying = true; - this.isFinished = false; - this._timeLastFrame = this.game.time.now; - this._timeNextFrame = this.game.time.now + this.delay; - this._frameIndex = 0; - this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); - this._parent.events.onAnimationStart.dispatch(this._parent, this); - return this; - }; - Animation.prototype.restart = /** - * Play this animation from the first frame. - */ - function () { - this.isPlaying = true; - this.isFinished = false; - this._timeLastFrame = this.game.time.now; - this._timeNextFrame = this.game.time.now + this.delay; - this._frameIndex = 0; - this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); - }; - Animation.prototype.stop = /** - * Stop playing animation and set it finished. - */ - function () { - this.isPlaying = false; - this.isFinished = true; - }; - Animation.prototype.update = /** - * Update animation frames. - */ - function () { - if(this.isPlaying == true && this.game.time.now >= this._timeNextFrame) { - this._frameIndex++; - if(this._frameIndex == this._frames.length) { - if(this.looped) { - this._frameIndex = 0; - this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); - this._parent.events.onAnimationLoop.dispatch(this._parent, this); - } else { - this.onComplete(); - } - } else { - this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); - } - this._timeLastFrame = this.game.time.now; - this._timeNextFrame = this.game.time.now + this.delay; - return true; - } - return false; - }; - Animation.prototype.destroy = /** - * Clean up animation memory. - */ - function () { - this.game = null; - this._parent = null; - this._frames = null; - this._frameData = null; - this.currentFrame = null; - this.isPlaying = false; - }; - Animation.prototype.onComplete = /** - * Animation complete callback method. - */ - function () { - this.isPlaying = false; - this.isFinished = true; - this._parent.events.onAnimationComplete.dispatch(this._parent, this); - }; - return Animation; - })(); - Phaser.Animation = Animation; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - Line -* -* A Line object is an infinte line through space. The two sets of x/y coordinates define the Line Segment. -*/ -var Phaser; -(function (Phaser) { - var Line = (function () { - /** - * * @constructor - * @param {Number} x1 - * @param {Number} y1 - * @param {Number} x2 - * @param {Number} y2 - * @return {Phaser.Line} This Object + * @param {Array} seeds + * @return {Phaser.RandomDataGenerator} */ - function Line(x1, y1, x2, y2) { - if (typeof x1 === "undefined") { x1 = 0; } - if (typeof y1 === "undefined") { y1 = 0; } - if (typeof x2 === "undefined") { x2 = 0; } - if (typeof y2 === "undefined") { y2 = 0; } + function RandomDataGenerator(seeds) { + if (typeof seeds === "undefined") { seeds = []; } /** - * - * @property x1 - * @type {Number} + * @property c + * @type Number + * @private */ - this.x1 = 0; - /** - * - * @property y1 - * @type {Number} - */ - this.y1 = 0; - /** - * - * @property x2 - * @type {Number} - */ - this.x2 = 0; - /** - * - * @property y2 - * @type {Number} - */ - this.y2 = 0; - this.setTo(x1, y1, x2, y2); + this.c = 1; + this.sow(seeds); } - Line.prototype.clone = /** - * - * @method clone - * @param {Phaser.Line} [output] - * @return {Phaser.Line} + /** + * @method uint32 + * @private */ - function (output) { - if (typeof output === "undefined") { output = new Line(); } - return output.setTo(this.x1, this.y1, this.x2, this.y2); + RandomDataGenerator.prototype.uint32 = function () { + return this.rnd.apply(this) * 0x100000000; }; - Line.prototype.copyFrom = /** - * - * @method copyFrom - * @param {Phaser.Line} source - * @return {Phaser.Line} + + /** + * @method fract32 + * @private */ - function (source) { - return this.setTo(source.x1, source.y1, source.x2, source.y2); + RandomDataGenerator.prototype.fract32 = function () { + return this.rnd.apply(this) + (this.rnd.apply(this) * 0x200000 | 0) * 1.1102230246251565e-16; }; - Line.prototype.copyTo = /** - * - * @method copyTo - * @param {Phaser.Line} target - * @return {Phaser.Line} + + // private random helper + /** + * @method rnd + * @private */ - function (target) { - return target.copyFrom(this); + RandomDataGenerator.prototype.rnd = function () { + var t = 2091639 * this.s0 + this.c * 2.3283064365386963e-10; + + this.c = t | 0; + this.s0 = this.s1; + this.s1 = this.s2; + this.s2 = t - this.c; + + return this.s2; }; - Line.prototype.setTo = /** - * - * @method setTo - * @param {Number} x1 - * @param {Number} y1 - * @param {Number} x2 - * @param {Number} y2 - * @return {Phaser.Line} + + /** + * @method hash + * @param {Any} data + * @private */ - function (x1, y1, x2, y2) { - if (typeof x1 === "undefined") { x1 = 0; } - if (typeof y1 === "undefined") { y1 = 0; } - if (typeof x2 === "undefined") { x2 = 0; } - if (typeof y2 === "undefined") { y2 = 0; } - this.x1 = x1; - this.y1 = y1; - this.x2 = x2; - this.y2 = y2; - return this; + RandomDataGenerator.prototype.hash = function (data) { + var h, i, n; + + n = 0xefc8249d; + + data = data.toString(); + + for (i = 0; i < data.length; i++) { + n += data.charCodeAt(i); + h = 0.02519603282416938 * n; + n = h >>> 0; + h -= n; + h *= n; + n = h >>> 0; + h -= n; + n += h * 0x100000000; + } + + return (n >>> 0) * 2.3283064365386963e-10; }; - Object.defineProperty(Line.prototype, "width", { - get: function () { - return Math.max(this.x1, this.x2) - Math.min(this.x1, this.x2); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Line.prototype, "height", { - get: function () { - return Math.max(this.y1, this.y2) - Math.min(this.y1, this.y2); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Line.prototype, "length", { + + /** + * Reset the seed of the random data generator + * @method sow + * @param {Array} seeds + */ + RandomDataGenerator.prototype.sow = function (seeds) { + if (typeof seeds === "undefined") { seeds = []; } + this.s0 = this.hash(' '); + this.s1 = this.hash(this.s0); + this.s2 = this.hash(this.s1); + + var seed; + + for (var i = 0; seed = seeds[i++];) { + this.s0 -= this.hash(seed); + this.s0 += ~~(this.s0 < 0); + + this.s1 -= this.hash(seed); + this.s1 += ~~(this.s1 < 0); + + this.s2 -= this.hash(seed); + this.s2 += ~~(this.s2 < 0); + } + }; + + Object.defineProperty(RandomDataGenerator.prototype, "integer", { get: /** - * - * @method length + * Returns a random integer between 0 and 2^32 + * @method integer * @return {Number} */ function () { - return Math.sqrt((this.x2 - this.x1) * (this.x2 - this.x1) + (this.y2 - this.y1) * (this.y2 - this.y1)); + return this.uint32(); }, enumerable: true, configurable: true }); - Line.prototype.getY = /** - * - * @method getY - * @param {Number} x + + Object.defineProperty(RandomDataGenerator.prototype, "frac", { + get: /** + * Returns a random real number between 0 and 1 + * @method frac + * @return {Number} + */ + function () { + return this.fract32(); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(RandomDataGenerator.prototype, "real", { + get: /** + * Returns a random real number between 0 and 2^32 + * @method real + * @return {Number} + */ + function () { + return this.uint32() + this.fract32(); + }, + enumerable: true, + configurable: true + }); + + /** + * Returns a random integer between min and max + * @method integerInRange + * @param {Number} min + * @param {Number} max * @return {Number} */ - function (x) { - return this.slope * x + this.yIntercept; + RandomDataGenerator.prototype.integerInRange = function (min, max) { + return Math.floor(this.realInRange(min, max)); }; - Object.defineProperty(Line.prototype, "angle", { + + /** + * Returns a random real number between min and max + * @method realInRange + * @param {Number} min + * @param {Number} max + * @return {Number} + */ + RandomDataGenerator.prototype.realInRange = function (min, max) { + min = min || 0; + max = max || 0; + + return this.frac * (max - min) + min; + }; + + Object.defineProperty(RandomDataGenerator.prototype, "normal", { get: /** - * + * Returns a random real number between -1 and 1 + * @method normal + * @return {Number} + */ + function () { + return 1 - 2 * this.frac; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(RandomDataGenerator.prototype, "uuid", { + get: /** + * Returns a valid v4 UUID hex string (from https://gist.github.com/1308368) + * @method uuid + * @return {String} + */ + function () { + var a, b; + + for (b = a = ''; a++ < 36; b += ~a % 5 | a * 3 & 4 ? (a ^ 15 ? 8 ^ this.frac * (a ^ 20 ? 16 : 4) : 4).toString(16) : '-') + ; + + return b; + }, + enumerable: true, + configurable: true + }); + + /** + * Returns a random member of `array` + * @method pick + * @param {Any} array + */ + RandomDataGenerator.prototype.pick = function (array) { + return array[this.integerInRange(0, array.length)]; + }; + + /** + * Returns a random member of `array`, favoring the earlier entries + * @method weightedPick + * @param {Any} array + */ + RandomDataGenerator.prototype.weightedPick = function (array) { + return array[~~(Math.pow(this.frac, 2) * array.length)]; + }; + + /** + * Returns a random timestamp between min and max, or between the beginning of 2000 and the end of 2020 if min and max aren't specified + * @method timestamp + * @param {Number} min + * @param {Number} max + */ + RandomDataGenerator.prototype.timestamp = function (min, max) { + if (typeof min === "undefined") { min = 946684800000; } + if (typeof max === "undefined") { max = 1577862000000; } + return this.realInRange(min, max); + }; + + Object.defineProperty(RandomDataGenerator.prototype, "angle", { + get: /** + * Returns a random angle between -180 and 180 * @method angle - * @return {Number} */ function () { - return Math.atan2(this.x2 - this.x1, this.y2 - this.y1); + return this.integerInRange(-180, 180); }, enumerable: true, configurable: true }); - Object.defineProperty(Line.prototype, "slope", { - get: /** - * - * @method slope - * @return {Number} - */ - function () { - return (this.y2 - this.y1) / (this.x2 - this.x1); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Line.prototype, "perpSlope", { - get: /** - * - * @method perpSlope - * @return {Number} - */ - function () { - return -((this.x2 - this.x1) / (this.y2 - this.y1)); - }, - enumerable: true, - configurable: true - }); - Object.defineProperty(Line.prototype, "yIntercept", { - get: /** - * - * @method yIntercept - * @return {Number} - */ - function () { - return (this.y1 - this.slope * this.x1); - }, - enumerable: true, - configurable: true - }); - Line.prototype.isPointOnLine = /** - * - * @method isPointOnLine - * @param {Number} x - * @param {Number} y - * @return {Boolean} - */ - function (x, y) { - if((x - this.x1) * (this.y2 - this.y1) === (this.x2 - this.x1) * (y - this.y1)) { - return true; - } else { - return false; - } - }; - Line.prototype.isPointOnLineSegment = /** - * - * @method isPointOnLineSegment - * @param {Number} x - * @param {Number} y - * @return {Boolean} - */ - function (x, y) { - var xMin = Math.min(this.x1, this.x2); - var xMax = Math.max(this.x1, this.x2); - var yMin = Math.min(this.y1, this.y2); - var yMax = Math.max(this.y1, this.y2); - if(this.isPointOnLine(x, y) && (x >= xMin && x <= xMax) && (y >= yMin && y <= yMax)) { - return true; - } else { - return false; - } - }; - Line.prototype.intersectLineLine = /** - * - * @method intersectLineLine - * @param {Any} line - * @return {Any} - */ - function (line) { - //return Phaser.intersectLineLine(this,line); - }; - Line.prototype.perp = /** - * - * @method perp - * @param {Number} x - * @param {Number} y - * @param {Phaser.Line} [output] - * @return {Phaser.Line} - */ - function (x, y, output) { - if(this.y1 === this.y2) { - if(output) { - output.setTo(x, y, x, this.y1); - } else { - return new Line(x, y, x, this.y1); - } - } - var yInt = (y - this.perpSlope * x); - var pt = this.intersectLineLine({ - x1: x, - y1: y, - x2: 0, - y2: yInt - }); - if(output) { - output.setTo(x, y, pt.x, pt.y); - } else { - return new Line(x, y, pt.x, pt.y); - } - }; - Line.prototype.toString = /* - intersectLineCircle (circle:Circle) - { - var perp = this.perp() - return Phaser.intersectLineCircle(this,circle); - - } - */ - /** - * - * @method toString - * @return {String} - */ - function () { - return "[{Line (x1=" + this.x1 + " y1=" + this.y1 + " x2=" + this.x2 + " y2=" + this.y2 + ")}]"; - }; - return Line; + return RandomDataGenerator; })(); - Phaser.Line = Line; + Phaser.RandomDataGenerator = RandomDataGenerator; })(Phaser || (Phaser = {})); -/// -/// -/// -/** -* Phaser - Mat3Utils -* -* A collection of methods useful for manipulating and performing operations on Mat3 objects. -* -*/ -var Phaser; -(function (Phaser) { - var Mat3Utils = (function () { - function Mat3Utils() { } - Mat3Utils.transpose = /** - * Transpose the values of a Mat3 - **/ - function transpose(source, dest) { - if (typeof dest === "undefined") { dest = null; } - if(dest === null) { - // Transpose ourselves - var a01 = source.data[1]; - var a02 = source.data[2]; - var a12 = source.data[5]; - source.data[1] = source.data[3]; - source.data[2] = source.data[6]; - source.data[3] = a01; - source.data[5] = source.data[7]; - source.data[6] = a02; - source.data[7] = a12; - } else { - source.data[0] = dest.data[0]; - source.data[1] = dest.data[3]; - source.data[2] = dest.data[6]; - source.data[3] = dest.data[1]; - source.data[4] = dest.data[4]; - source.data[5] = dest.data[7]; - source.data[6] = dest.data[2]; - source.data[7] = dest.data[5]; - source.data[8] = dest.data[8]; - } - return source; - }; - Mat3Utils.invert = /** - * Inverts a Mat3 - **/ - function invert(source) { - var a00 = source.data[0]; - var a01 = source.data[1]; - var a02 = source.data[2]; - var a10 = source.data[3]; - var a11 = source.data[4]; - var a12 = source.data[5]; - var a20 = source.data[6]; - var a21 = source.data[7]; - var a22 = source.data[8]; - var b01 = a22 * a11 - a12 * a21; - var b11 = -a22 * a10 + a12 * a20; - var b21 = a21 * a10 - a11 * a20; - // Determinant - var det = a00 * b01 + a01 * b11 + a02 * b21; - if(!det) { - return null; - } - det = 1.0 / det; - source.data[0] = b01 * det; - source.data[1] = (-a22 * a01 + a02 * a21) * det; - source.data[2] = (a12 * a01 - a02 * a11) * det; - source.data[3] = b11 * det; - source.data[4] = (a22 * a00 - a02 * a20) * det; - source.data[5] = (-a12 * a00 + a02 * a10) * det; - source.data[6] = b21 * det; - source.data[7] = (-a21 * a00 + a01 * a20) * det; - source.data[8] = (a11 * a00 - a01 * a10) * det; - return source; - }; - Mat3Utils.adjoint = /** - * Calculates the adjugate of a Mat3 - **/ - function adjoint(source) { - var a00 = source.data[0]; - var a01 = source.data[1]; - var a02 = source.data[2]; - var a10 = source.data[3]; - var a11 = source.data[4]; - var a12 = source.data[5]; - var a20 = source.data[6]; - var a21 = source.data[7]; - var a22 = source.data[8]; - source.data[0] = (a11 * a22 - a12 * a21); - source.data[1] = (a02 * a21 - a01 * a22); - source.data[2] = (a01 * a12 - a02 * a11); - source.data[3] = (a12 * a20 - a10 * a22); - source.data[4] = (a00 * a22 - a02 * a20); - source.data[5] = (a02 * a10 - a00 * a12); - source.data[6] = (a10 * a21 - a11 * a20); - source.data[7] = (a01 * a20 - a00 * a21); - source.data[8] = (a00 * a11 - a01 * a10); - return source; - }; - Mat3Utils.determinant = /** - * Calculates the adjugate of a Mat3 - **/ - function determinant(source) { - var a00 = source.data[0]; - var a01 = source.data[1]; - var a02 = source.data[2]; - var a10 = source.data[3]; - var a11 = source.data[4]; - var a12 = source.data[5]; - var a20 = source.data[6]; - var a21 = source.data[7]; - var a22 = source.data[8]; - return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20); - }; - Mat3Utils.multiply = /** - * Multiplies two Mat3s - **/ - function multiply(source, b) { - var a00 = source.data[0]; - var a01 = source.data[1]; - var a02 = source.data[2]; - var a10 = source.data[3]; - var a11 = source.data[4]; - var a12 = source.data[5]; - var a20 = source.data[6]; - var a21 = source.data[7]; - var a22 = source.data[8]; - var b00 = b.data[0]; - var b01 = b.data[1]; - var b02 = b.data[2]; - var b10 = b.data[3]; - var b11 = b.data[4]; - var b12 = b.data[5]; - var b20 = b.data[6]; - var b21 = b.data[7]; - var b22 = b.data[8]; - source.data[0] = b00 * a00 + b01 * a10 + b02 * a20; - source.data[1] = b00 * a01 + b01 * a11 + b02 * a21; - source.data[2] = b00 * a02 + b01 * a12 + b02 * a22; - source.data[3] = b10 * a00 + b11 * a10 + b12 * a20; - source.data[4] = b10 * a01 + b11 * a11 + b12 * a21; - source.data[5] = b10 * a02 + b11 * a12 + b12 * a22; - source.data[6] = b20 * a00 + b21 * a10 + b22 * a20; - source.data[7] = b20 * a01 + b21 * a11 + b22 * a21; - source.data[8] = b20 * a02 + b21 * a12 + b22 * a22; - return source; - }; - Mat3Utils.fromQuaternion = function fromQuaternion() { - }; - Mat3Utils.normalFromMat4 = function normalFromMat4() { - }; - return Mat3Utils; - })(); - Phaser.Mat3Utils = Mat3Utils; -})(Phaser || (Phaser = {})); -/// -/// -/** -* Phaser - Motion -* -* The Motion class contains lots of useful functions for moving game objects around in world space. -*/ -var Phaser; -(function (Phaser) { - var Motion = (function () { - function Motion(game) { - this.game = game; - } - Motion.prototype.velocityFromAngle = /** - * Given the angle and speed calculate the velocity and return it as a Point - * - * @param {number} angle The angle (in degrees) calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * @param {number} speed The speed it will move, in pixels per second sq - * - * @return {Point} A Point where Point.x contains the velocity x value and Point.y contains the velocity y value - */ - function (angle, speed) { - if(isNaN(speed)) { - speed = 0; - } - var a = this.game.math.degreesToRadians(angle); - return new Phaser.Point((Math.cos(a) * speed), (Math.sin(a) * speed)); - }; - Motion.prototype.moveTowardsObject = /** - * Sets the source Sprite x/y velocity so it will move directly towards the destination Sprite at the speed given (in pixels per second)
- * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * If you need the object to accelerate, see accelerateTowardsObject() instead - * Note: Doesn't take into account acceleration, maxVelocity or drag (if you set drag or acceleration too high this object may not move at all) - * - * @param {Sprite} source The Sprite on which the velocity will be set - * @param {Sprite} dest The Sprite where the source object will move to - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - function (source, dest, speed, maxTime) { - if (typeof speed === "undefined") { speed = 60; } - if (typeof maxTime === "undefined") { maxTime = 0; } - var a = this.angleBetween(source, dest); - if(maxTime > 0) { - var d = this.distanceBetween(source, dest); - // We know how many pixels we need to move, but how fast? - speed = d / (maxTime / 1000); - } - source.body.velocity.x = Math.cos(a) * speed; - source.body.velocity.y = Math.sin(a) * speed; - }; - Motion.prototype.accelerateTowardsObject = /** - * Sets the x/y acceleration on the source Sprite so it will move towards the destination Sprite at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsObject() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {Sprite} dest The Sprite where the source object will move towards - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - function (source, dest, speed, xSpeedMax, ySpeedMax) { - /* - var a: number = this.angleBetween(source, dest); - - source.body.velocity.x = 0; - source.body.velocity.y = 0; - - source.body.acceleration.x = Math.cos(a) * speed; - source.body.acceleration.y = Math.sin(a) * speed; - - source.body.maxVelocity.x = xSpeedMax; - source.body.maxVelocity.y = ySpeedMax; - */ - }; - Motion.prototype.moveTowardsMouse = /** - * Move the given Sprite towards the mouse pointer coordinates at a steady velocity - * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * - * @param {Sprite} source The Sprite to move - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - function (source, speed, maxTime) { - if (typeof speed === "undefined") { speed = 60; } - if (typeof maxTime === "undefined") { maxTime = 0; } - var a = this.angleBetweenMouse(source); - if(maxTime > 0) { - var d = this.distanceToMouse(source); - // We know how many pixels we need to move, but how fast? - speed = d / (maxTime / 1000); - } - source.body.velocity.x = Math.cos(a) * speed; - source.body.velocity.y = Math.sin(a) * speed; - }; - Motion.prototype.accelerateTowardsMouse = /** - * Sets the x/y acceleration on the source Sprite so it will move towards the mouse coordinates at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsMouse() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - function (source, speed, xSpeedMax, ySpeedMax) { - /* - var a: number = this.angleBetweenMouse(source); - - source.body.velocity.x = 0; - source.body.velocity.y = 0; - - source.body.acceleration.x = Math.cos(a) * speed; - source.body.acceleration.y = Math.sin(a) * speed; - - source.body.maxVelocity.x = xSpeedMax; - source.body.maxVelocity.y = ySpeedMax; - */ - }; - Motion.prototype.moveTowardsPoint = /** - * Sets the x/y velocity on the source Sprite so it will move towards the target coordinates at the speed given (in pixels per second)
- * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * - * @param {Sprite} source The Sprite to move - * @param {Point} target The Point coordinates to move the source Sprite towards - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - function (source, target, speed, maxTime) { - if (typeof speed === "undefined") { speed = 60; } - if (typeof maxTime === "undefined") { maxTime = 0; } - var a = this.angleBetweenPoint(source, target); - if(maxTime > 0) { - var d = this.distanceToPoint(source, target); - // We know how many pixels we need to move, but how fast? - speed = d / (maxTime / 1000); - } - source.body.velocity.x = Math.cos(a) * speed; - source.body.velocity.y = Math.sin(a) * speed; - }; - Motion.prototype.accelerateTowardsPoint = /** - * Sets the x/y acceleration on the source Sprite so it will move towards the target coordinates at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsPoint() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {Point} target The Point coordinates to move the source Sprite towards - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - function (source, target, speed, xSpeedMax, ySpeedMax) { - /* - var a: number = this.angleBetweenPoint(source, target); - - source.body.velocity.x = 0; - source.body.velocity.y = 0; - - source.body.acceleration.x = Math.cos(a) * speed; - source.body.acceleration.y = Math.sin(a) * speed; - - source.body.maxVelocity.x = xSpeedMax; - source.body.maxVelocity.y = ySpeedMax; - */ - }; - Motion.prototype.distanceBetween = /** - * Find the distance between two Sprites, taking their origin into account - * - * @param {Sprite} a The first Sprite - * @param {Sprite} b The second Sprite - * @return {number} int Distance (in pixels) - */ - function (a, b) { - return Phaser.Vec2Utils.distance(a.body.position, b.body.position); - }; - Motion.prototype.distanceToPoint = /** - * Find the distance from an Sprite to the given Point, taking the source origin into account - * - * @param {Sprite} a The Sprite - * @param {Point} target The Point - * @return {number} Distance (in pixels) - */ - function (a, target) { - var dx = (a.x + a.transform.origin.x) - (target.x); - var dy = (a.y + a.transform.origin.y) - (target.y); - return this.game.math.vectorLength(dx, dy); - }; - Motion.prototype.distanceToMouse = /** - * Find the distance (in pixels, rounded) from the object x/y and the mouse x/y - * - * @param {Sprite} a Sprite to test against - * @return {number} The distance between the given sprite and the mouse coordinates - */ - function (a) { - var dx = (a.x + a.transform.origin.x) - this.game.input.x; - var dy = (a.y + a.transform.origin.y) - this.game.input.y; - return this.game.math.vectorLength(dx, dy); - }; - Motion.prototype.angleBetweenPoint = /** - * Find the angle (in radians) between an Sprite and an Point. The source sprite takes its x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Sprite to test from - * @param {Point} target The Point to angle the Sprite towards - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - function (a, target, asDegrees) { - if (typeof asDegrees === "undefined") { asDegrees = false; } - var dx = (target.x) - (a.x + a.transform.origin.x); - var dy = (target.y) - (a.y + a.transform.origin.y); - if(asDegrees) { - return this.game.math.radiansToDegrees(Math.atan2(dy, dx)); - } else { - return Math.atan2(dy, dx); - } - }; - Motion.prototype.angleBetween = /** - * Find the angle (in radians) between the two Sprite, taking their x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Sprite to test from - * @param {Sprite} b The Sprite to test to - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - function (a, b, asDegrees) { - if (typeof asDegrees === "undefined") { asDegrees = false; } - var dx = (b.x + b.transform.origin.x) - (a.x + a.transform.origin.x); - var dy = (b.y + b.transform.origin.y) - (a.y + a.transform.origin.y); - if(asDegrees) { - return this.game.math.radiansToDegrees(Math.atan2(dy, dx)); - } else { - return Math.atan2(dy, dx); - } - }; - Motion.prototype.velocityFromFacing = /** - * Given the Sprite and speed calculate the velocity and return it as an Point based on the direction the sprite is facing - * - * @param {Sprite} parent The Sprite to get the facing value from - * @param {number} speed The speed it will move, in pixels per second sq - * - * @return {Point} An Point where Point.x contains the velocity x value and Point.y contains the velocity y value - */ - function (parent, speed) { - /* - var a: number; - - if (parent.body.facing == Types.LEFT) - { - a = this.game.math.degreesToRadians(180); - } - else if (parent.body.facing == Types.RIGHT) - { - a = this.game.math.degreesToRadians(0); - } - else if (parent.body.facing == Types.UP) - { - a = this.game.math.degreesToRadians(-90); - } - else if (parent.body.facing == Types.DOWN) - { - a = this.game.math.degreesToRadians(90); - } - - return new Point(Math.cos(a) * speed, Math.sin(a) * speed); - */ - return new Phaser.Point(); - }; - Motion.prototype.angleBetweenMouse = /** - * Find the angle (in radians) between an Sprite and the mouse, taking their x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Object to test from - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - function (a, asDegrees) { - if (typeof asDegrees === "undefined") { asDegrees = false; } - // In order to get the angle between the object and mouse, we need the objects screen coordinates (rather than world coordinates) - var p = Phaser.SpriteUtils.getScreenXY(a); - var dx = a.game.input.x - p.x; - var dy = a.game.input.y - p.y; - if(asDegrees) { - return this.game.math.radiansToDegrees(Math.atan2(dy, dx)); - } else { - return Math.atan2(dy, dx); - } - }; - return Motion; - })(); - Phaser.Motion = Motion; -})(Phaser || (Phaser = {})); -/// -/** -* Phaser - State -* -* This is a base State class which can be extended if you are creating your game using TypeScript. -*/ -var Phaser; -(function (Phaser) { - var State = (function () { - /** - * State constructor - * Create a new State. - */ - function State(game) { - this.game = game; - this.add = game.add; - this.camera = game.camera; - this.cache = game.cache; - this.input = game.input; - this.load = game.load; - this.math = game.math; - this.sound = game.sound; - this.stage = game.stage; - this.time = game.time; - this.tweens = game.tweens; - this.world = game.world; - } - State.prototype.init = // Override these in your own States - /** - * Override this method to add some load operations. - * If you need to use the loader, you may need to use them here. - */ - function () { - }; - State.prototype.create = /** - * This method is called after the game engine successfully switches states. - * Feel free to add any setup code here.(Do not load anything here, override init() instead) - */ - function () { - }; - State.prototype.update = /** - * Put update logic here. - */ - function () { - }; - State.prototype.render = /** - * Put render operations here. - */ - function () { - }; - State.prototype.paused = /** - * This method will be called when game paused. - */ - function () { - }; - State.prototype.destroy = /** - * This method will be called when the state is destroyed - */ - function () { - }; - return State; - })(); - Phaser.State = State; - /** - * Checks for overlaps between two objects using the world QuadTree. Can be GameObject vs. GameObject, GameObject vs. Group or Group vs. Group. - * Note: Does not take the objects scrollFactor into account. All overlaps are check in world space. - * @param object1 The first GameObject or Group to check. If null the world.group is used. - * @param object2 The second GameObject or Group to check. - * @param notifyCallback A callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you passed them to Collision.overlap. - * @param processCallback A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then notifyCallback will only be called if processCallback returns true. - * @param context The context in which the callbacks will be called - * @returns {boolean} true if the objects overlap, otherwise false. - */ - //public collide(objectOrGroup1 = null, objectOrGroup2 = null, notifyCallback = null, context? = this.game.callbackContext): bool { - // return this.collision.overlap(objectOrGroup1, objectOrGroup2, notifyCallback, Collision.separate, context); - //} - })(Phaser || (Phaser = {})); diff --git a/build/phaser-debug.js b/build/phaser-debug.js new file mode 100644 index 00000000..f3d6b439 --- /dev/null +++ b/build/phaser-debug.js @@ -0,0 +1,19529 @@ +/// +/** +* Phaser +* www.phaser.io +* +* v1.0.0 - August 12th 2013 +* +* A feature-packed 2D canvas game framework born from the firey pits of Flixel and Kiwi. +* +* Richard Davey (@photonstorm) +* +* Many thanks to Adam Saltsman (@ADAMATOMIC) for releasing Flixel, from both which Phaser +* and my love of game development took a lot of inspiration. +* +* "If you want your children to be intelligent, read them fairy tales." +* "If you want them to be more intelligent, read them more fairy tales." +* -- Albert Einstein +*/ +var Phaser; +(function (Phaser) { + Phaser.VERSION = 'Phaser version 1.0.0'; + + Phaser.GAMES = []; +})(Phaser || (Phaser = {})); +/// +var Phaser; +(function (Phaser) { + /** + * Constants used to define game object types (faster than doing typeof object checks in core loops) + */ + var Types = (function () { + function Types() { + } + Types.RENDERER_AUTO_DETECT = 0; + Types.RENDERER_HEADLESS = 1; + Types.RENDERER_CANVAS = 2; + Types.RENDERER_WEBGL = 3; + + Types.CAMERA_TYPE_ORTHOGRAPHIC = 0; + Types.CAMERA_TYPE_ISOMETRIC = 1; + + Types.CAMERA_FOLLOW_LOCKON = 0; + + Types.CAMERA_FOLLOW_PLATFORMER = 1; + + Types.CAMERA_FOLLOW_TOPDOWN = 2; + + Types.CAMERA_FOLLOW_TOPDOWN_TIGHT = 3; + + Types.GROUP = 0; + Types.SPRITE = 1; + Types.GEOMSPRITE = 2; + Types.PARTICLE = 3; + Types.EMITTER = 4; + Types.TILEMAP = 5; + Types.SCROLLZONE = 6; + Types.BUTTON = 7; + Types.DYNAMICTEXTURE = 8; + + Types.GEOM_POINT = 0; + Types.GEOM_CIRCLE = 1; + Types.GEOM_RECTANGLE = 2; + Types.GEOM_LINE = 3; + Types.GEOM_POLYGON = 4; + + Types.BODY_DISABLED = 0; + Types.BODY_STATIC = 1; + Types.BODY_KINETIC = 2; + Types.BODY_DYNAMIC = 3; + + Types.OUT_OF_BOUNDS_KILL = 0; + Types.OUT_OF_BOUNDS_DESTROY = 1; + Types.OUT_OF_BOUNDS_PERSIST = 2; + + Types.SORT_ASCENDING = -1; + + Types.SORT_DESCENDING = 1; + + Types.LEFT = 0x0001; + + Types.RIGHT = 0x0010; + + Types.UP = 0x0100; + + Types.DOWN = 0x1000; + + Types.NONE = 0; + + Types.CEILING = Phaser.Types.UP; + + Types.FLOOR = Phaser.Types.DOWN; + + Types.WALL = Phaser.Types.LEFT | Phaser.Types.RIGHT; + + Types.ANY = Phaser.Types.LEFT | Phaser.Types.RIGHT | Phaser.Types.UP | Phaser.Types.DOWN; + return Types; + })(); + Phaser.Types = Types; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Point +* +* The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis. +*/ +var Phaser; +(function (Phaser) { + var Point = (function () { + /** + * Creates a new Point. If you pass no parameters a Point is created set to (0,0). + * @class Point + * @constructor + * @param {Number} x The horizontal position of this Point (default 0) + * @param {Number} y The vertical position of this Point (default 0) + **/ + function Point(x, y) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + this.x = x; + this.y = y; + } + /** + * Copies the x and y properties from any given object to this Point. + * @method copyFrom + * @param {any} source - The object to copy from. + * @return {Point} This Point object. + **/ + Point.prototype.copyFrom = function (source) { + return this.setTo(source.x, source.y); + }; + + /** + * Inverts the x and y values of this Point + * @method invert + * @return {Point} This Point object. + **/ + Point.prototype.invert = function () { + return this.setTo(this.y, this.x); + }; + + /** + * Sets the x and y values of this MicroPoint object to the given coordinates. + * @method setTo + * @param {Number} x - The horizontal position of this point. + * @param {Number} y - The vertical position of this point. + * @return {MicroPoint} This MicroPoint object. Useful for chaining method calls. + **/ + Point.prototype.setTo = function (x, y) { + this.x = x; + this.y = y; + + return this; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the instance. + **/ + Point.prototype.toString = function () { + return '[{Point (x=' + this.x + ' y=' + this.y + ')}]'; + }; + return Point; + })(); + Phaser.Point = Point; +})(Phaser || (Phaser = {})); +/// +/** +* Rectangle +* +* @desc A Rectangle object is an area defined by its position, as indicated by its top-left corner (x,y) and width and height. +* +* @version 1.6 - 24th May 2013 +* @author Richard Davey +*/ +var Phaser; +(function (Phaser) { + var Rectangle = (function () { + /** + * Creates a new Rectangle object with the top-left corner specified by the x and y parameters and with the specified width and height parameters. If you call this function without parameters, a Rectangle with x, y, width, and height properties set to 0 is created. + * @class Rectangle + * @constructor + * @param {Number} x The x coordinate of the top-left corner of the Rectangle. + * @param {Number} y The y coordinate of the top-left corner of the Rectangle. + * @param {Number} width The width of the Rectangle in pixels. + * @param {Number} height The height of the Rectangle in pixels. + * @return {Rectangle} This Rectangle object + **/ + function Rectangle(x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + this.x = x; + this.y = y; + this.width = width; + this.height = height; + } + Object.defineProperty(Rectangle.prototype, "halfWidth", { + get: /** + * Half of the width of the Rectangle + * @property halfWidth + * @type Number + **/ + function () { + return Math.round(this.width / 2); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Rectangle.prototype, "halfHeight", { + get: /** + * Half of the height of the Rectangle + * @property halfHeight + * @type Number + **/ + function () { + return Math.round(this.height / 2); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Rectangle.prototype, "bottom", { + get: /** + * The sum of the y and height properties. Changing the bottom property of a Rectangle object has no effect on the x, y and width properties, but does change the height property. + * @method bottom + * @return {Number} + **/ + function () { + return this.y + this.height; + }, + set: /** + * The sum of the y and height properties. Changing the bottom property of a Rectangle object has no effect on the x, y and width properties, but does change the height property. + * @method bottom + * @param {Number} value + **/ + function (value) { + if (value <= this.y) { + this.height = 0; + } else { + this.height = (this.y - value); + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Rectangle.prototype, "bottomRight", { + set: /** + * Sets the bottom-right corner of the Rectangle, determined by the values of the given Point object. + * @method bottomRight + * @param {Point} value + **/ + function (value) { + this.right = value.x; + this.bottom = value.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Rectangle.prototype, "left", { + get: /** + * The x coordinate of the left of the Rectangle. Changing the left property of a Rectangle object has no effect on the y and height properties. However it does affect the width property, whereas changing the x value does not affect the width property. + * @method left + * @ return {number} + **/ + function () { + return this.x; + }, + set: /** + * The x coordinate of the left of the Rectangle. Changing the left property of a Rectangle object has no effect on the y and height properties. + * However it does affect the width, whereas changing the x value does not affect the width property. + * @method left + * @param {Number} value + **/ + function (value) { + if (value >= this.right) { + this.width = 0; + } else { + this.width = this.right - value; + } + + this.x = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Rectangle.prototype, "right", { + get: /** + * The sum of the x and width properties. Changing the right property of a Rectangle object has no effect on the x, y and height properties. + * However it does affect the width property. + * @method right + * @return {Number} + **/ + function () { + return this.x + this.width; + }, + set: /** + * The sum of the x and width properties. Changing the right property of a Rectangle object has no effect on the x, y and height properties. + * However it does affect the width property. + * @method right + * @param {Number} value + **/ + function (value) { + if (value <= this.x) { + this.width = 0; + } else { + this.width = this.x + value; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Rectangle.prototype, "volume", { + get: /** + * The volume of the Rectangle derived from width * height + * @method volume + * @return {Number} + **/ + function () { + return this.width * this.height; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Rectangle.prototype, "perimeter", { + get: /** + * The perimeter size of the Rectangle. This is the sum of all 4 sides. + * @method perimeter + * @return {Number} + **/ + function () { + return (this.width * 2) + (this.height * 2); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Rectangle.prototype, "top", { + get: /** + * The y coordinate of the top of the Rectangle. Changing the top property of a Rectangle object has no effect on the x and width properties. + * However it does affect the height property, whereas changing the y value does not affect the height property. + * @method top + * @return {Number} + **/ + function () { + return this.y; + }, + set: /** + * The y coordinate of the top of the Rectangle. Changing the top property of a Rectangle object has no effect on the x and width properties. + * However it does affect the height property, whereas changing the y value does not affect the height property. + * @method top + * @param {Number} value + **/ + function (value) { + if (value >= this.bottom) { + this.height = 0; + this.y = value; + } else { + this.height = (this.bottom - value); + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Rectangle.prototype, "topLeft", { + set: /** + * The location of the Rectangles top-left corner, determined by the x and y coordinates of the Point. + * @method topLeft + * @param {Point} value + **/ + function (value) { + this.x = value.x; + this.y = value.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Rectangle.prototype, "empty", { + get: /** + * Determines whether or not this Rectangle object is empty. + * @method isEmpty + * @return {Boolean} A value of true if the Rectangle objects width or height is less than or equal to 0; otherwise false. + **/ + function () { + return (!this.width || !this.height); + }, + set: /** + * Sets all of the Rectangle object's properties to 0. A Rectangle object is empty if its width or height is less than or equal to 0. + * @method setEmpty + * @return {Rectangle} This Rectangle object + **/ + function (value) { + this.setTo(0, 0, 0, 0); + }, + enumerable: true, + configurable: true + }); + + + /** + * Adjusts the location of the Rectangle object, as determined by its top-left corner, by the specified amounts. + * @method offset + * @param {Number} dx Moves the x value of the Rectangle object by this amount. + * @param {Number} dy Moves the y value of the Rectangle object by this amount. + * @return {Rectangle} This Rectangle object. + **/ + Rectangle.prototype.offset = function (dx, dy) { + this.x += dx; + this.y += dy; + + return this; + }; + + /** + * Adjusts the location of the Rectangle object using a Point object as a parameter. This method is similar to the Rectangle.offset() method, except that it takes a Point object as a parameter. + * @method offsetPoint + * @param {Point} point A Point object to use to offset this Rectangle object. + * @return {Rectangle} This Rectangle object. + **/ + Rectangle.prototype.offsetPoint = function (point) { + return this.offset(point.x, point.y); + }; + + /** + * Sets the members of Rectangle to the specified values. + * @method setTo + * @param {Number} x The x coordinate of the top-left corner of the Rectangle. + * @param {Number} y The y coordinate of the top-left corner of the Rectangle. + * @param {Number} width The width of the Rectangle in pixels. + * @param {Number} height The height of the Rectangle in pixels. + * @return {Rectangle} This Rectangle object + **/ + Rectangle.prototype.setTo = function (x, y, width, height) { + this.x = x; + this.y = y; + this.width = width; + this.height = height; + + return this; + }; + + /** + * Runs Math.floor() on both the x and y values of this Rectangle. + * @method floor + **/ + Rectangle.prototype.floor = function () { + this.x = Math.floor(this.x); + this.y = Math.floor(this.y); + }; + + /** + * Copies the x, y, width and height properties from any given object to this Rectangle. + * @method copyFrom + * @param {any} source - The object to copy from. + * @return {Rectangle} This Rectangle object. + **/ + Rectangle.prototype.copyFrom = function (source) { + return this.setTo(source.x, source.y, source.width, source.height); + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the instance. + **/ + Rectangle.prototype.toString = function () { + return "[{Rectangle (x=" + this.x + " y=" + this.y + " width=" + this.width + " height=" + this.height + " empty=" + this.empty + ")}]"; + }; + return Rectangle; + })(); + Phaser.Rectangle = Rectangle; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Circle +* +* A Circle object is an area defined by its position, as indicated by its center point (x,y) and diameter. +*/ +var Phaser; +(function (Phaser) { + var Circle = (function () { + /** + * Creates a new Circle object with the center coordinate specified by the x and y parameters and the diameter specified by the diameter parameter. If you call this function without parameters, a circle with x, y, diameter and radius properties set to 0 is created. + * @class Circle + * @constructor + * @param {Number} [x] The x coordinate of the center of the circle. + * @param {Number} [y] The y coordinate of the center of the circle. + * @param {Number} [diameter] The diameter of the circle. + * @return {Circle} This circle object + **/ + function Circle(x, y, diameter) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof diameter === "undefined") { diameter = 0; } + this._diameter = 0; + this._radius = 0; + /** + * The x coordinate of the center of the circle + * @property x + * @type Number + **/ + this.x = 0; + /** + * The y coordinate of the center of the circle + * @property y + * @type Number + **/ + this.y = 0; + this.setTo(x, y, diameter); + } + Object.defineProperty(Circle.prototype, "diameter", { + get: /** + * The diameter of the circle. The largest distance between any two points on the circle. The same as the radius * 2. + * @method diameter + * @return {Number} + **/ + function () { + return this._diameter; + }, + set: /** + * The diameter of the circle. The largest distance between any two points on the circle. The same as the radius * 2. + * @method diameter + * @param {Number} The diameter of the circle. + **/ + function (value) { + if (value > 0) { + this._diameter = value; + this._radius = value * 0.5; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Circle.prototype, "radius", { + get: /** + * The radius of the circle. The length of a line extending from the center of the circle to any point on the circle itself. The same as half the diameter. + * @method radius + * @return {Number} + **/ + function () { + return this._radius; + }, + set: /** + * The radius of the circle. The length of a line extending from the center of the circle to any point on the circle itself. The same as half the diameter. + * @method radius + * @param {Number} The radius of the circle. + **/ + function (value) { + if (value > 0) { + this._radius = value; + this._diameter = value * 2; + } + }, + enumerable: true, + configurable: true + }); + + + /** + * The circumference of the circle. + * @method circumference + * @return {Number} + **/ + Circle.prototype.circumference = function () { + return 2 * (Math.PI * this._radius); + }; + + Object.defineProperty(Circle.prototype, "bottom", { + get: /** + * The sum of the y and radius properties. Changing the bottom property of a Circle object has no effect on the x and y properties, but does change the diameter. + * @method bottom + * @return {Number} + **/ + function () { + return this.y + this._radius; + }, + set: /** + * The sum of the y and radius properties. Changing the bottom property of a Circle object has no effect on the x and y properties, but does change the diameter. + * @method bottom + * @param {Number} The value to adjust the height of the circle by. + **/ + function (value) { + if (value < this.y) { + this._radius = 0; + this._diameter = 0; + } else { + this.radius = value - this.y; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Circle.prototype, "left", { + get: /** + * The x coordinate of the leftmost point of the circle. Changing the left property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. + * @method left + * @return {Number} The x coordinate of the leftmost point of the circle. + **/ + function () { + return this.x - this._radius; + }, + set: /** + * The x coordinate of the leftmost point of the circle. Changing the left property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. + * @method left + * @param {Number} The value to adjust the position of the leftmost point of the circle by. + **/ + function (value) { + if (value > this.x) { + this._radius = 0; + this._diameter = 0; + } else { + this.radius = this.x - value; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Circle.prototype, "right", { + get: /** + * The x coordinate of the rightmost point of the circle. Changing the right property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. + * @method right + * @return {Number} + **/ + function () { + return this.x + this._radius; + }, + set: /** + * The x coordinate of the rightmost point of the circle. Changing the right property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. + * @method right + * @param {Number} The amount to adjust the diameter of the circle by. + **/ + function (value) { + if (value < this.x) { + this._radius = 0; + this._diameter = 0; + } else { + this.radius = value - this.x; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Circle.prototype, "top", { + get: /** + * The sum of the y minus the radius property. Changing the top property of a Circle object has no effect on the x and y properties, but does change the diameter. + * @method bottom + * @return {Number} + **/ + function () { + return this.y - this._radius; + }, + set: /** + * The sum of the y minus the radius property. Changing the top property of a Circle object has no effect on the x and y properties, but does change the diameter. + * @method bottom + * @param {Number} The amount to adjust the height of the circle by. + **/ + function (value) { + if (value > this.y) { + this._radius = 0; + this._diameter = 0; + } else { + this.radius = this.y - value; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Circle.prototype, "area", { + get: /** + * Gets the area of this Circle. + * @method area + * @return {Number} This area of this circle. + **/ + function () { + if (this._radius > 0) { + return Math.PI * this._radius * this._radius; + } else { + return 0; + } + }, + enumerable: true, + configurable: true + }); + + /** + * Sets the members of Circle to the specified values. + * @method setTo + * @param {Number} x The x coordinate of the center of the circle. + * @param {Number} y The y coordinate of the center of the circle. + * @param {Number} diameter The diameter of the circle in pixels. + * @return {Circle} This circle object + **/ + Circle.prototype.setTo = function (x, y, diameter) { + this.x = x; + this.y = y; + this._diameter = diameter; + this._radius = diameter * 0.5; + + return this; + }; + + /** + * Copies the x, y and diameter properties from any given object to this Circle. + * @method copyFrom + * @param {any} source - The object to copy from. + * @return {Circle} This Circle object. + **/ + Circle.prototype.copyFrom = function (source) { + return this.setTo(source.x, source.y, source.diameter); + }; + + Object.defineProperty(Circle.prototype, "empty", { + get: /** + * Determines whether or not this Circle object is empty. + * @method empty + * @return {Boolean} A value of true if the Circle objects diameter is less than or equal to 0; otherwise false. + **/ + function () { + return (this._diameter == 0); + }, + set: /** + * Sets all of the Circle objects properties to 0. A Circle object is empty if its diameter is less than or equal to 0. + * @method setEmpty + * @return {Circle} This Circle object + **/ + function (value) { + this.setTo(0, 0, 0); + }, + enumerable: true, + configurable: true + }); + + + /** + * Adjusts the location of the Circle object, as determined by its center coordinate, by the specified amounts. + * @method offset + * @param {Number} dx Moves the x value of the Circle object by this amount. + * @param {Number} dy Moves the y value of the Circle object by this amount. + * @return {Circle} This Circle object. + **/ + Circle.prototype.offset = function (dx, dy) { + this.x += dx; + this.y += dy; + + return this; + }; + + /** + * Adjusts the location of the Circle object using a Point object as a parameter. This method is similar to the Circle.offset() method, except that it takes a Point object as a parameter. + * @method offsetPoint + * @param {Point} point A Point object to use to offset this Circle object. + * @return {Circle} This Circle object. + **/ + Circle.prototype.offsetPoint = function (point) { + return this.offset(point.x, point.y); + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the instance. + **/ + Circle.prototype.toString = function () { + return "[{Circle (x=" + this.x + " y=" + this.y + " diameter=" + this.diameter + " radius=" + this.radius + ")}]"; + }; + return Circle; + })(); + Phaser.Circle = Circle; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Line +* +* A Line object is an infinte line through space. The two sets of x/y coordinates define the Line Segment. +*/ +var Phaser; +(function (Phaser) { + var Line = (function () { + /** + * + * @constructor + * @param {Number} x1 + * @param {Number} y1 + * @param {Number} x2 + * @param {Number} y2 + * @return {Phaser.Line} This Object + */ + function Line(x1, y1, x2, y2) { + if (typeof x1 === "undefined") { x1 = 0; } + if (typeof y1 === "undefined") { y1 = 0; } + if (typeof x2 === "undefined") { x2 = 0; } + if (typeof y2 === "undefined") { y2 = 0; } + /** + * + * @property x1 + * @type {Number} + */ + this.x1 = 0; + /** + * + * @property y1 + * @type {Number} + */ + this.y1 = 0; + /** + * + * @property x2 + * @type {Number} + */ + this.x2 = 0; + /** + * + * @property y2 + * @type {Number} + */ + this.y2 = 0; + this.setTo(x1, y1, x2, y2); + } + /** + * + * @method clone + * @param {Phaser.Line} [output] + * @return {Phaser.Line} + */ + Line.prototype.clone = function (output) { + if (typeof output === "undefined") { output = new Line(); } + return output.setTo(this.x1, this.y1, this.x2, this.y2); + }; + + /** + * + * @method copyFrom + * @param {Phaser.Line} source + * @return {Phaser.Line} + */ + Line.prototype.copyFrom = function (source) { + return this.setTo(source.x1, source.y1, source.x2, source.y2); + }; + + /** + * + * @method copyTo + * @param {Phaser.Line} target + * @return {Phaser.Line} + */ + Line.prototype.copyTo = function (target) { + return target.copyFrom(this); + }; + + /** + * + * @method setTo + * @param {Number} x1 + * @param {Number} y1 + * @param {Number} x2 + * @param {Number} y2 + * @return {Phaser.Line} + */ + Line.prototype.setTo = function (x1, y1, x2, y2) { + if (typeof x1 === "undefined") { x1 = 0; } + if (typeof y1 === "undefined") { y1 = 0; } + if (typeof x2 === "undefined") { x2 = 0; } + if (typeof y2 === "undefined") { y2 = 0; } + this.x1 = x1; + this.y1 = y1; + this.x2 = x2; + this.y2 = y2; + + return this; + }; + + Object.defineProperty(Line.prototype, "width", { + get: function () { + return Math.max(this.x1, this.x2) - Math.min(this.x1, this.x2); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "height", { + get: function () { + return Math.max(this.y1, this.y2) - Math.min(this.y1, this.y2); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "length", { + get: /** + * + * @method length + * @return {Number} + */ + function () { + return Math.sqrt((this.x2 - this.x1) * (this.x2 - this.x1) + (this.y2 - this.y1) * (this.y2 - this.y1)); + }, + enumerable: true, + configurable: true + }); + + /** + * + * @method getY + * @param {Number} x + * @return {Number} + */ + Line.prototype.getY = function (x) { + return this.slope * x + this.yIntercept; + }; + + Object.defineProperty(Line.prototype, "angle", { + get: /** + * + * @method angle + * @return {Number} + */ + function () { + return Math.atan2(this.x2 - this.x1, this.y2 - this.y1); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "slope", { + get: /** + * + * @method slope + * @return {Number} + */ + function () { + return (this.y2 - this.y1) / (this.x2 - this.x1); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "perpSlope", { + get: /** + * + * @method perpSlope + * @return {Number} + */ + function () { + return -((this.x2 - this.x1) / (this.y2 - this.y1)); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Line.prototype, "yIntercept", { + get: /** + * + * @method yIntercept + * @return {Number} + */ + function () { + return (this.y1 - this.slope * this.x1); + }, + enumerable: true, + configurable: true + }); + + /** + * + * @method isPointOnLine + * @param {Number} x + * @param {Number} y + * @return {Boolean} + */ + Line.prototype.isPointOnLine = function (x, y) { + if ((x - this.x1) * (this.y2 - this.y1) === (this.x2 - this.x1) * (y - this.y1)) { + return true; + } else { + return false; + } + }; + + /** + * + * @method isPointOnLineSegment + * @param {Number} x + * @param {Number} y + * @return {Boolean} + */ + Line.prototype.isPointOnLineSegment = function (x, y) { + var xMin = Math.min(this.x1, this.x2); + var xMax = Math.max(this.x1, this.x2); + var yMin = Math.min(this.y1, this.y2); + var yMax = Math.max(this.y1, this.y2); + + if (this.isPointOnLine(x, y) && (x >= xMin && x <= xMax) && (y >= yMin && y <= yMax)) { + return true; + } else { + return false; + } + }; + + /** + * + * @method intersectLineLine + * @param {Any} line + * @return {Any} + */ + Line.prototype.intersectLineLine = function (line) { + //return Phaser.intersectLineLine(this,line); + }; + + /** + * + * @method perp + * @param {Number} x + * @param {Number} y + * @param {Phaser.Line} [output] + * @return {Phaser.Line} + */ + Line.prototype.perp = function (x, y, output) { + if (this.y1 === this.y2) { + if (output) { + output.setTo(x, y, x, this.y1); + } else { + return new Line(x, y, x, this.y1); + } + } + + var yInt = (y - this.perpSlope * x); + + var pt = this.intersectLineLine({ x1: x, y1: y, x2: 0, y2: yInt }); + + if (output) { + output.setTo(x, y, pt.x, pt.y); + } else { + return new Line(x, y, pt.x, pt.y); + } + }; + + /* + intersectLineCircle (circle:Circle) + { + var perp = this.perp() + return Phaser.intersectLineCircle(this,circle); + + } + */ + /** + * + * @method toString + * @return {String} + */ + Line.prototype.toString = function () { + return "[{Line (x1=" + this.x1 + " y1=" + this.y1 + " x2=" + this.x2 + " y2=" + this.y2 + ")}]"; + }; + return Line; + })(); + Phaser.Line = Line; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - GameMath +* +* Adds a set of extra Math functions used through-out Phaser. +* Includes methods written by Dylan Engelman and Adam Saltsman. +*/ +var Phaser; +(function (Phaser) { + var GameMath = (function () { + function GameMath(game) { + this.cosTable = []; + this.sinTable = []; + this.game = game; + + GameMath.sinA = []; + GameMath.cosA = []; + + for (var i = 0; i < 360; i++) { + GameMath.sinA.push(Math.sin(this.degreesToRadians(i))); + GameMath.cosA.push(Math.cos(this.degreesToRadians(i))); + } + } + GameMath.prototype.fuzzyEqual = function (a, b, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return Math.abs(a - b) < epsilon; + }; + + GameMath.prototype.fuzzyLessThan = function (a, b, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return a < b + epsilon; + }; + + GameMath.prototype.fuzzyGreaterThan = function (a, b, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return a > b - epsilon; + }; + + GameMath.prototype.fuzzyCeil = function (val, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return Math.ceil(val - epsilon); + }; + + GameMath.prototype.fuzzyFloor = function (val, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return Math.floor(val + epsilon); + }; + + GameMath.prototype.average = function () { + var args = []; + for (var _i = 0; _i < (arguments.length - 0); _i++) { + args[_i] = arguments[_i + 0]; + } + var avg = 0; + + for (var i = 0; i < args.length; i++) { + avg += args[i]; + } + + return avg / args.length; + }; + + GameMath.prototype.slam = function (value, target, epsilon) { + if (typeof epsilon === "undefined") { epsilon = 0.0001; } + return (Math.abs(value - target) < epsilon) ? target : value; + }; + + /** + * ratio of value to a range + */ + GameMath.prototype.percentageMinMax = function (val, max, min) { + if (typeof min === "undefined") { min = 0; } + val -= min; + max -= min; + + if (!max) + return 0; +else + return val / max; + }; + + /** + * a value representing the sign of the value. + * -1 for negative, +1 for positive, 0 if value is 0 + */ + GameMath.prototype.sign = function (n) { + if (n) + return n / Math.abs(n); +else + return 0; + }; + + GameMath.prototype.truncate = function (n) { + return (n > 0) ? Math.floor(n) : Math.ceil(n); + }; + + GameMath.prototype.shear = function (n) { + return n % 1; + }; + + /** + * wrap a value around a range, similar to modulus with a floating minimum + */ + GameMath.prototype.wrap = function (val, max, min) { + if (typeof min === "undefined") { min = 0; } + val -= min; + max -= min; + if (max == 0) + return min; + val %= max; + val += min; + while (val < min) + val += max; + + return val; + }; + + /** + * arithmetic version of wrap... need to decide which is more efficient + */ + GameMath.prototype.arithWrap = function (value, max, min) { + if (typeof min === "undefined") { min = 0; } + max -= min; + if (max == 0) + return min; + return value - max * Math.floor((value - min) / max); + }; + + /** + * force a value within the boundaries of two values + * + * if max < min, min is returned + */ + GameMath.prototype.clamp = function (input, max, min) { + if (typeof min === "undefined") { min = 0; } + return Math.max(min, Math.min(max, input)); + }; + + /** + * Snap a value to nearest grid slice, using rounding. + * + * example if you have an interval gap of 5 and a position of 12... you will snap to 10. Where as 14 will snap to 15 + * + * @param input - the value to snap + * @param gap - the interval gap of the grid + * @param [start] - optional starting offset for gap + */ + GameMath.prototype.snapTo = function (input, gap, start) { + if (typeof start === "undefined") { start = 0; } + if (gap == 0) + return input; + + input -= start; + input = gap * Math.round(input / gap); + return start + input; + }; + + /** + * Snap a value to nearest grid slice, using floor. + * + * example if you have an interval gap of 5 and a position of 12... you will snap to 10. As will 14 snap to 10... but 16 will snap to 15 + * + * @param input - the value to snap + * @param gap - the interval gap of the grid + * @param [start] - optional starting offset for gap + */ + GameMath.prototype.snapToFloor = function (input, gap, start) { + if (typeof start === "undefined") { start = 0; } + if (gap == 0) + return input; + + input -= start; + input = gap * Math.floor(input / gap); + return start + input; + }; + + /** + * Snap a value to nearest grid slice, using ceil. + * + * example if you have an interval gap of 5 and a position of 12... you will snap to 15. As will 14 will snap to 15... but 16 will snap to 20 + * + * @param input - the value to snap + * @param gap - the interval gap of the grid + * @param [start] - optional starting offset for gap + */ + GameMath.prototype.snapToCeil = function (input, gap, start) { + if (typeof start === "undefined") { start = 0; } + if (gap == 0) + return input; + + input -= start; + input = gap * Math.ceil(input / gap); + return start + input; + }; + + /** + * Snaps a value to the nearest value in an array. + */ + GameMath.prototype.snapToInArray = function (input, arr, sort) { + if (typeof sort === "undefined") { sort = true; } + if (sort) + arr.sort(); + if (input < arr[0]) + return arr[0]; + + var i = 1; + + while (arr[i] < input) + i++; + + var low = arr[i - 1]; + var high = (i < arr.length) ? arr[i] : Number.POSITIVE_INFINITY; + + return ((high - input) <= (input - low)) ? high : low; + }; + + /** + * roundTo some place comparative to a 'base', default is 10 for decimal place + * + * 'place' is represented by the power applied to 'base' to get that place + * + * @param value - the value to round + * @param place - the place to round to + * @param base - the base to round in... default is 10 for decimal + * + * e.g. + * + * 2000/7 ~= 285.714285714285714285714 ~= (bin)100011101.1011011011011011 + * + * roundTo(2000/7,3) == 0 + * roundTo(2000/7,2) == 300 + * roundTo(2000/7,1) == 290 + * roundTo(2000/7,0) == 286 + * roundTo(2000/7,-1) == 285.7 + * roundTo(2000/7,-2) == 285.71 + * roundTo(2000/7,-3) == 285.714 + * roundTo(2000/7,-4) == 285.7143 + * roundTo(2000/7,-5) == 285.71429 + * + * roundTo(2000/7,3,2) == 288 -- 100100000 + * roundTo(2000/7,2,2) == 284 -- 100011100 + * roundTo(2000/7,1,2) == 286 -- 100011110 + * roundTo(2000/7,0,2) == 286 -- 100011110 + * roundTo(2000/7,-1,2) == 285.5 -- 100011101.1 + * roundTo(2000/7,-2,2) == 285.75 -- 100011101.11 + * roundTo(2000/7,-3,2) == 285.75 -- 100011101.11 + * roundTo(2000/7,-4,2) == 285.6875 -- 100011101.1011 + * roundTo(2000/7,-5,2) == 285.71875 -- 100011101.10111 + * + * note what occurs when we round to the 3rd space (8ths place), 100100000, this is to be assumed + * because we are rounding 100011.1011011011011011 which rounds up. + */ + GameMath.prototype.roundTo = function (value, place, base) { + if (typeof place === "undefined") { place = 0; } + if (typeof base === "undefined") { base = 10; } + var p = Math.pow(base, -place); + return Math.round(value * p) / p; + }; + + GameMath.prototype.floorTo = function (value, place, base) { + if (typeof place === "undefined") { place = 0; } + if (typeof base === "undefined") { base = 10; } + var p = Math.pow(base, -place); + return Math.floor(value * p) / p; + }; + + GameMath.prototype.ceilTo = function (value, place, base) { + if (typeof place === "undefined") { place = 0; } + if (typeof base === "undefined") { base = 10; } + var p = Math.pow(base, -place); + return Math.ceil(value * p) / p; + }; + + /** + * a one dimensional linear interpolation of a value. + */ + GameMath.prototype.interpolateFloat = function (a, b, weight) { + return (b - a) * weight + a; + }; + + /** + * convert radians to degrees + */ + GameMath.prototype.radiansToDegrees = function (angle) { + return angle * GameMath.RAD_TO_DEG; + }; + + /** + * convert degrees to radians + */ + GameMath.prototype.degreesToRadians = function (angle) { + return angle * GameMath.DEG_TO_RAD; + }; + + /** + * Find the angle of a segment from (x1, y1) -> (x2, y2 ) + */ + GameMath.prototype.angleBetween = function (x1, y1, x2, y2) { + return Math.atan2(y2 - y1, x2 - x1); + }; + + /** + * set an angle within the bounds of -PI to PI + */ + GameMath.prototype.normalizeAngle = function (angle, radians) { + if (typeof radians === "undefined") { radians = true; } + var rd = (radians) ? GameMath.PI : 180; + return this.wrap(angle, rd, -rd); + }; + + /** + * closest angle between two angles from a1 to a2 + * absolute value the return for exact angle + */ + GameMath.prototype.nearestAngleBetween = function (a1, a2, radians) { + if (typeof radians === "undefined") { radians = true; } + var rd = (radians) ? GameMath.PI : 180; + + a1 = this.normalizeAngle(a1, radians); + a2 = this.normalizeAngle(a2, radians); + + if (a1 < -rd / 2 && a2 > rd / 2) + a1 += rd * 2; + if (a2 < -rd / 2 && a1 > rd / 2) + a2 += rd * 2; + + return a2 - a1; + }; + + /** + * normalizes independent and then sets dep to the nearest value respective to independent + * + * for instance if dep=-170 and ind=170 then 190 will be returned as an alternative to -170 + */ + GameMath.prototype.normalizeAngleToAnother = function (dep, ind, radians) { + if (typeof radians === "undefined") { radians = true; } + return ind + this.nearestAngleBetween(ind, dep, radians); + }; + + /** + * normalize independent and dependent and then set dependent to an angle relative to 'after/clockwise' independent + * + * for instance dep=-170 and ind=170, then 190 will be reutrned as alternative to -170 + */ + GameMath.prototype.normalizeAngleAfterAnother = function (dep, ind, radians) { + if (typeof radians === "undefined") { radians = true; } + dep = this.normalizeAngle(dep - ind, radians); + return ind + dep; + }; + + /** + * normalizes indendent and dependent and then sets dependent to an angle relative to 'before/counterclockwise' independent + * + * for instance dep = 190 and ind = 170, then -170 will be returned as an alternative to 190 + */ + GameMath.prototype.normalizeAngleBeforeAnother = function (dep, ind, radians) { + if (typeof radians === "undefined") { radians = true; } + dep = this.normalizeAngle(ind - dep, radians); + return ind - dep; + }; + + /** + * interpolate across the shortest arc between two angles + */ + GameMath.prototype.interpolateAngles = function (a1, a2, weight, radians, ease) { + if (typeof radians === "undefined") { radians = true; } + if (typeof ease === "undefined") { ease = null; } + a1 = this.normalizeAngle(a1, radians); + a2 = this.normalizeAngleToAnother(a2, a1, radians); + + return (typeof ease === 'function') ? ease(weight, a1, a2 - a1, 1) : this.interpolateFloat(a1, a2, weight); + }; + + /** + * Compute the logarithm of any value of any base + * + * a logarithm is the exponent that some constant (base) would have to be raised to + * to be equal to value. + * + * i.e. + * 4 ^ x = 16 + * can be rewritten as to solve for x + * logB4(16) = x + * which with this function would be + * LoDMath.logBaseOf(16,4) + * + * which would return 2, because 4^2 = 16 + */ + GameMath.prototype.logBaseOf = function (value, base) { + return Math.log(value) / Math.log(base); + }; + + /** + * Greatest Common Denominator using Euclid's algorithm + */ + GameMath.prototype.GCD = function (m, n) { + var r; + + //make sure positive, GCD is always positive + m = Math.abs(m); + n = Math.abs(n); + + if (m < n) { + r = m; + m = n; + n = r; + } + + while (true) { + r = m % n; + if (!r) + return n; + m = n; + n = r; + } + + return 1; + }; + + /** + * Lowest Common Multiple + */ + GameMath.prototype.LCM = function (m, n) { + return (m * n) / this.GCD(m, n); + }; + + /** + * Factorial - N! + * + * simple product series + * + * by definition: + * 0! == 1 + */ + GameMath.prototype.factorial = function (value) { + if (value == 0) + return 1; + + var res = value; + + while (--value) { + res *= value; + } + + return res; + }; + + /** + * gamma function + * + * defined: gamma(N) == (N - 1)! + */ + GameMath.prototype.gammaFunction = function (value) { + return this.factorial(value - 1); + }; + + /** + * falling factorial + * + * defined: (N)! / (N - x)! + * + * written subscript: (N)x OR (base)exp + */ + GameMath.prototype.fallingFactorial = function (base, exp) { + return this.factorial(base) / this.factorial(base - exp); + }; + + /** + * rising factorial + * + * defined: (N + x - 1)! / (N - 1)! + * + * written superscript N^(x) OR base^(exp) + */ + GameMath.prototype.risingFactorial = function (base, exp) { + //expanded from gammaFunction for speed + return this.factorial(base + exp - 1) / this.factorial(base - 1); + }; + + /** + * binomial coefficient + * + * defined: N! / (k!(N-k)!) + * reduced: N! / (N-k)! == (N)k (fallingfactorial) + * reduced: (N)k / k! + */ + GameMath.prototype.binCoef = function (n, k) { + return this.fallingFactorial(n, k) / this.factorial(k); + }; + + /** + * rising binomial coefficient + * + * as one can notice in the analysis of binCoef(...) that + * binCoef is the (N)k divided by k!. Similarly rising binCoef + * is merely N^(k) / k! + */ + GameMath.prototype.risingBinCoef = function (n, k) { + return this.risingFactorial(n, k) / this.factorial(k); + }; + + /** + * Generate a random boolean result based on the chance value + *

+ * Returns true or false based on the chance value (default 50%). For example if you wanted a player to have a 30% chance + * of getting a bonus, call chanceRoll(30) - true means the chance passed, false means it failed. + *

+ * @param chance The chance of receiving the value. A number between 0 and 100 (effectively 0% to 100%) + * @return true if the roll passed, or false + */ + GameMath.prototype.chanceRoll = function (chance) { + if (typeof chance === "undefined") { chance = 50; } + if (chance <= 0) { + return false; + } else if (chance >= 100) { + return true; + } else { + if (Math.random() * 100 >= chance) { + return false; + } else { + return true; + } + } + }; + + /** + * Adds the given amount to the value, but never lets the value go over the specified maximum + * + * @param value The value to add the amount to + * @param amount The amount to add to the value + * @param max The maximum the value is allowed to be + * @return The new value + */ + GameMath.prototype.maxAdd = function (value, amount, max) { + value += amount; + + if (value > max) { + value = max; + } + + return value; + }; + + /** + * Subtracts the given amount from the value, but never lets the value go below the specified minimum + * + * @param value The base value + * @param amount The amount to subtract from the base value + * @param min The minimum the value is allowed to be + * @return The new value + */ + GameMath.prototype.minSub = function (value, amount, min) { + value -= amount; + + if (value < min) { + value = min; + } + + return value; + }; + + /** + * Adds value to amount and ensures that the result always stays between 0 and max, by wrapping the value around. + *

Values must be positive integers, and are passed through Math.abs

+ * + * @param value The value to add the amount to + * @param amount The amount to add to the value + * @param max The maximum the value is allowed to be + * @return The wrapped value + */ + GameMath.prototype.wrapValue = function (value, amount, max) { + var diff; + + value = Math.abs(value); + amount = Math.abs(amount); + max = Math.abs(max); + + diff = (value + amount) % max; + + return diff; + }; + + /** + * Randomly returns either a 1 or -1 + * + * @return 1 or -1 + */ + GameMath.prototype.randomSign = function () { + return (Math.random() > 0.5) ? 1 : -1; + }; + + /** + * Returns true if the number given is odd. + * + * @param n The number to check + * + * @return True if the given number is odd. False if the given number is even. + */ + GameMath.prototype.isOdd = function (n) { + if (n & 1) { + return true; + } else { + return false; + } + }; + + /** + * Returns true if the number given is even. + * + * @param n The number to check + * + * @return True if the given number is even. False if the given number is odd. + */ + GameMath.prototype.isEven = function (n) { + if (n & 1) { + return false; + } else { + return true; + } + }; + + /** + * Keeps an angle value between -180 and +180
+ * Should be called whenever the angle is updated on the Sprite to stop it from going insane. + * + * @param angle The angle value to check + * + * @return The new angle value, returns the same as the input angle if it was within bounds + */ + GameMath.prototype.wrapAngle = function (angle) { + var result = angle; + + if (angle >= -180 && angle <= 180) { + return angle; + } + + // Else normalise it to -180, 180 + result = (angle + 180) % 360; + + if (result < 0) { + result += 360; + } + + return result - 180; + }; + + /** + * Keeps an angle value between the given min and max values + * + * @param angle The angle value to check. Must be between -180 and +180 + * @param min The minimum angle that is allowed (must be -180 or greater) + * @param max The maximum angle that is allowed (must be 180 or less) + * + * @return The new angle value, returns the same as the input angle if it was within bounds + */ + GameMath.prototype.angleLimit = function (angle, min, max) { + var result = angle; + + if (angle > max) { + result = max; + } else if (angle < min) { + result = min; + } + + return result; + }; + + /** + * @method linear + * @param {Any} v + * @param {Any} k + * @public + */ + GameMath.prototype.linearInterpolation = function (v, k) { + var m = v.length - 1; + var f = m * k; + var i = Math.floor(f); + + if (k < 0) + return this.linear(v[0], v[1], f); + if (k > 1) + return this.linear(v[m], v[m - 1], m - f); + + return this.linear(v[i], v[i + 1 > m ? m : i + 1], f - i); + }; + + /** + * @method Bezier + * @param {Any} v + * @param {Any} k + * @public + */ + GameMath.prototype.bezierInterpolation = function (v, k) { + var b = 0; + var n = v.length - 1; + + for (var i = 0; i <= n; i++) { + b += Math.pow(1 - k, n - i) * Math.pow(k, i) * v[i] * this.bernstein(n, i); + } + + return b; + }; + + /** + * @method CatmullRom + * @param {Any} v + * @param {Any} k + * @public + */ + GameMath.prototype.catmullRomInterpolation = function (v, k) { + var m = v.length - 1; + var f = m * k; + var i = Math.floor(f); + + if (v[0] === v[m]) { + if (k < 0) + i = Math.floor(f = m * (1 + k)); + + return this.catmullRom(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i); + } else { + if (k < 0) + return v[0] - (this.catmullRom(v[0], v[0], v[1], v[1], -f) - v[0]); + + if (k > 1) + return v[m] - (this.catmullRom(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]); + + return this.catmullRom(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i); + } + }; + + /** + * @method Linear + * @param {Any} p0 + * @param {Any} p1 + * @param {Any} t + * @public + */ + GameMath.prototype.linear = function (p0, p1, t) { + return (p1 - p0) * t + p0; + }; + + /** + * @method Bernstein + * @param {Any} n + * @param {Any} i + * @public + */ + GameMath.prototype.bernstein = function (n, i) { + return this.factorial(n) / this.factorial(i) / this.factorial(n - i); + }; + + /** + * @method CatmullRom + * @param {Any} p0 + * @param {Any} p1 + * @param {Any} p2 + * @param {Any} p3 + * @param {Any} t + * @public + */ + GameMath.prototype.catmullRom = function (p0, p1, p2, p3, t) { + var v0 = (p2 - p0) * 0.5, v1 = (p3 - p1) * 0.5, t2 = t * t, t3 = t * t2; + return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1; + }; + + GameMath.prototype.difference = function (a, b) { + return Math.abs(a - b); + }; + + /** + * Fetch a random entry from the given array. + * Will return null if random selection is missing, or array has no entries. + * + * @param objects An array of objects. + * @param startIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. + * @param length Optional restriction on the number of values you want to randomly select from. + * + * @return The random object that was selected. + */ + GameMath.prototype.getRandom = function (objects, startIndex, length) { + if (typeof startIndex === "undefined") { startIndex = 0; } + if (typeof length === "undefined") { length = 0; } + if (objects != null) { + var l = length; + + if ((l == 0) || (l > objects.length - startIndex)) { + l = objects.length - startIndex; + } + + if (l > 0) { + return objects[startIndex + Math.floor(Math.random() * l)]; + } + } + + return null; + }; + + /** + * Round down to the next whole number. E.g. floor(1.7) == 1, and floor(-2.7) == -2. + * + * @param Value Any number. + * + * @return The rounded value of that number. + */ + GameMath.prototype.floor = function (value) { + var n = value | 0; + return (value > 0) ? (n) : ((n != value) ? (n - 1) : (n)); + }; + + /** + * Round up to the next whole number. E.g. ceil(1.3) == 2, and ceil(-2.3) == -3. + * + * @param Value Any number. + * + * @return The rounded value of that number. + */ + GameMath.prototype.ceil = function (value) { + var n = value | 0; + return (value > 0) ? ((n != value) ? (n + 1) : (n)) : (n); + }; + + /** + * Generate a sine and cosine table simultaneously and extremely quickly. Based on research by Franky of scene.at + *

+ * The parameters allow you to specify the length, amplitude and frequency of the wave. Once you have called this function + * you should get the results via getSinTable() and getCosTable(). This generator is fast enough to be used in real-time. + *

+ * @param length The length of the wave + * @param sinAmplitude The amplitude to apply to the sine table (default 1.0) if you need values between say -+ 125 then give 125 as the value + * @param cosAmplitude The amplitude to apply to the cosine table (default 1.0) if you need values between say -+ 125 then give 125 as the value + * @param frequency The frequency of the sine and cosine table data + * @return Returns the sine table + * @see getSinTable + * @see getCosTable + */ + GameMath.prototype.sinCosGenerator = function (length, sinAmplitude, cosAmplitude, frequency) { + if (typeof sinAmplitude === "undefined") { sinAmplitude = 1.0; } + if (typeof cosAmplitude === "undefined") { cosAmplitude = 1.0; } + if (typeof frequency === "undefined") { frequency = 1.0; } + var sin = sinAmplitude; + var cos = cosAmplitude; + var frq = frequency * Math.PI / length; + + this.cosTable = []; + this.sinTable = []; + + for (var c = 0; c < length; c++) { + cos -= sin * frq; + sin += cos * frq; + + this.cosTable[c] = cos; + this.sinTable[c] = sin; + } + + return this.sinTable; + }; + + /** + * Shifts through the sin table data by one value and returns it. + * This effectively moves the position of the data from the start to the end of the table. + * @return The sin value. + */ + GameMath.prototype.shiftSinTable = function () { + if (this.sinTable) { + var s = this.sinTable.shift(); + this.sinTable.push(s); + return s; + } + }; + + /** + * Shifts through the cos table data by one value and returns it. + * This effectively moves the position of the data from the start to the end of the table. + * @return The cos value. + */ + GameMath.prototype.shiftCosTable = function () { + if (this.cosTable) { + var s = this.cosTable.shift(); + this.cosTable.push(s); + return s; + } + }; + + /** + * Shuffles the data in the given array into a new order + * @param array The array to shuffle + * @return The array + */ + GameMath.prototype.shuffleArray = function (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; + }; + + /** + * Returns the distance from this Point object to the given Point object. + * @method distanceFrom + * @param {Point} target - The destination Point object. + * @param {Boolean} round - Round the distance to the nearest integer (default false) + * @return {Number} The distance between this Point object and the destination Point object. + **/ + GameMath.prototype.distanceBetween = function (x1, y1, x2, y2) { + var dx = x1 - x2; + var dy = y1 - y2; + + return Math.sqrt(dx * dx + dy * dy); + }; + + /** + * Finds the length of the given vector + * + * @param dx + * @param dy + * + * @return + */ + GameMath.prototype.vectorLength = function (dx, dy) { + return Math.sqrt(dx * dx + dy * dy); + }; + GameMath.PI = 3.141592653589793; + GameMath.PI_2 = 1.5707963267948965; + GameMath.PI_4 = 0.7853981633974483; + GameMath.PI_8 = 0.39269908169872413; + GameMath.PI_16 = 0.19634954084936206; + GameMath.TWO_PI = 6.283185307179586; + GameMath.THREE_PI_2 = 4.7123889803846895; + GameMath.E = 2.71828182845905; + GameMath.LN10 = 2.302585092994046; + GameMath.LN2 = 0.6931471805599453; + GameMath.LOG10E = 0.4342944819032518; + GameMath.LOG2E = 1.442695040888963387; + GameMath.SQRT1_2 = 0.7071067811865476; + GameMath.SQRT2 = 1.4142135623730951; + GameMath.DEG_TO_RAD = 0.017453292519943294444444444444444; + GameMath.RAD_TO_DEG = 57.295779513082325225835265587527; + + GameMath.B_16 = 65536; + GameMath.B_31 = 2147483648; + GameMath.B_32 = 4294967296; + GameMath.B_48 = 281474976710656; + GameMath.B_53 = 9007199254740992; + GameMath.B_64 = 18446744073709551616; + + GameMath.ONE_THIRD = 0.333333333333333333333333333333333; + GameMath.TWO_THIRDS = 0.666666666666666666666666666666666; + GameMath.ONE_SIXTH = 0.166666666666666666666666666666666; + + GameMath.COS_PI_3 = 0.86602540378443864676372317075294; + GameMath.SIN_2PI_3 = 0.03654595; + + GameMath.CIRCLE_ALPHA = 0.5522847498307933984022516322796; + + GameMath.ON = true; + GameMath.OFF = false; + + GameMath.SHORT_EPSILON = 0.1; + GameMath.PERC_EPSILON = 0.001; + GameMath.EPSILON = 0.0001; + GameMath.LONG_EPSILON = 0.00000001; + return GameMath; + })(); + Phaser.GameMath = GameMath; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Vec2 +* +* A Vector 2 +*/ +var Phaser; +(function (Phaser) { + var Vec2 = (function () { + /** + * Creates a new Vec2 object. + * @class Vec2 + * @constructor + * @param {Number} x The x position of the vector + * @param {Number} y The y position of the vector + * @return {Vec2} This object + **/ + function Vec2(x, y) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + this.x = x; + this.y = y; + + return this; + } + /** + * Copies the x and y properties from any given object to this Vec2. + * @method copyFrom + * @param {any} source - The object to copy from. + * @return {Vec2} This Vec2 object. + **/ + Vec2.prototype.copyFrom = function (source) { + return this.setTo(source.x, source.y); + }; + + /** + * Sets the x and y properties of the Vector. + * @param {Number} x The x position of the vector + * @param {Number} y The y position of the vector + * @return {Vec2} This object + **/ + Vec2.prototype.setTo = function (x, y) { + this.x = x; + this.y = y; + return this; + }; + + /** + * Add another vector to this one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.add = function (a) { + this.x += a.x; + this.y += a.y; + return this; + }; + + /** + * Subtract another vector from this one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.subtract = function (v) { + this.x -= v.x; + this.y -= v.y; + return this; + }; + + /** + * Multiply another vector with this one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.multiply = function (v) { + this.x *= v.x; + this.y *= v.y; + return this; + }; + + /** + * Divide this vector by another one. + * + * @param {Vec2} other The other Vector. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.divide = function (v) { + this.x /= v.x; + this.y /= v.y; + return this; + }; + + /** + * Get the length of this vector. + * + * @return {number} The length of this vector. + */ + Vec2.prototype.length = function () { + return Math.sqrt((this.x * this.x) + (this.y * this.y)); + }; + + /** + * Get the length squared of this vector. + * + * @return {number} The length^2 of this vector. + */ + Vec2.prototype.lengthSq = function () { + return (this.x * this.x) + (this.y * this.y); + }; + + /** + * Normalize this vector. + * + * @return {Vec2} This for chaining. + */ + Vec2.prototype.normalize = function () { + var inv = (this.x != 0 || this.y != 0) ? 1 / Math.sqrt(this.x * this.x + this.y * this.y) : 0; + this.x *= inv; + this.y *= inv; + return this; + }; + + /** + * The dot product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.dot = function (a) { + return ((this.x * a.x) + (this.y * a.y)); + }; + + /** + * The cross product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.cross = function (a) { + return ((this.x * a.y) - (this.y * a.x)); + }; + + /** + * The projection magnitude of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.projectionLength = function (a) { + var den = a.dot(a); + + if (den == 0) { + return 0; + } else { + return Math.abs(this.dot(a) / den); + } + }; + + /** + * The angle between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @return {Number} + */ + Vec2.prototype.angle = function (a) { + return Math.atan2(a.x * this.y - a.y * this.x, a.x * this.x + a.y * this.y); + }; + + /** + * Scale this vector. + * + * @param {number} x The scaling factor in the x direction. + * @param {?number=} y The scaling factor in the y direction. If this is not specified, the x scaling factor will be used. + * @return {Vec2} This for chaining. + */ + Vec2.prototype.scale = function (x, y) { + this.x *= x; + this.y *= y || x; + return this; + }; + + /** + * Multiply this vector by the given scalar. + * + * @param {number} scalar + * @return {Vec2} This for chaining. + */ + Vec2.prototype.multiplyByScalar = function (scalar) { + this.x *= scalar; + this.y *= scalar; + return this; + }; + + /** + * Adds the given vector to this vector then multiplies by the given scalar. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {number} scalar + * @return {Vec2} This for chaining. + */ + Vec2.prototype.multiplyAddByScalar = function (a, scalar) { + this.x += a.x * scalar; + this.y += a.y * scalar; + return this; + }; + + /** + * Divide this vector by the given scalar. + * + * @param {number} scalar + * @return {Vec2} This for chaining. + */ + Vec2.prototype.divideByScalar = function (scalar) { + this.x /= scalar; + this.y /= scalar; + return this; + }; + + /** + * Reverse this vector. + * + * @return {Vec2} This for chaining. + */ + Vec2.prototype.reverse = function () { + this.x = -this.x; + this.y = -this.y; + return this; + }; + + /** + * Check if both the x and y of this vector equal the given value. + * + * @return {Boolean} + */ + Vec2.prototype.equals = function (value) { + return (this.x == value && this.y == value); + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the object. + **/ + Vec2.prototype.toString = function () { + return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; + }; + return Vec2; + })(); + Phaser.Vec2 = Vec2; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Vec2Utils +* +* A collection of methods useful for manipulating and performing operations on 2D vectors. +* +*/ +var Phaser; +(function (Phaser) { + var Vec2Utils = (function () { + function Vec2Utils() { + } + Vec2Utils.add = /** + * Adds two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x + b.x, a.y + b.y); + }; + + Vec2Utils.subtract = /** + * Subtracts two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the difference of the two vectors. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x - b.x, a.y - b.y); + }; + + Vec2Utils.multiply = /** + * Multiplies two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors multiplied. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x * b.x, a.y * b.y); + }; + + Vec2Utils.divide = /** + * Divides two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors divided. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x / b.x, a.y / b.y); + }; + + Vec2Utils.scale = /** + * Scales a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {number} s Scaling value. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the scaled vector. + */ + function (a, s, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x * s, a.y * s); + }; + + Vec2Utils.multiplyAdd = /** + * Adds two 2D vectors together and multiplies the result by the given scalar. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {number} s Scaling value. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the sum of the two vectors added and multiplied. + */ + function (a, b, s, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x + b.x * s, a.y + b.y * s); + }; + + Vec2Utils.negative = /** + * Return a negative vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the negative vector. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(-a.x, -a.y); + }; + + Vec2Utils.perp = /** + * Return a perpendicular vector (90 degrees rotation) + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the scaled vector. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(-a.y, a.x); + }; + + Vec2Utils.rperp = /** + * Return a perpendicular vector (-90 degrees rotation) + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is the scaled vector. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.y, -a.x); + }; + + Vec2Utils.equals = /** + * Checks if two 2D vectors are equal. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Boolean} + */ + function (a, b) { + return a.x == b.x && a.y == b.y; + }; + + Vec2Utils.epsilonEquals = /** + * + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} epsilon + * @return {Boolean} + */ + function (a, b, epsilon) { + return Math.abs(a.x - b.x) <= epsilon && Math.abs(a.y - b.y) <= epsilon; + }; + + Vec2Utils.distance = /** + * Get the distance between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return Math.sqrt(Vec2Utils.distanceSq(a, b)); + }; + + Vec2Utils.distanceSq = /** + * Get the distance squared between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return ((a.x - b.x) * (a.x - b.x)) + ((a.y - b.y) * (a.y - b.y)); + }; + + Vec2Utils.project = /** + * Project two 2D vectors onto another vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var amt = a.dot(b) / b.lengthSq(); + + if (amt != 0) { + out.setTo(amt * b.x, amt * b.y); + } + + return out; + }; + + Vec2Utils.projectUnit = /** + * Project this vector onto a vector of unit length. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var amt = a.dot(b); + + if (amt != 0) { + out.setTo(amt * b.x, amt * b.y); + } + + return out; + }; + + Vec2Utils.normalRightHand = /** + * Right-hand normalize (make unit length) a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.y * -1, a.x); + }; + + Vec2Utils.normalize = /** + * Normalize (make unit length) a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var m = a.length(); + + if (m != 0) { + out.setTo(a.x / m, a.y / m); + } + + return out; + }; + + Vec2Utils.dot = /** + * The dot product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return ((a.x * b.x) + (a.y * b.y)); + }; + + Vec2Utils.cross = /** + * The cross product of two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return ((a.x * b.y) - (a.y * b.x)); + }; + + Vec2Utils.angle = /** + * The angle between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return Math.atan2(a.x * b.y - a.y * b.x, a.x * b.x + a.y * b.y); + }; + + Vec2Utils.angleSq = /** + * The angle squared between two 2D vectors. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @return {Number} + */ + function (a, b) { + return a.subtract(b).angle(b.subtract(a)); + }; + + Vec2Utils.rotateAroundOrigin = /** + * Rotate a 2D vector around the origin to the given angle (theta). + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Number} theta The angle of rotation in radians. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, b, theta, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var x = a.x - b.x; + var y = a.y - b.y; + return out.setTo(x * Math.cos(theta) - y * Math.sin(theta) + b.x, x * Math.sin(theta) + y * Math.cos(theta) + b.y); + }; + + Vec2Utils.rotate = /** + * Rotate a 2D vector to the given angle (theta). + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} b Reference to a source Vec2 object. + * @param {Number} theta The angle of rotation in radians. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2. + */ + function (a, theta, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + var c = Math.cos(theta); + var s = Math.sin(theta); + + return out.setTo(a.x * c - a.y * s, a.x * s + a.y * c); + }; + + Vec2Utils.clone = /** + * Clone a 2D vector. + * + * @param {Vec2} a Reference to a source Vec2 object. + * @param {Vec2} out The output Vec2 that is the result of the operation. + * @return {Vec2} A Vec2 that is a copy of the source Vec2. + */ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Vec2(); } + return out.setTo(a.x, a.y); + }; + return Vec2Utils; + })(); + Phaser.Vec2Utils = Vec2Utils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Mat3 +* +* A 3x3 Matrix +*/ +var Phaser; +(function (Phaser) { + var Mat3 = (function () { + /** + * Creates a new Mat3 object. + * @class Mat3 + * @constructor + * @return {Mat3} This object + **/ + function Mat3() { + this.data = [1, 0, 0, 0, 1, 0, 0, 0, 1]; + } + Object.defineProperty(Mat3.prototype, "a00", { + get: function () { + return this.data[0]; + }, + set: function (value) { + this.data[0] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a01", { + get: function () { + return this.data[1]; + }, + set: function (value) { + this.data[1] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a02", { + get: function () { + return this.data[2]; + }, + set: function (value) { + this.data[2] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a10", { + get: function () { + return this.data[3]; + }, + set: function (value) { + this.data[3] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a11", { + get: function () { + return this.data[4]; + }, + set: function (value) { + this.data[4] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a12", { + get: function () { + return this.data[5]; + }, + set: function (value) { + this.data[5] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a20", { + get: function () { + return this.data[6]; + }, + set: function (value) { + this.data[6] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a21", { + get: function () { + return this.data[7]; + }, + set: function (value) { + this.data[7] = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Mat3.prototype, "a22", { + get: function () { + return this.data[8]; + }, + set: function (value) { + this.data[8] = value; + }, + enumerable: true, + configurable: true + }); + + + /** + * Copies the values from one Mat3 into this Mat3. + * @method copyFromMat3 + * @param {any} source - The object to copy from. + * @return {Mat3} This Mat3 object. + **/ + Mat3.prototype.copyFromMat3 = function (source) { + this.data[0] = source.data[0]; + this.data[1] = source.data[1]; + this.data[2] = source.data[2]; + this.data[3] = source.data[3]; + this.data[4] = source.data[4]; + this.data[5] = source.data[5]; + this.data[6] = source.data[6]; + this.data[7] = source.data[7]; + this.data[8] = source.data[8]; + + return this; + }; + + /** + * Copies the upper-left 3x3 values into this Mat3. + * @method copyFromMat4 + * @param {any} source - The object to copy from. + * @return {Mat3} This Mat3 object. + **/ + Mat3.prototype.copyFromMat4 = function (source) { + this.data[0] = source[0]; + this.data[1] = source[1]; + this.data[2] = source[2]; + this.data[3] = source[4]; + this.data[4] = source[5]; + this.data[5] = source[6]; + this.data[6] = source[8]; + this.data[7] = source[9]; + this.data[8] = source[10]; + + return this; + }; + + /** + * Clones this Mat3 into a new Mat3 + * @param {Mat3} out The output Mat3, if none is given a new Mat3 object will be created. + * @return {Mat3} The new Mat3 + **/ + Mat3.prototype.clone = function (out) { + if (typeof out === "undefined") { out = new Phaser.Mat3(); } + out[0] = this.data[0]; + out[1] = this.data[1]; + out[2] = this.data[2]; + out[3] = this.data[3]; + out[4] = this.data[4]; + out[5] = this.data[5]; + out[6] = this.data[6]; + out[7] = this.data[7]; + out[8] = this.data[8]; + + return out; + }; + + /** + * Sets this Mat3 to the identity matrix. + * @method identity + * @param {any} source - The object to copy from. + * @return {Mat3} This Mat3 object. + **/ + Mat3.prototype.identity = function () { + return this.setTo(1, 0, 0, 0, 1, 0, 0, 0, 1); + }; + + /** + * Translates this Mat3 by the given vector + **/ + Mat3.prototype.translate = function (v) { + this.a20 = v.x * this.a00 + v.y * this.a10 + this.a20; + this.a21 = v.x * this.a01 + v.y * this.a11 + this.a21; + this.a22 = v.x * this.a02 + v.y * this.a12 + this.a22; + + return this; + }; + + Mat3.prototype.setTemps = function () { + this._a00 = this.data[0]; + this._a01 = this.data[1]; + this._a02 = this.data[2]; + this._a10 = this.data[3]; + this._a11 = this.data[4]; + this._a12 = this.data[5]; + this._a20 = this.data[6]; + this._a21 = this.data[7]; + this._a22 = this.data[8]; + }; + + /** + * Rotates this Mat3 by the given angle (given in radians) + **/ + Mat3.prototype.rotate = function (rad) { + this.setTemps(); + + var s = Phaser.GameMath.sinA[rad]; + var c = Phaser.GameMath.cosA[rad]; + + this.data[0] = c * this._a00 + s * this._a10; + this.data[1] = c * this._a01 + s * this._a10; + this.data[2] = c * this._a02 + s * this._a12; + + this.data[3] = c * this._a10 - s * this._a00; + this.data[4] = c * this._a11 - s * this._a01; + this.data[5] = c * this._a12 - s * this._a02; + + return this; + }; + + /** + * Scales this Mat3 by the given vector + **/ + Mat3.prototype.scale = function (v) { + this.data[0] = v.x * this.data[0]; + this.data[1] = v.x * this.data[1]; + this.data[2] = v.x * this.data[2]; + + this.data[3] = v.y * this.data[3]; + this.data[4] = v.y * this.data[4]; + this.data[5] = v.y * this.data[5]; + + return this; + }; + + Mat3.prototype.setTo = function (a00, a01, a02, a10, a11, a12, a20, a21, a22) { + this.data[0] = a00; + this.data[1] = a01; + this.data[2] = a02; + this.data[3] = a10; + this.data[4] = a11; + this.data[5] = a12; + this.data[6] = a20; + this.data[7] = a21; + this.data[8] = a22; + + return this; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the object. + **/ + Mat3.prototype.toString = function () { + return ''; + //return "[{Vec2 (x=" + this.x + " y=" + this.y + ")}]"; + }; + return Mat3; + })(); + Phaser.Mat3 = Mat3; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Mat3Utils +* +* A collection of methods useful for manipulating and performing operations on Mat3 objects. +* +*/ +var Phaser; +(function (Phaser) { + var Mat3Utils = (function () { + function Mat3Utils() { + } + Mat3Utils.transpose = /** + * Transpose the values of a Mat3 + **/ + function (source, dest) { + if (typeof dest === "undefined") { dest = null; } + if (dest === null) { + // Transpose ourselves + var a01 = source.data[1]; + var a02 = source.data[2]; + var a12 = source.data[5]; + + source.data[1] = source.data[3]; + source.data[2] = source.data[6]; + source.data[3] = a01; + source.data[5] = source.data[7]; + source.data[6] = a02; + source.data[7] = a12; + } else { + source.data[0] = dest.data[0]; + source.data[1] = dest.data[3]; + source.data[2] = dest.data[6]; + source.data[3] = dest.data[1]; + source.data[4] = dest.data[4]; + source.data[5] = dest.data[7]; + source.data[6] = dest.data[2]; + source.data[7] = dest.data[5]; + source.data[8] = dest.data[8]; + } + + return source; + }; + + Mat3Utils.invert = /** + * Inverts a Mat3 + **/ + function (source) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + var b01 = a22 * a11 - a12 * a21; + var b11 = -a22 * a10 + a12 * a20; + var b21 = a21 * a10 - a11 * a20; + + // Determinant + var det = a00 * b01 + a01 * b11 + a02 * b21; + + if (!det) { + return null; + } + + det = 1.0 / det; + + source.data[0] = b01 * det; + source.data[1] = (-a22 * a01 + a02 * a21) * det; + source.data[2] = (a12 * a01 - a02 * a11) * det; + source.data[3] = b11 * det; + source.data[4] = (a22 * a00 - a02 * a20) * det; + source.data[5] = (-a12 * a00 + a02 * a10) * det; + source.data[6] = b21 * det; + source.data[7] = (-a21 * a00 + a01 * a20) * det; + source.data[8] = (a11 * a00 - a01 * a10) * det; + + return source; + }; + + Mat3Utils.adjoint = /** + * Calculates the adjugate of a Mat3 + **/ + function (source) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + source.data[0] = (a11 * a22 - a12 * a21); + source.data[1] = (a02 * a21 - a01 * a22); + source.data[2] = (a01 * a12 - a02 * a11); + source.data[3] = (a12 * a20 - a10 * a22); + source.data[4] = (a00 * a22 - a02 * a20); + source.data[5] = (a02 * a10 - a00 * a12); + source.data[6] = (a10 * a21 - a11 * a20); + source.data[7] = (a01 * a20 - a00 * a21); + source.data[8] = (a00 * a11 - a01 * a10); + + return source; + }; + + Mat3Utils.determinant = /** + * Calculates the adjugate of a Mat3 + **/ + function (source) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20); + }; + + Mat3Utils.multiply = /** + * Multiplies two Mat3s + **/ + function (source, b) { + var a00 = source.data[0]; + var a01 = source.data[1]; + var a02 = source.data[2]; + var a10 = source.data[3]; + var a11 = source.data[4]; + var a12 = source.data[5]; + var a20 = source.data[6]; + var a21 = source.data[7]; + var a22 = source.data[8]; + + var b00 = b.data[0]; + var b01 = b.data[1]; + var b02 = b.data[2]; + var b10 = b.data[3]; + var b11 = b.data[4]; + var b12 = b.data[5]; + var b20 = b.data[6]; + var b21 = b.data[7]; + var b22 = b.data[8]; + + source.data[0] = b00 * a00 + b01 * a10 + b02 * a20; + source.data[1] = b00 * a01 + b01 * a11 + b02 * a21; + source.data[2] = b00 * a02 + b01 * a12 + b02 * a22; + + source.data[3] = b10 * a00 + b11 * a10 + b12 * a20; + source.data[4] = b10 * a01 + b11 * a11 + b12 * a21; + source.data[5] = b10 * a02 + b11 * a12 + b12 * a22; + + source.data[6] = b20 * a00 + b21 * a10 + b22 * a20; + source.data[7] = b20 * a01 + b21 * a11 + b22 * a21; + source.data[8] = b20 * a02 + b21 * a12 + b22 * a22; + + return source; + }; + + Mat3Utils.fromQuaternion = function () { + }; + Mat3Utils.normalFromMat4 = function () { + }; + return Mat3Utils; + })(); + Phaser.Mat3Utils = Mat3Utils; +})(Phaser || (Phaser = {})); +/// +var __extends = this.__extends || function (d, b) { + for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; + function __() { this.constructor = d; } + __.prototype = b.prototype; + d.prototype = new __(); +}; +/** +* Phaser - QuadTree +* +* A fairly generic quad tree structure for rapid overlap checks. QuadTree is also configured for single or dual list operation. +* You can add items either to its A list or its B list. When you do an overlap check, you can compare the A list to itself, +* or the A list against the B list. Handy for different things! +*/ +var Phaser; +(function (Phaser) { + var QuadTree = (function (_super) { + __extends(QuadTree, _super); + /** + * Instantiate a new Quad Tree node. + * + * @param {Number} x The X-coordinate of the point in space. + * @param {Number} y The Y-coordinate of the point in space. + * @param {Number} width Desired width of this node. + * @param {Number} height Desired height of this node. + * @param {Number} parent The parent branch or node. Pass null to create a root. + */ + //constructor(manager: Phaser.Physics.Manager, x: number, y: number, width: number, height: number, parent: QuadTree = null) { + function QuadTree(manager, x, y, width, height, parent) { + if (typeof parent === "undefined") { parent = null; } + _super.call(this, x, y, width, height); + + QuadTree.physics = manager; + + this._headA = this._tailA = new Phaser.LinkedList(); + this._headB = this._tailB = new Phaser.LinkedList(); + + if (parent != null) { + if (parent._headA.object != null) { + this._iterator = parent._headA; + + while (this._iterator != null) { + if (this._tailA.object != null) { + this._ot = this._tailA; + this._tailA = new Phaser.LinkedList(); + this._ot.next = this._tailA; + } + + this._tailA.object = this._iterator.object; + this._iterator = this._iterator.next; + } + } + + if (parent._headB.object != null) { + this._iterator = parent._headB; + + while (this._iterator != null) { + if (this._tailB.object != null) { + this._ot = this._tailB; + this._tailB = new Phaser.LinkedList(); + this._ot.next = this._tailB; + } + + this._tailB.object = this._iterator.object; + this._iterator = this._iterator.next; + } + } + } else { + QuadTree._min = (this.width + this.height) / (2 * QuadTree.divisions); + } + + this._canSubdivide = (this.width > QuadTree._min) || (this.height > QuadTree._min); + + //Set up comparison/sort helpers + this._northWestTree = null; + this._northEastTree = null; + this._southEastTree = null; + this._southWestTree = null; + this._leftEdge = this.x; + this._rightEdge = this.x + this.width; + this._halfWidth = this.width / 2; + this._midpointX = this._leftEdge + this._halfWidth; + this._topEdge = this.y; + this._bottomEdge = this.y + this.height; + this._halfHeight = this.height / 2; + this._midpointY = this._topEdge + this._halfHeight; + } + /** + * Clean up memory. + */ + QuadTree.prototype.destroy = function () { + this._tailA.destroy(); + this._tailB.destroy(); + this._headA.destroy(); + this._headB.destroy(); + + this._tailA = null; + this._tailB = null; + this._headA = null; + this._headB = null; + + if (this._northWestTree != null) { + this._northWestTree.destroy(); + } + + if (this._northEastTree != null) { + this._northEastTree.destroy(); + } + + if (this._southEastTree != null) { + this._southEastTree.destroy(); + } + + if (this._southWestTree != null) { + this._southWestTree.destroy(); + } + + this._northWestTree = null; + this._northEastTree = null; + this._southEastTree = null; + this._southWestTree = null; + + QuadTree._object = null; + QuadTree._processingCallback = null; + QuadTree._notifyCallback = null; + }; + + /** + * Load objects and/or groups into the quad tree, and register notify and processing callbacks. + * + * @param {} objectOrGroup1 Any object that is or extends IGameObject or Group. + * @param {} objectOrGroup2 Any object that is or extends IGameObject or Group. If null, the first parameter will be checked against itself. + * @param {Function} notifyCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject) that is called whenever two objects are found to overlap in world space, and either no processCallback is specified, or the processCallback returns true. + * @param {Function} processCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject):bool that is called whenever two objects are found to overlap in world space. The notifyCallback is only called if this function returns true. See GameObject.separate(). + * @param context The context in which the callbacks will be called + */ + QuadTree.prototype.load = function (objectOrGroup1, objectOrGroup2, notifyCallback, processCallback, context) { + if (typeof objectOrGroup2 === "undefined") { objectOrGroup2 = null; } + if (typeof notifyCallback === "undefined") { notifyCallback = null; } + if (typeof processCallback === "undefined") { processCallback = null; } + if (typeof context === "undefined") { context = null; } + this.add(objectOrGroup1, QuadTree.A_LIST); + + if (objectOrGroup2 != null) { + this.add(objectOrGroup2, QuadTree.B_LIST); + QuadTree._useBothLists = true; + } else { + QuadTree._useBothLists = false; + } + + QuadTree._notifyCallback = notifyCallback; + QuadTree._processingCallback = processCallback; + QuadTree._callbackContext = context; + }; + + /** + * Call this function to add an object to the root of the tree. + * This function will recursively add all group members, but + * not the groups themselves. + * + * @param {} objectOrGroup GameObjects are just added, Groups are recursed and their applicable members added accordingly. + * @param {Number} list A uint flag indicating the list to which you want to add the objects. Options are QuadTree.A_LIST and QuadTree.B_LIST. + */ + QuadTree.prototype.add = function (objectOrGroup, list) { + QuadTree._list = list; + + if (objectOrGroup.type == Phaser.Types.GROUP) { + this._i = 0; + this._members = objectOrGroup['members']; + this._l = objectOrGroup['length']; + + while (this._i < this._l) { + this._basic = this._members[this._i++]; + + if (this._basic != null && this._basic.exists) { + if (this._basic.type == Phaser.Types.GROUP) { + this.add(this._basic, list); + } else { + QuadTree._object = this._basic; + + if (QuadTree._object.exists && QuadTree._object.body.allowCollisions) { + this.addObject(); + } + } + } + } + } else { + QuadTree._object = objectOrGroup; + + if (QuadTree._object.exists && QuadTree._object.body.allowCollisions) { + this.addObject(); + } + } + }; + + /** + * Internal function for recursively navigating and creating the tree + * while adding objects to the appropriate nodes. + */ + QuadTree.prototype.addObject = function () { + if (!this._canSubdivide || ((this._leftEdge >= QuadTree._object.body.bounds.x) && (this._rightEdge <= QuadTree._object.body.bounds.right) && (this._topEdge >= QuadTree._object.body.bounds.y) && (this._bottomEdge <= QuadTree._object.body.bounds.bottom))) { + this.addToList(); + return; + } + + if ((QuadTree._object.body.bounds.x > this._leftEdge) && (QuadTree._object.body.bounds.right < this._midpointX)) { + if ((QuadTree._object.body.bounds.y > this._topEdge) && (QuadTree._object.body.bounds.bottom < this._midpointY)) { + if (this._northWestTree == null) { + this._northWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northWestTree.addObject(); + return; + } + + if ((QuadTree._object.body.bounds.y > this._midpointY) && (QuadTree._object.body.bounds.bottom < this._bottomEdge)) { + if (this._southWestTree == null) { + this._southWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southWestTree.addObject(); + return; + } + } + + if ((QuadTree._object.body.bounds.x > this._midpointX) && (QuadTree._object.body.bounds.right < this._rightEdge)) { + if ((QuadTree._object.body.bounds.y > this._topEdge) && (QuadTree._object.body.bounds.bottom < this._midpointY)) { + if (this._northEastTree == null) { + this._northEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northEastTree.addObject(); + return; + } + + if ((QuadTree._object.body.bounds.y > this._midpointY) && (QuadTree._object.body.bounds.bottom < this._bottomEdge)) { + if (this._southEastTree == null) { + this._southEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southEastTree.addObject(); + return; + } + } + + if ((QuadTree._object.body.bounds.right > this._leftEdge) && (QuadTree._object.body.bounds.x < this._midpointX) && (QuadTree._object.body.bounds.bottom > this._topEdge) && (QuadTree._object.body.bounds.y < this._midpointY)) { + if (this._northWestTree == null) { + this._northWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northWestTree.addObject(); + } + + if ((QuadTree._object.body.bounds.right > this._midpointX) && (QuadTree._object.body.bounds.x < this._rightEdge) && (QuadTree._object.body.bounds.bottom > this._topEdge) && (QuadTree._object.body.bounds.y < this._midpointY)) { + if (this._northEastTree == null) { + this._northEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._topEdge, this._halfWidth, this._halfHeight, this); + } + + this._northEastTree.addObject(); + } + + if ((QuadTree._object.body.bounds.right > this._midpointX) && (QuadTree._object.body.bounds.x < this._rightEdge) && (QuadTree._object.body.bounds.bottom > this._midpointY) && (QuadTree._object.body.bounds.y < this._bottomEdge)) { + if (this._southEastTree == null) { + this._southEastTree = new QuadTree(QuadTree.physics, this._midpointX, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southEastTree.addObject(); + } + + if ((QuadTree._object.body.bounds.right > this._leftEdge) && (QuadTree._object.body.bounds.x < this._midpointX) && (QuadTree._object.body.bounds.bottom > this._midpointY) && (QuadTree._object.body.bounds.y < this._bottomEdge)) { + if (this._southWestTree == null) { + this._southWestTree = new QuadTree(QuadTree.physics, this._leftEdge, this._midpointY, this._halfWidth, this._halfHeight, this); + } + + this._southWestTree.addObject(); + } + }; + + /** + * Internal function for recursively adding objects to leaf lists. + */ + QuadTree.prototype.addToList = function () { + if (QuadTree._list == QuadTree.A_LIST) { + if (this._tailA.object != null) { + this._ot = this._tailA; + this._tailA = new Phaser.LinkedList(); + this._ot.next = this._tailA; + } + + this._tailA.object = QuadTree._object; + } else { + if (this._tailB.object != null) { + this._ot = this._tailB; + this._tailB = new Phaser.LinkedList(); + this._ot.next = this._tailB; + } + + this._tailB.object = QuadTree._object; + } + + if (!this._canSubdivide) { + return; + } + + if (this._northWestTree != null) { + this._northWestTree.addToList(); + } + + if (this._northEastTree != null) { + this._northEastTree.addToList(); + } + + if (this._southEastTree != null) { + this._southEastTree.addToList(); + } + + if (this._southWestTree != null) { + this._southWestTree.addToList(); + } + }; + + /** + * QuadTree's other main function. Call this after adding objects + * using QuadTree.load() to compare the objects that you loaded. + * + * @return {Boolean} Whether or not any overlaps were found. + */ + QuadTree.prototype.execute = function () { + this._overlapProcessed = false; + + if (this._headA.object != null) { + this._iterator = this._headA; + + while (this._iterator != null) { + QuadTree._object = this._iterator.object; + + if (QuadTree._useBothLists) { + QuadTree._iterator = this._headB; + } else { + QuadTree._iterator = this._iterator.next; + } + + if (QuadTree._object.exists && (QuadTree._object.body.allowCollisions > 0) && (QuadTree._iterator != null) && (QuadTree._iterator.object != null) && QuadTree._iterator.object.exists && this.overlapNode()) { + this._overlapProcessed = true; + } + + this._iterator = this._iterator.next; + } + } + + if ((this._northWestTree != null) && this._northWestTree.execute()) { + this._overlapProcessed = true; + } + + if ((this._northEastTree != null) && this._northEastTree.execute()) { + this._overlapProcessed = true; + } + + if ((this._southEastTree != null) && this._southEastTree.execute()) { + this._overlapProcessed = true; + } + + if ((this._southWestTree != null) && this._southWestTree.execute()) { + this._overlapProcessed = true; + } + + return this._overlapProcessed; + }; + + /** + * A private for comparing an object against the contents of a node. + * + * @return {Boolean} Whether or not any overlaps were found. + */ + QuadTree.prototype.overlapNode = function () { + //Walk the list and check for overlaps + this._overlapProcessed = false; + + while (QuadTree._iterator != null) { + if (!QuadTree._object.exists || (QuadTree._object.body.allowCollisions <= 0)) { + break; + } + + this._checkObject = QuadTree._iterator.object; + + if ((QuadTree._object === this._checkObject) || !this._checkObject.exists || (this._checkObject.body.allowCollisions <= 0)) { + QuadTree._iterator = QuadTree._iterator.next; + continue; + } + + /* + if (QuadTree.physics.checkHullIntersection(QuadTree._object.body, this._checkObject.body)) + { + //Execute callback functions if they exist + if ((QuadTree._processingCallback == null) || QuadTree._processingCallback(QuadTree._object, this._checkObject)) + { + this._overlapProcessed = true; + } + + if (this._overlapProcessed && (QuadTree._notifyCallback != null)) + { + if (QuadTree._callbackContext !== null) + { + QuadTree._notifyCallback.call(QuadTree._callbackContext, QuadTree._object, this._checkObject); + } + else + { + QuadTree._notifyCallback(QuadTree._object, this._checkObject); + } + } + } + */ + QuadTree._iterator = QuadTree._iterator.next; + } + + return this._overlapProcessed; + }; + QuadTree.A_LIST = 0; + + QuadTree.B_LIST = 1; + return QuadTree; + })(Phaser.Rectangle); + Phaser.QuadTree = QuadTree; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - LinkedList +* +* A miniature linked list class. Useful for optimizing time-critical or highly repetitive tasks! +*/ +var Phaser; +(function (Phaser) { + var LinkedList = (function () { + /** + * Creates a new link, and sets object and next to null. + */ + function LinkedList() { + this.object = null; + this.next = null; + } + /** + * Clean up memory. + */ + LinkedList.prototype.destroy = function () { + this.object = null; + + if (this.next != null) { + this.next.destroy(); + } + + this.next = null; + }; + return LinkedList; + })(); + Phaser.LinkedList = LinkedList; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Plugin +*/ +var Phaser; +(function (Phaser) { + var Plugin = (function () { + function Plugin(game, parent) { + this.game = game; + this.parent = parent; + + this.active = false; + this.visible = false; + + this.hasPreUpdate = false; + this.hasUpdate = false; + this.hasPostUpdate = false; + + this.hasPreRender = false; + this.hasRender = false; + this.hasPostRender = false; + } + /** + * Pre-update is called at the start of the update cycle, before any other updates have taken place. + * It is only called if active is set to true. + */ + Plugin.prototype.preUpdate = function () { + }; + + /** + * Pre-update is called at the start of the update cycle, before any other updates have taken place. + * It is only called if active is set to true. + */ + Plugin.prototype.update = function () { + }; + + /** + * Post-update is called at the end of the objects update cycle, after other update logic has taken place. + * It is only called if active is set to true. + */ + Plugin.prototype.postUpdate = function () { + }; + + /** + * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. + * It is only called if visible is set to true. + */ + Plugin.prototype.preRender = function () { + }; + + /** + * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. + * It is only called if visible is set to true. + */ + Plugin.prototype.render = function () { + }; + + /** + * Post-render is called after every camera and game object has been rendered, also after any custom postRender callbacks have been run. + * It is only called if visible is set to true. + */ + Plugin.prototype.postRender = function () { + }; + + /** + * Clear down this Plugin and null out references + */ + Plugin.prototype.destroy = function () { + this.game = null; + this.parent = null; + + this.active = false; + this.visible = false; + }; + return Plugin; + })(); + Phaser.Plugin = Plugin; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - PluginManager +*/ +var Phaser; +(function (Phaser) { + var PluginManager = (function () { + function PluginManager(game, parent) { + this.game = game; + + this._parent = parent; + + this.plugins = []; + } + /** + * Add a new Plugin to the PluginManager. + * The plugins game and parent reference are set to this game and pluginmanager parent. + * @type {Phaser.Plugin} + */ + PluginManager.prototype.add = function (plugin) { + var result = false; + + if (typeof plugin === 'function') { + plugin = new plugin(this.game, this._parent); + } else { + plugin.game = this.game; + plugin.parent = this._parent; + } + + if (typeof plugin['preUpdate'] === 'function') { + plugin.hasPreUpdate = true; + result = true; + } + + if (typeof plugin['update'] === 'function') { + plugin.hasUpdate = true; + result = true; + } + + if (typeof plugin['postUpdate'] === 'function') { + plugin.hasPostUpdate = true; + result = true; + } + + if (typeof plugin['preRender'] === 'function') { + plugin.hasPreRender = true; + result = true; + } + + if (typeof plugin['render'] === 'function') { + plugin.hasRender = true; + result = true; + } + + if (typeof plugin['postRender'] === 'function') { + plugin.hasPostRender = true; + result = true; + } + + if (result == true) { + if (plugin.hasPreUpdate || plugin.hasUpdate || plugin.hasPostUpdate) { + plugin.active = true; + } + + if (plugin.hasPreRender || plugin.hasRender || plugin.hasPostRender) { + plugin.visible = true; + } + + this._pluginsLength = this.plugins.push(plugin); + + return plugin; + } else { + return null; + } + }; + + PluginManager.prototype.remove = function (plugin) { + // TODO :) + this._pluginsLength--; + }; + + PluginManager.prototype.preUpdate = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].active && this.plugins[this._p].hasPreUpdate) { + this.plugins[this._p].preUpdate(); + } + } + }; + + PluginManager.prototype.update = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].active && this.plugins[this._p].hasUpdate) { + this.plugins[this._p].update(); + } + } + }; + + PluginManager.prototype.postUpdate = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].active && this.plugins[this._p].hasPostUpdate) { + this.plugins[this._p].postUpdate(); + } + } + }; + + PluginManager.prototype.preRender = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].visible && this.plugins[this._p].hasPreRender) { + this.plugins[this._p].preRender(); + } + } + }; + + PluginManager.prototype.render = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].visible && this.plugins[this._p].hasRender) { + this.plugins[this._p].render(); + } + } + }; + + PluginManager.prototype.postRender = function () { + for (this._p = 0; this._p < this._pluginsLength; this._p++) { + if (this.plugins[this._p].visible && this.plugins[this._p].hasPostRender) { + this.plugins[this._p].postRender(); + } + } + }; + + PluginManager.prototype.destroy = function () { + this.plugins.length = 0; + this._pluginsLength = 0; + this.game = null; + this._parent = null; + }; + return PluginManager; + })(); + Phaser.PluginManager = PluginManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Signal +* +* A Signal is used for object communication via a custom broadcaster instead of Events. +* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. +* Released under the MIT license +* http://millermedeiros.github.com/js-signals/ +*/ +var Phaser; +(function (Phaser) { + var Signal = (function () { + function Signal() { + /** + * + * @property _bindings + * @type Array + * @private + */ + this._bindings = []; + /** + * + * @property _prevParams + * @type Any + * @private + */ + this._prevParams = null; + /** + * If Signal should keep record of previously dispatched parameters and + * automatically execute listener during `add()`/`addOnce()` if Signal was + * already dispatched before. + * @type boolean + */ + this.memorize = false; + /** + * @type boolean + * @private + */ + this._shouldPropagate = true; + /** + * If Signal is active and should broadcast events. + *

IMPORTANT: Setting this property during a dispatch will only affect the next dispatch, if you want to stop the propagation of a signal use `halt()` instead.

+ * @type boolean + */ + this.active = true; + } + /** + * + * @method validateListener + * @param {Any} listener + * @param {Any} fnName + */ + Signal.prototype.validateListener = function (listener, fnName) { + if (typeof listener !== 'function') { + throw new Error('listener is a required param of {fn}() and should be a Function.'.replace('{fn}', fnName)); + } + }; + + /** + * @param {Function} listener + * @param {boolean} isOnce + * @param {Object} [listenerContext] + * @param {Number} [priority] + * @return {SignalBinding} + * @private + */ + Signal.prototype._registerListener = function (listener, isOnce, listenerContext, priority) { + var prevIndex = this._indexOfListener(listener, listenerContext); + var binding; + + if (prevIndex !== -1) { + binding = this._bindings[prevIndex]; + + if (binding.isOnce() !== isOnce) { + throw new Error('You cannot add' + (isOnce ? '' : 'Once') + '() then add' + (!isOnce ? '' : 'Once') + '() the same listener without removing the relationship first.'); + } + } else { + binding = new Phaser.SignalBinding(this, listener, isOnce, listenerContext, priority); + + this._addBinding(binding); + } + + if (this.memorize && this._prevParams) { + binding.execute(this._prevParams); + } + + return binding; + }; + + /** + * + * @method _addBinding + * @param {SignalBinding} binding + * @private + */ + Signal.prototype._addBinding = function (binding) { + //simplified insertion sort + var n = this._bindings.length; + + do { + --n; + } while(this._bindings[n] && binding.priority <= this._bindings[n].priority); + + this._bindings.splice(n + 1, 0, binding); + }; + + /** + * + * @method _indexOfListener + * @param {Function} listener + * @return {number} + * @private + */ + Signal.prototype._indexOfListener = function (listener, context) { + var n = this._bindings.length; + var cur; + + while (n--) { + cur = this._bindings[n]; + + if (cur.getListener() === listener && cur.context === context) { + return n; + } + } + + return -1; + }; + + /** + * Check if listener was attached to Signal. + * @param {Function} listener + * @param {Object} [context] + * @return {boolean} if Signal has the specified listener. + */ + Signal.prototype.has = function (listener, context) { + if (typeof context === "undefined") { context = null; } + return this._indexOfListener(listener, context) !== -1; + }; + + /** + * Add a listener to the signal. + * @param {Function} listener Signal handler function. + * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). + * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) + * @return {SignalBinding} An Object representing the binding between the Signal and listener. + */ + Signal.prototype.add = function (listener, listenerContext, priority) { + if (typeof listenerContext === "undefined") { listenerContext = null; } + if (typeof priority === "undefined") { priority = 0; } + this.validateListener(listener, 'add'); + + return this._registerListener(listener, false, listenerContext, priority); + }; + + /** + * Add listener to the signal that should be removed after first execution (will be executed only once). + * @param {Function} listener Signal handler function. + * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). + * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) + * @return {SignalBinding} An Object representing the binding between the Signal and listener. + */ + Signal.prototype.addOnce = function (listener, listenerContext, priority) { + if (typeof listenerContext === "undefined") { listenerContext = null; } + if (typeof priority === "undefined") { priority = 0; } + this.validateListener(listener, 'addOnce'); + + return this._registerListener(listener, true, listenerContext, priority); + }; + + /** + * Remove a single listener from the dispatch queue. + * @param {Function} listener Handler function that should be removed. + * @param {Object} [context] Execution context (since you can add the same handler multiple times if executing in a different context). + * @return {Function} Listener handler function. + */ + Signal.prototype.remove = function (listener, context) { + if (typeof context === "undefined") { context = null; } + this.validateListener(listener, 'remove'); + + var i = this._indexOfListener(listener, context); + + if (i !== -1) { + this._bindings[i]._destroy(); + this._bindings.splice(i, 1); + } + + return listener; + }; + + /** + * Remove all listeners from the Signal. + */ + Signal.prototype.removeAll = function () { + if (this._bindings) { + var n = this._bindings.length; + + while (n--) { + this._bindings[n]._destroy(); + } + + this._bindings.length = 0; + } + }; + + /** + * @return {number} Number of listeners attached to the Signal. + */ + Signal.prototype.getNumListeners = function () { + return this._bindings.length; + }; + + /** + * Stop propagation of the event, blocking the dispatch to next listeners on the queue. + *

IMPORTANT: should be called only during signal dispatch, calling it before/after dispatch won't affect signal broadcast.

+ * @see Signal.prototype.disable + */ + Signal.prototype.halt = function () { + this._shouldPropagate = false; + }; + + /** + * Dispatch/Broadcast Signal to all listeners added to the queue. + * @param {...*} [params] Parameters that should be passed to each handler. + */ + Signal.prototype.dispatch = function () { + var paramsArr = []; + for (var _i = 0; _i < (arguments.length - 0); _i++) { + paramsArr[_i] = arguments[_i + 0]; + } + if (!this.active) { + return; + } + + var n = this._bindings.length; + var bindings; + + if (this.memorize) { + this._prevParams = paramsArr; + } + + if (!n) { + //should come after memorize + return; + } + + bindings = this._bindings.slice(0); + + this._shouldPropagate = true; + + do { + n--; + } while(bindings[n] && this._shouldPropagate && bindings[n].execute(paramsArr) !== false); + }; + + /** + * Forget memorized arguments. + * @see Signal.memorize + */ + Signal.prototype.forget = function () { + this._prevParams = null; + }; + + /** + * Remove all bindings from signal and destroy any reference to external objects (destroy Signal object). + *

IMPORTANT: calling any method on the signal instance after calling dispose will throw errors.

+ */ + Signal.prototype.dispose = function () { + this.removeAll(); + + delete this._bindings; + delete this._prevParams; + }; + + /** + * @return {string} String representation of the object. + */ + Signal.prototype.toString = function () { + return '[Signal active:' + this.active + ' numListeners:' + this.getNumListeners() + ']'; + }; + Signal.VERSION = '1.0.0'; + return Signal; + })(); + Phaser.Signal = Signal; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - SignalBinding +* +* An object that represents a binding between a Signal and a listener function. +* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. +* Released under the MIT license +* http://millermedeiros.github.com/js-signals/ +*/ +var Phaser; +(function (Phaser) { + var SignalBinding = (function () { + /** + * Object that represents a binding between a Signal and a listener function. + *
- This is an internal constructor and shouldn't be called by regular users. + *
- inspired by Joa Ebert AS3 SignalBinding and Robert Penner's Slot classes. + * @author Miller Medeiros + * @constructor + * @internal + * @name SignalBinding + * @param {Signal} signal Reference to Signal object that listener is currently bound to. + * @param {Function} listener Handler function bound to the signal. + * @param {boolean} isOnce If binding should be executed just once. + * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). + * @param {Number} [priority] The priority level of the event listener. (default = 0). + */ + function SignalBinding(signal, listener, isOnce, listenerContext, priority) { + if (typeof priority === "undefined") { priority = 0; } + /** + * If binding is active and should be executed. + * @type boolean + */ + this.active = true; + /** + * Default parameters passed to listener during `Signal.dispatch` and `SignalBinding.execute`. (curried parameters) + * @type Array|null + */ + this.params = null; + this._listener = listener; + this._isOnce = isOnce; + this.context = listenerContext; + this._signal = signal; + this.priority = priority || 0; + } + /** + * Call listener passing arbitrary parameters. + *

If binding was added using `Signal.addOnce()` it will be automatically removed from signal dispatch queue, this method is used internally for the signal dispatch.

+ * @param {Array} [paramsArr] Array of parameters that should be passed to the listener + * @return {*} Value returned by the listener. + */ + SignalBinding.prototype.execute = function (paramsArr) { + var handlerReturn; + var params; + + if (this.active && !!this._listener) { + params = this.params ? this.params.concat(paramsArr) : paramsArr; + + handlerReturn = this._listener.apply(this.context, params); + + if (this._isOnce) { + this.detach(); + } + } + + return handlerReturn; + }; + + /** + * Detach binding from signal. + * - alias to: mySignal.remove(myBinding.getListener()); + * @return {Function|null} Handler function bound to the signal or `null` if binding was previously detached. + */ + SignalBinding.prototype.detach = function () { + return this.isBound() ? this._signal.remove(this._listener, this.context) : null; + }; + + /** + * @return {Boolean} `true` if binding is still bound to the signal and have a listener. + */ + SignalBinding.prototype.isBound = function () { + return (!!this._signal && !!this._listener); + }; + + /** + * @return {boolean} If SignalBinding will only be executed once. + */ + SignalBinding.prototype.isOnce = function () { + return this._isOnce; + }; + + /** + * @return {Function} Handler function bound to the signal. + */ + SignalBinding.prototype.getListener = function () { + return this._listener; + }; + + /** + * @return {Signal} Signal that listener is currently bound to. + */ + SignalBinding.prototype.getSignal = function () { + return this._signal; + }; + + /** + * Delete instance properties + * @private + */ + SignalBinding.prototype._destroy = function () { + delete this._signal; + delete this._listener; + delete this.context; + }; + + /** + * @return {string} String representation of the object. + */ + SignalBinding.prototype.toString = function () { + return '[SignalBinding isOnce:' + this._isOnce + ', isBound:' + this.isBound() + ', active:' + this.active + ']'; + }; + return SignalBinding; + })(); + Phaser.SignalBinding = SignalBinding; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Group +* +* This class is used for organising, updating and sorting game objects. +*/ +var Phaser; +(function (Phaser) { + var Group = (function () { + function Group(game, maxSize) { + if (typeof maxSize === "undefined") { maxSize = 0; } + /** + * Helper for sort. + */ + this._sortIndex = ''; + /** + * This keeps track of the z value of any game object added to this Group + */ + this._zCounter = 0; + /** + * The unique Group ID + */ + this.ID = -1; + /** + * The z value of this Group (within its parent Group, if any) + */ + this.z = -1; + /** + * The Group this Group is a child of (if any). + */ + this.group = null; + /** + * A boolean representing if the Group has been modified in any way via a scale, rotate, flip or skew. + */ + this.modified = false; + this.game = game; + this.type = Phaser.Types.GROUP; + this.exists = true; + this.visible = true; + + this.members = []; + this.length = 0; + + this._maxSize = maxSize; + this._marker = 0; + this._sortIndex = null; + + this.ID = this.game.world.getNextGroupID(); + + this.transform = new Phaser.Components.TransformManager(this); + this.texture = new Phaser.Display.Texture(this); + this.texture.opaque = false; + } + /** + * Gets the next z index value for children of this Group + */ + Group.prototype.getNextZIndex = function () { + return this._zCounter++; + }; + + /** + * Override this function to handle any deleting or "shutdown" type operations you might need, + * such as removing traditional children like Basic objects. + */ + Group.prototype.destroy = function () { + if (this.members != null) { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + this._member.destroy(); + } + } + + this.members.length = 0; + } + + this._sortIndex = null; + }; + + /** + * Calls update on all members of this Group who have a status of active=true and exists=true + * You can also call Object.update directly, which will bypass the active/exists check. + */ + Group.prototype.update = function () { + if (this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { + this.modified = true; + } + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists && this._member.active) { + this._member.preUpdate(); + this._member.update(); + } + } + }; + + /** + * Calls update on all members of this Group who have a status of active=true and exists=true + * You can also call Object.postUpdate directly, which will bypass the active/exists check. + */ + Group.prototype.postUpdate = function () { + if (this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { + this.modified = false; + } + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists && this._member.active) { + this._member.postUpdate(); + } + } + }; + + /** + * Calls render on all members of this Group who have a status of visible=true and exists=true + * You can also call Object.render directly, which will bypass the visible/exists check. + */ + Group.prototype.render = function (camera) { + if (camera.isHidden(this) == true) { + return; + } + + this.game.renderer.groupRenderer.preRender(camera, this); + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists && this._member.visible && camera.isHidden(this._member) == false) { + if (this._member.type == Phaser.Types.GROUP) { + this._member.render(camera); + } else { + this.game.renderer.renderGameObject(camera, this._member); + } + } + } + + this.game.renderer.groupRenderer.postRender(camera, this); + }; + + /** + * Calls render on all members of this Group regardless of their visible status and also ignores the camera blacklist. + * Use this when the Group objects render to hidden canvases for example. + */ + Group.prototype.directRender = function (camera) { + this.game.renderer.groupRenderer.preRender(camera, this); + + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists) { + if (this._member.type == Phaser.Types.GROUP) { + this._member.directRender(camera); + } else { + this.game.renderer.renderGameObject(this._member); + } + } + } + + this.game.renderer.groupRenderer.postRender(camera, this); + }; + + Object.defineProperty(Group.prototype, "maxSize", { + get: /** + * The maximum capacity of this group. Default is 0, meaning no max capacity, and the group can just grow. + */ + function () { + return this._maxSize; + }, + set: /** + * @private + */ + function (size) { + this._maxSize = size; + + if (this._marker >= this._maxSize) { + this._marker = 0; + } + + if (this._maxSize == 0 || this.members == null || (this._maxSize >= this.members.length)) { + return; + } + + //If the max size has shrunk, we need to get rid of some objects + this._i = this._maxSize; + this._length = this.members.length; + + while (this._i < this._length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + this._member.destroy(); + } + } + + this.length = this.members.length = this._maxSize; + }, + enumerable: true, + configurable: true + }); + + + /** + * Adds a new Game Object to the group. + * Group will try to replace a null member of the array first. + * Failing that, Group will add it to the end of the member array, + * assuming there is room for it, and doubling the size of the array if necessary. + * + *

WARNING: If the group has a maxSize that has already been met, + * the object will NOT be added to the group!

+ * + * @param {Basic} Object The object you want to add to the group. + * @return {Basic} The same object that was passed in. + */ + Group.prototype.add = function (object) { + if (object.group && (object.group.ID == this.ID || (object.type == Phaser.Types.GROUP && object.ID == this.ID))) { + return object; + } + + // First, look for a null entry where we can add the object. + this._i = 0; + this._length = this.members.length; + + while (this._i < this._length) { + if (this.members[this._i] == null) { + this.members[this._i] = object; + + this.setObjectIDs(object); + + if (this._i >= this.length) { + this.length = this._i + 1; + } + + return object; + } + + this._i++; + } + + if (this._maxSize > 0) { + if (this.members.length >= this._maxSize) { + return object; + } else if (this.members.length * 2 <= this._maxSize) { + this.members.length *= 2; + } else { + this.members.length = this._maxSize; + } + } else { + this.members.length *= 2; + } + + // If we made it this far, then we successfully grew the group, + // and we can go ahead and add the object at the first open slot. + this.members[this._i] = object; + this.length = this._i + 1; + + this.setObjectIDs(object); + + return object; + }; + + /** + * Create a new Sprite within this Group at the specified position. + * + * @param x {number} X position of the new sprite. + * @param y {number} Y position of the new sprite. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite + * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. + * @returns {Sprite} The newly created sprite object. + */ + Group.prototype.addNewSprite = function (x, y, key, frame) { + if (typeof key === "undefined") { key = ''; } + if (typeof frame === "undefined") { frame = null; } + return this.add(new Phaser.Sprite(this.game, x, y, key, frame)); + }; + + /** + * Sets all of the game object properties needed to exist within this Group. + */ + Group.prototype.setObjectIDs = function (object, zIndex) { + if (typeof zIndex === "undefined") { zIndex = -1; } + if (object.group !== null) { + object.group.remove(object); + } + + object.group = this; + + if (zIndex == -1) { + zIndex = this.getNextZIndex(); + } + + object.z = zIndex; + + if (object['events']) { + object['events'].onAddedToGroup.dispatch(object, this, object.z); + } + }; + + /** + * Recycling is designed to help you reuse game objects without always re-allocating or "newing" them. + * + *

If you specified a maximum size for this group (like in Emitter), + * then recycle will employ what we're calling "rotating" recycling. + * Recycle() will first check to see if the group is at capacity yet. + * If group is not yet at capacity, recycle() returns a new object. + * If the group IS at capacity, then recycle() just returns the next object in line.

+ * + *

If you did NOT specify a maximum size for this group, + * then recycle() will employ what we're calling "grow-style" recycling. + * Recycle() will return either the first object with exists == false, + * or, finding none, add a new object to the array, + * doubling the size of the array if necessary.

+ * + *

WARNING: If this function needs to create a new object, + * and no object class was provided, it will return null + * instead of a valid object!

+ * + * @param {class} ObjectClass The class type you want to recycle (e.g. Basic, EvilRobot, etc). Do NOT "new" the class in the parameter! + * + * @return {any} A reference to the object that was created. Don't forget to cast it back to the Class you want (e.g. myObject = myGroup.recycle(myObjectClass) as myObjectClass;). + */ + Group.prototype.recycle = function (objectClass) { + if (typeof objectClass === "undefined") { objectClass = null; } + if (this._maxSize > 0) { + if (this.length < this._maxSize) { + if (objectClass == null) { + return null; + } + + return this.add(new objectClass(this.game)); + } else { + this._member = this.members[this._marker++]; + + if (this._marker >= this._maxSize) { + this._marker = 0; + } + + return this._member; + } + } else { + this._member = this.getFirstAvailable(objectClass); + + if (this._member != null) { + return this._member; + } + + if (objectClass == null) { + return null; + } + + return this.add(new objectClass(this.game)); + } + }; + + /** + * Removes an object from the group. + * + * @param {Basic} object The Game Object you want to remove. + * @param {boolean} splice Whether the object should be cut from the array entirely or not. + * + * @return {Basic} The removed object. + */ + Group.prototype.remove = function (object, splice) { + if (typeof splice === "undefined") { splice = false; } + //console.log('removing from group: ', object.name); + this._i = this.members.indexOf(object); + + if (this._i < 0 || (this._i >= this.members.length)) { + return null; + } + + if (splice) { + this.members.splice(this._i, 1); + this.length--; + } else { + this.members[this._i] = null; + } + + if (object['events']) { + object['events'].onRemovedFromGroup.dispatch(object, this); + } + + object.group = null; + object.z = -1; + return object; + }; + + /** + * Replaces an existing game object in this Group with a new one. + * + * @param {Basic} oldObject The object you want to replace. + * @param {Basic} newObject The new object you want to use instead. + * + * @return {Basic} The new object. + */ + Group.prototype.replace = function (oldObject, newObject) { + this._i = this.members.indexOf(oldObject); + + if (this._i < 0 || (this._i >= this.members.length)) { + return null; + } + + this.setObjectIDs(newObject, this.members[this._i].z); + + // Null the old object + this.remove(this.members[this._i]); + + this.members[this._i] = newObject; + + return newObject; + }; + + /** + * Swaps two existing game object in this Group with each other. + * + * @param {Basic} child1 The first object to swap. + * @param {Basic} child2 The second object to swap. + * + * @return {Basic} True if the two objects successfully swapped position. + */ + Group.prototype.swap = function (child1, child2, sort) { + if (typeof sort === "undefined") { sort = true; } + if (child1.group.ID != this.ID || child2.group.ID != this.ID || child1 === child2) { + return false; + } + + var tempZ = child1.z; + + child1.z = child2.z; + child2.z = tempZ; + + if (sort) { + this.sort(); + } + + return true; + }; + + Group.prototype.bringToTop = function (child) { + //console.log('bringToTop', child.name,'current z', child.z); + var oldZ = child.z; + + if (!child || child.group == null || child.group.ID != this.ID) { + //console.log('If child not in this group, or is already at the top of the group, return false'); + return false; + } + + // Find out the largest z index + var topZ = -1; + + for (var i = 0; i < this.length; i++) { + if (this.members[i] && this.members[i].z > topZ) { + topZ = this.members[i].z; + } + } + + if (child.z == topZ) { + return false; + } + + child.z = topZ + 1; + + // Sort them out based on the current z indexes + this.sort(); + + for (var i = 0; i < this.length; i++) { + if (this.members[i]) { + this.members[i].z = i; + } + } + + //console.log('bringToTop', child.name, 'old z', oldZ, 'new z', child.z); + return true; + // What's the z index of the top most child? + /* + var childIndex: number = this._zCounter; + + console.log('childIndex', childIndex); + + this._i = 0; + + while (this._i < this.length) + { + this._member = this.members[this._i++]; + + if (this._member) + { + if (this._i > childIndex) + { + this._member.z--; + } + else if (this._member.z == child.z) + { + childIndex = this._i; + this._member.z = this._zCounter; + } + } + } + + console.log('child inserted at index', child.z); + + // Maybe redundant? + this.sort(); + + return true; + */ + }; + + /** + * Call this function to sort the group according to a particular value and order. + * For example, to sort game objects for Zelda-style overlaps you might call + * myGroup.sort("y",Group.ASCENDING) at the bottom of your + * State.update() override. To sort all existing objects after + * a big explosion or bomb attack, you might call myGroup.sort("exists",Group.DESCENDING). + * + * @param {string} index The string name of the member variable you want to sort on. Default value is "z". + * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. + */ + Group.prototype.sort = function (index, order) { + if (typeof index === "undefined") { index = 'z'; } + if (typeof order === "undefined") { order = Phaser.Types.SORT_ASCENDING; } + var _this = this; + this._sortIndex = index; + this._sortOrder = order; + this.members.sort(function (a, b) { + return _this.sortHandler(a, b); + }); + }; + + /** + * Helper function for the sort process. + * + * @param {Basic} Obj1 The first object being sorted. + * @param {Basic} Obj2 The second object being sorted. + * + * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). + */ + Group.prototype.sortHandler = function (obj1, obj2) { + if (!obj1 || !obj2) { + //console.log('null objects in sort', obj1, obj2); + return 0; + } + + if (obj1[this._sortIndex] < obj2[this._sortIndex]) { + return this._sortOrder; + } else if (obj1[this._sortIndex] > obj2[this._sortIndex]) { + return -this._sortOrder; + } + + return 0; + }; + + /** + * Go through and set the specified variable to the specified value on all members of the group. + * + * @param {string} VariableName The string representation of the variable name you want to modify, for example "visible" or "scrollFactor". + * @param {Object} Value The value you want to assign to that variable. + * @param {boolean} Recurse Default value is true, meaning if setAll() encounters a member that is a group, it will call setAll() on that group rather than modifying its variable. + */ + Group.prototype.setAll = function (variableName, value, recurse) { + if (typeof recurse === "undefined") { recurse = true; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (recurse && this._member.type == Phaser.Types.GROUP) { + this._member.setAll(variableName, value, recurse); + } else { + this._member[variableName] = value; + } + } + } + }; + + /** + * Go through and call the specified function on all members of the group. + * Currently only works on functions that have no required parameters. + * + * @param {string} FunctionName The string representation of the function you want to call on each object, for example "kill()" or "init()". + * @param {boolean} Recurse Default value is true, meaning if callAll() encounters a member that is a group, it will call callAll() on that group rather than calling the group's function. + */ + Group.prototype.callAll = function (functionName, recurse) { + if (typeof recurse === "undefined") { recurse = true; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (recurse && this._member.type == Phaser.Types.GROUP) { + this._member.callAll(functionName, recurse); + } else { + this._member[functionName](); + } + } + } + }; + + /** + * @param {function} callback + * @param {boolean} recursive + */ + Group.prototype.forEach = function (callback, recursive) { + if (typeof recursive === "undefined") { recursive = false; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (recursive && this._member.type == Phaser.Types.GROUP) { + this._member.forEach(callback, true); + } else { + callback.call(this, this._member); + } + } + } + }; + + /** + * @param {any} context + * @param {function} callback + * @param {boolean} recursive + */ + Group.prototype.forEachAlive = function (context, callback, recursive) { + if (typeof recursive === "undefined") { recursive = false; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.alive) { + if (recursive && this._member.type == Phaser.Types.GROUP) { + this._member.forEachAlive(context, callback, true); + } else { + callback.call(context, this._member); + } + } + } + }; + + /** + * Call this function to retrieve the first object with exists == false in the group. + * This is handy for recycling in general, e.g. respawning enemies. + * + * @param {any} [ObjectClass] An optional parameter that lets you narrow the results to instances of this particular class. + * + * @return {any} A Basic currently flagged as not existing. + */ + Group.prototype.getFirstAvailable = function (objectClass) { + if (typeof objectClass === "undefined") { objectClass = null; } + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && !this._member.exists && ((objectClass == null) || (typeof this._member === objectClass))) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to retrieve the first index set to 'null'. + * Returns -1 if no index stores a null object. + * + * @return {number} An int indicating the first null slot in the group. + */ + Group.prototype.getFirstNull = function () { + this._i = 0; + + while (this._i < this.length) { + if (this.members[this._i] == null) { + return this._i; + } else { + this._i++; + } + } + + return -1; + }; + + /** + * Call this function to retrieve the first object with exists == true in the group. + * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. + * + * @return {Basic} A Basic currently flagged as existing. + */ + Group.prototype.getFirstExtant = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null && this._member.exists) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to retrieve the first object with dead == false in the group. + * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. + * + * @return {Basic} A Basic currently flagged as not dead. + */ + Group.prototype.getFirstAlive = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && this._member.exists && this._member.alive) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to retrieve the first object with dead == true in the group. + * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. + * + * @return {Basic} A Basic currently flagged as dead. + */ + Group.prototype.getFirstDead = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && !this._member.alive) { + return this._member; + } + } + + return null; + }; + + /** + * Call this function to find out how many members of the group are not dead. + * + * @return {number} The number of Basics flagged as not dead. Returns -1 if group is empty. + */ + Group.prototype.countLiving = function () { + this._count = -1; + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (this._count < 0) { + this._count = 0; + } + + if (this._member.exists && this._member.alive) { + this._count++; + } + } + } + + return this._count; + }; + + /** + * Call this function to find out how many members of the group are dead. + * + * @return {number} The number of Basics flagged as dead. Returns -1 if group is empty. + */ + Group.prototype.countDead = function () { + this._count = -1; + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if (this._member != null) { + if (this._count < 0) { + this._count = 0; + } + + if (!this._member.alive) { + this._count++; + } + } + } + + return this._count; + }; + + /** + * Returns a member at random from the group. + * + * @param {number} StartIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. + * @param {number} Length Optional restriction on the number of values you want to randomly select from. + * + * @return {Basic} A Basic from the members list. + */ + Group.prototype.getRandom = function (startIndex, length) { + if (typeof startIndex === "undefined") { startIndex = 0; } + if (typeof length === "undefined") { length = 0; } + if (length == 0) { + length = this.length; + } + + return this.game.math.getRandom(this.members, startIndex, length); + }; + + /** + * Remove all instances of Basic subclass (Basic, Block, etc) from the list. + * WARNING: does not destroy() or kill() any of these objects! + */ + Group.prototype.clear = function () { + this.length = this.members.length = 0; + }; + + /** + * Calls kill on the group's members and then on the group itself. + */ + Group.prototype.kill = function () { + this._i = 0; + + while (this._i < this.length) { + this._member = this.members[this._i++]; + + if ((this._member != null) && this._member.exists) { + this._member.kill(); + } + } + }; + return Group; + })(); + Phaser.Group = Group; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Camera +* +* A Camera is your view into the game world. It has a position, size, scale and rotation and renders only those objects +* within its field of view. The game automatically creates a single Stage sized camera on boot, but it can be changed and +* additional cameras created via the CameraManager. +*/ +var Phaser; +(function (Phaser) { + var Camera = (function () { + /** + * Instantiates a new camera at the specified location, with the specified size and zoom level. + * + * @param game {Phaser.Game} Current game instance. + * @param id {number} Unique identity. + * @param x {number} X location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. + * @param y {number} Y location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. + * @param width {number} The width of the camera display in pixels. + * @param height {number} The height of the camera display in pixels. + */ + function Camera(game, id, x, y, width, height) { + this._target = null; + /** + * Camera worldBounds. + * @type {Rectangle} + */ + this.worldBounds = null; + /** + * A boolean representing if the Camera has been modified in any way via a scale, rotate, flip or skew. + */ + this.modified = false; + /** + * Sprite moving inside this Rectangle will not cause camera moving. + * @type {Rectangle} + */ + this.deadzone = null; + /** + * Whether this camera is visible or not. (default is true) + * @type {boolean} + */ + this.visible = true; + /** + * The z value of this Camera. Cameras are rendered in z-index order by the Renderer. + */ + this.z = -1; + this.game = game; + + this.ID = id; + this.z = id; + + width = this.game.math.clamp(width, this.game.stage.width, 1); + height = this.game.math.clamp(height, this.game.stage.height, 1); + + // The view into the world we wish to render (by default the full game world size) + // The size of this Rect is the same as screenView, but the values are all in world coordinates instead of screen coordinates + this.worldView = new Phaser.Rectangle(0, 0, width, height); + + // The rect of the area being rendered in stage/screen coordinates + this.screenView = new Phaser.Rectangle(x, y, width, height); + + this.plugins = new Phaser.PluginManager(this.game, this); + + this.transform = new Phaser.Components.TransformManager(this); + this.texture = new Phaser.Display.Texture(this); + + // We create a hidden canvas for our camera the size of the game (we use the screenView to clip the render to the camera size) + this.texture.canvas = document.createElement('canvas'); + this.texture.canvas.width = width; + this.texture.canvas.height = height; + this.texture.context = this.texture.canvas.getContext('2d'); + + // Handy proxies + this.scale = this.transform.scale; + this.alpha = this.texture.alpha; + this.origin = this.transform.origin; + this.crop = this.texture.crop; + } + + Object.defineProperty(Camera.prototype, "alpha", { + get: /** + * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. + */ + function () { + return this.texture.alpha; + }, + set: /** + * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. + */ + function (value) { + this.texture.alpha = value; + }, + enumerable: true, + configurable: true + }); + + /** + * Hides an object from this Camera. Hidden objects are not rendered. + * The object must implement a public cameraBlacklist property. + * + * @param object {Sprite/Group} The object this camera should ignore. + */ + Camera.prototype.hide = function (object) { + object.texture.hideFromCamera(this); + }; + + /** + * Returns true if the object is hidden from this Camera. + * + * @param object {Sprite/Group} The object to check. + */ + Camera.prototype.isHidden = function (object) { + return object.texture.isHidden(this); + }; + + /** + * Un-hides an object previously hidden to this Camera. + * The object must implement a public cameraBlacklist property. + * + * @param object {Sprite/Group} The object this camera should display. + */ + Camera.prototype.show = function (object) { + object.texture.showToCamera(this); + }; + + /** + * Tells this camera object what sprite to track. + * @param target {Sprite} The object you want the camera to track. Set to null to not follow anything. + * @param [style] {number} Leverage one of the existing "deadzone" presets. If you use a custom deadzone, ignore this parameter and manually specify the deadzone after calling follow(). + */ + Camera.prototype.follow = function (target, style) { + if (typeof style === "undefined") { style = Phaser.Types.CAMERA_FOLLOW_LOCKON; } + this._target = target; + + var helper; + + switch (style) { + case Phaser.Types.CAMERA_FOLLOW_PLATFORMER: + var w = this.width / 8; + var h = this.height / 3; + this.deadzone = new Phaser.Rectangle((this.width - w) / 2, (this.height - h) / 2 - h * 0.25, w, h); + break; + case Phaser.Types.CAMERA_FOLLOW_TOPDOWN: + helper = Math.max(this.width, this.height) / 4; + this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper); + break; + case Phaser.Types.CAMERA_FOLLOW_TOPDOWN_TIGHT: + helper = Math.max(this.width, this.height) / 8; + this.deadzone = new Phaser.Rectangle((this.width - helper) / 2, (this.height - helper) / 2, helper, helper); + break; + case Phaser.Types.CAMERA_FOLLOW_LOCKON: + default: + this.deadzone = null; + break; + } + }; + + /** + * Move the camera focus to this location instantly. + * @param x {number} X position. + * @param y {number} Y position. + */ + Camera.prototype.focusOnXY = function (x, y) { + x += (x > 0) ? 0.0000001 : -0.0000001; + y += (y > 0) ? 0.0000001 : -0.0000001; + + this.worldView.x = Math.round(x - this.worldView.halfWidth); + this.worldView.y = Math.round(y - this.worldView.halfHeight); + }; + + /** + * Move the camera focus to this location instantly. + * @param point {any} Point you want to focus. + */ + Camera.prototype.focusOn = function (point) { + point.x += (point.x > 0) ? 0.0000001 : -0.0000001; + point.y += (point.y > 0) ? 0.0000001 : -0.0000001; + + this.worldView.x = Math.round(point.x - this.worldView.halfWidth); + this.worldView.y = Math.round(point.y - this.worldView.halfHeight); + }; + + /** + * Specify the boundaries of the world or where the camera is allowed to move. + * + * @param x {number} The smallest X value of your world (usually 0). + * @param y {number} The smallest Y value of your world (usually 0). + * @param width {number} The largest X value of your world (usually the world width). + * @param height {number} The largest Y value of your world (usually the world height). + */ + Camera.prototype.setBounds = function (x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + if (this.worldBounds == null) { + this.worldBounds = new Phaser.Rectangle(); + } + + this.worldBounds.setTo(x, y, width, height); + + this.worldView.x = x; + this.worldView.y = y; + + this.update(); + }; + + /** + * Update focusing and scrolling. + */ + Camera.prototype.update = function () { + if (this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { + this.modified = true; + } + + this.plugins.preUpdate(); + + if (this._target !== null) { + if (this.deadzone == null) { + this.focusOnXY(this._target.x, this._target.y); + } else { + var edge; + var targetX = this._target.x + ((this._target.x > 0) ? 0.0000001 : -0.0000001); + var targetY = this._target.y + ((this._target.y > 0) ? 0.0000001 : -0.0000001); + + edge = targetX - this.deadzone.x; + + if (this.worldView.x > edge) { + this.worldView.x = edge; + } + + edge = targetX + this._target.width - this.deadzone.x - this.deadzone.width; + + if (this.worldView.x < edge) { + this.worldView.x = edge; + } + + edge = targetY - this.deadzone.y; + + if (this.worldView.y > edge) { + this.worldView.y = edge; + } + + edge = targetY + this._target.height - this.deadzone.y - this.deadzone.height; + + if (this.worldView.y < edge) { + this.worldView.y = edge; + } + } + } + + if (this.worldBounds !== null) { + if (this.worldView.x < this.worldBounds.left) { + this.worldView.x = this.worldBounds.left; + } + + if (this.worldView.x > this.worldBounds.right - this.width) { + this.worldView.x = (this.worldBounds.right - this.width) + 1; + } + + if (this.worldView.y < this.worldBounds.top) { + this.worldView.y = this.worldBounds.top; + } + + if (this.worldView.y > this.worldBounds.bottom - this.height) { + this.worldView.y = (this.worldBounds.bottom - this.height) + 1; + } + } + + this.worldView.floor(); + + this.plugins.update(); + }; + + /** + * Update focusing and scrolling. + */ + Camera.prototype.postUpdate = function () { + if (this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { + this.modified = false; + } + + if (this.worldBounds !== null) { + if (this.worldView.x < this.worldBounds.left) { + this.worldView.x = this.worldBounds.left; + } + + if (this.worldView.x > this.worldBounds.right - this.width) { + this.worldView.x = this.worldBounds.right - this.width; + } + + if (this.worldView.y < this.worldBounds.top) { + this.worldView.y = this.worldBounds.top; + } + + if (this.worldView.y > this.worldBounds.bottom - this.height) { + this.worldView.y = this.worldBounds.bottom - this.height; + } + } + + this.worldView.floor(); + + this.plugins.postUpdate(); + }; + + /** + * Destroys this camera, associated FX and removes itself from the CameraManager. + */ + Camera.prototype.destroy = function () { + this.game.world.cameras.removeCamera(this.ID); + this.plugins.destroy(); + }; + + Object.defineProperty(Camera.prototype, "x", { + get: function () { + return this.worldView.x; + }, + set: function (value) { + this.worldView.x = value; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Camera.prototype, "y", { + get: function () { + return this.worldView.y; + }, + set: function (value) { + this.worldView.y = value; + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(Camera.prototype, "width", { + get: function () { + return this.screenView.width; + }, + set: function (value) { + this.screenView.width = value; + this.worldView.width = value; + + if (value !== this.texture.canvas.width) { + this.texture.canvas.width = value; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Camera.prototype, "height", { + get: function () { + return this.screenView.height; + }, + set: function (value) { + this.screenView.height = value; + this.worldView.height = value; + + if (value !== this.texture.canvas.height) { + this.texture.canvas.height = value; + } + }, + enumerable: true, + configurable: true + }); + + + + Camera.prototype.setPosition = function (x, y) { + this.screenView.x = x; + this.screenView.y = y; + }; + + Camera.prototype.setSize = function (width, height) { + this.screenView.width = width * this.transform.scale.x; + this.screenView.height = height * this.transform.scale.y; + this.worldView.width = width; + this.worldView.height = height; + + if (width !== this.texture.canvas.width) { + this.texture.canvas.width = width; + } + + if (height !== this.texture.canvas.height) { + this.texture.canvas.height = height; + } + }; + + Object.defineProperty(Camera.prototype, "rotation", { + get: /** + * The angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + */ + function () { + return this.transform.rotation; + }, + set: /** + * Set the angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + * The value is automatically wrapped to be between 0 and 360. + */ + function (value) { + this.transform.rotation = this.game.math.wrap(value, 360, 0); + }, + enumerable: true, + configurable: true + }); + + return Camera; + })(); + Phaser.Camera = Camera; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - CameraManager +* +* Your game only has one CameraManager instance and it's responsible for looking after, creating and destroying +* all of the cameras in the world. +*/ +var Phaser; +(function (Phaser) { + var CameraManager = (function () { + /** + * CameraManager constructor + * This will create a new Camera with position and size. + * + * @param x {number} X Position of the created camera. + * @param y {number} y Position of the created camera. + * @param width {number} Width of the created camera. + * @param height {number} Height of the created camera. + */ + function CameraManager(game, x, y, width, height) { + /** + * Helper for sort. + */ + this._sortIndex = ''; + this.game = game; + + this._cameras = []; + this._cameraLength = 0; + + this.defaultCamera = this.addCamera(x, y, width, height); + + this.current = this.defaultCamera; + } + /** + * Get all the cameras. + * + * @returns {Camera[]} An array contains all the cameras. + */ + CameraManager.prototype.getAll = function () { + return this._cameras; + }; + + /** + * Update cameras. + */ + CameraManager.prototype.update = function () { + for (var i = 0; i < this._cameras.length; i++) { + this._cameras[i].update(); + } + }; + + /** + * postUpdate cameras. + */ + CameraManager.prototype.postUpdate = function () { + for (var i = 0; i < this._cameras.length; i++) { + this._cameras[i].postUpdate(); + } + }; + + /** + * Create a new camera with specific position and size. + * + * @param x {number} X position of the new camera. + * @param y {number} Y position of the new camera. + * @param width {number} Width of the new camera. + * @param height {number} Height of the new camera. + * @returns {Camera} The newly created camera object. + */ + CameraManager.prototype.addCamera = function (x, y, width, height) { + var newCam = new Phaser.Camera(this.game, this._cameraLength, x, y, width, height); + + this._cameraLength = this._cameras.push(newCam); + + return newCam; + }; + + /** + * Remove a new camera with its id. + * + * @param id {number} ID of the camera you want to remove. + * @returns {boolean} True if successfully removed the camera, otherwise return false. + */ + CameraManager.prototype.removeCamera = function (id) { + for (var c = 0; c < this._cameras.length; c++) { + if (this._cameras[c].ID == id) { + if (this.current.ID === this._cameras[c].ID) { + this.current = null; + } + + this._cameras.splice(c, 1); + + return true; + } + } + + return false; + }; + + CameraManager.prototype.swap = function (camera1, camera2, sort) { + if (typeof sort === "undefined") { sort = true; } + if (camera1.ID == camera2.ID) { + return false; + } + + var tempZ = camera1.z; + + camera1.z = camera2.z; + camera2.z = tempZ; + + if (sort) { + this.sort(); + } + + return true; + }; + + CameraManager.prototype.getCameraUnderPoint = function (x, y) { + for (var c = this._cameraLength - 1; c >= 0; c--) { + if (this._cameras[c].visible && Phaser.RectangleUtils.contains(this._cameras[c].screenView, x, y)) { + return this._cameras[c]; + } + } + + return null; + }; + + /** + * Call this function to sort the Cameras according to a particular value and order (default is their Z value). + * The order in which they are sorted determines the render order. If sorted on z then Cameras with a lower z-index value render first. + * + * @param {string} index The string name of the Camera variable you want to sort on. Default value is "z". + * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. + */ + CameraManager.prototype.sort = function (index, order) { + if (typeof index === "undefined") { index = 'z'; } + if (typeof order === "undefined") { order = Phaser.Types.SORT_ASCENDING; } + var _this = this; + this._sortIndex = index; + this._sortOrder = order; + this._cameras.sort(function (a, b) { + return _this.sortHandler(a, b); + }); + }; + + /** + * Helper function for the sort process. + * + * @param {Basic} Obj1 The first object being sorted. + * @param {Basic} Obj2 The second object being sorted. + * + * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). + */ + CameraManager.prototype.sortHandler = function (obj1, obj2) { + if (obj1[this._sortIndex] < obj2[this._sortIndex]) { + return this._sortOrder; + } else if (obj1[this._sortIndex] > obj2[this._sortIndex]) { + return -this._sortOrder; + } + + return 0; + }; + + /** + * Clean up memory. + */ + CameraManager.prototype.destroy = function () { + this._cameras.length = 0; + + this.current = this.addCamera(0, 0, this.game.stage.width, this.game.stage.height); + }; + return CameraManager; + })(); + Phaser.CameraManager = CameraManager; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Display - CSS3Filters + * + * Allows for easy addition and modification of CSS3 Filters on DOM objects (typically the Game.Stage.canvas). + */ + (function (Display) { + var CSS3Filters = (function () { + /** + * Creates a new CSS3 Filter component + * @param parent The DOM object to apply the filters to. + */ + function CSS3Filters(parent) { + this._blur = 0; + this._grayscale = 0; + this._sepia = 0; + this._brightness = 0; + this._contrast = 0; + this._hueRotate = 0; + this._invert = 0; + this._opacity = 0; + this._saturate = 0; + this.parent = parent; + } + CSS3Filters.prototype.setFilter = function (local, prefix, value, unit) { + this[local] = value; + + if (this.parent) { + this.parent.style['-webkit-filter'] = prefix + '(' + value + unit + ')'; + } + }; + + + Object.defineProperty(CSS3Filters.prototype, "blur", { + get: function () { + return this._blur; + }, + set: /** + * Applies a Gaussian blur to the DOM element. The value of 'radius' defines the value of the standard deviation to the Gaussian function, + * or how many pixels on the screen blend into each other, so a larger value will create more blur. + * If no parameter is provided, then a value 0 is used. The parameter is specified as a CSS length, but does not accept percentage values. + */ + function (radius) { + this.setFilter('_blur', 'blur', radius, 'px'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "grayscale", { + get: function () { + return this._grayscale; + }, + set: /** + * Converts the input image to grayscale. The value of 'amount' defines the proportion of the conversion. + * A value of 100% is completely grayscale. A value of 0% leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_grayscale', 'grayscale', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "sepia", { + get: function () { + return this._sepia; + }, + set: /** + * Converts the input image to sepia. The value of 'amount' defines the proportion of the conversion. + * A value of 100% is completely sepia. A value of 0 leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_sepia', 'sepia', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "brightness", { + get: function () { + return this._brightness; + }, + set: /** + * Applies a linear multiplier to input image, making it appear more or less bright. + * A value of 0% will create an image that is completely black. A value of 100% leaves the input unchanged. + * Other values are linear multipliers on the effect. Values of an amount over 100% are allowed, providing brighter results. + * If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_brightness', 'brightness', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "contrast", { + get: function () { + return this._contrast; + }, + set: /** + * Adjusts the contrast of the input. A value of 0% will create an image that is completely black. + * A value of 100% leaves the input unchanged. Values of amount over 100% are allowed, providing results with less contrast. + * If the 'amount' parameter is missing, a value of 100% is used. + */ + function (amount) { + this.setFilter('_contrast', 'contrast', amount, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "hueRotate", { + get: function () { + return this._hueRotate; + }, + set: /** + * Applies a hue rotation on the input image. The value of 'angle' defines the number of degrees around the color circle + * the input samples will be adjusted. A value of 0deg leaves the input unchanged. If the 'angle' parameter is missing, + * a value of 0deg is used. Maximum value is 360deg. + */ + function (angle) { + this.setFilter('_hueRotate', 'hue-rotate', angle, 'deg'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "invert", { + get: function () { + return this._invert; + }, + set: /** + * Inverts the samples in the input image. The value of 'amount' defines the proportion of the conversion. + * A value of 100% is completely inverted. A value of 0% leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. If the 'amount' parameter is missing, a value of 100% is used. + */ + function (value) { + this.setFilter('_invert', 'invert', value, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "opacity", { + get: function () { + return this._opacity; + }, + set: /** + * Applies transparency to the samples in the input image. The value of 'amount' defines the proportion of the conversion. + * A value of 0% is completely transparent. A value of 100% leaves the input unchanged. + * Values between 0% and 100% are linear multipliers on the effect. This is equivalent to multiplying the input image samples by amount. + * If the 'amount' parameter is missing, a value of 100% is used. + * This function is similar to the more established opacity property; the difference is that with filters, some browsers provide hardware acceleration for better performance. + */ + function (value) { + this.setFilter('_opacity', 'opacity', value, '%'); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(CSS3Filters.prototype, "saturate", { + get: function () { + return this._saturate; + }, + set: /** + * Saturates the input image. The value of 'amount' defines the proportion of the conversion. + * A value of 0% is completely un-saturated. A value of 100% leaves the input unchanged. + * Other values are linear multipliers on the effect. Values of amount over 100% are allowed, providing super-saturated results. + * If the 'amount' parameter is missing, a value of 100% is used. + */ + function (value) { + this.setFilter('_saturate', 'saturate', value, '%'); + }, + enumerable: true, + configurable: true + }); + return CSS3Filters; + })(); + Display.CSS3Filters = CSS3Filters; + })(Phaser.Display || (Phaser.Display = {})); + var Display = Phaser.Display; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Display - DynamicTexture + * + * A DynamicTexture can be thought of as a mini canvas into which you can draw anything. + * Game Objects can be assigned a DynamicTexture, so when they render in the world they do so + * based on the contents of the texture at the time. This allows you to create powerful effects + * once and have them replicated across as many game objects as you like. + */ + (function (Display) { + var DynamicTexture = (function () { + /** + * DynamicTexture constructor + * Create a new DynamicTexture. + * + * @param game {Phaser.Game} Current game instance. + * @param width {number} Init width of this texture. + * @param height {number} Init height of this texture. + */ + function DynamicTexture(game, width, height) { + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + /** + * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. + * This is useful if you wish to apply an effect like 'lighten'. + * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. + * Set to null to disable. + */ + this.globalCompositeOperation = null; + this.game = game; + this.type = Phaser.Types.DYNAMICTEXTURE; + + this.canvas = document.createElement('canvas'); + this.canvas.width = width; + this.canvas.height = height; + this.context = this.canvas.getContext('2d'); + + this.css3 = new Phaser.Display.CSS3Filters(this.canvas); + + this.bounds = new Phaser.Rectangle(0, 0, width, height); + } + /** + * Get a color of a specific pixel. + * @param x {number} X position of the pixel in this texture. + * @param y {number} Y position of the pixel in this texture. + * @return {number} A native color value integer (format: 0xRRGGBB) + */ + DynamicTexture.prototype.getPixel = function (x, y) { + //r = imageData.data[0]; + //g = imageData.data[1]; + //b = imageData.data[2]; + //a = imageData.data[3]; + var imageData = this.context.getImageData(x, y, 1, 1); + + return Phaser.ColorUtils.getColor(imageData.data[0], imageData.data[1], imageData.data[2]); + }; + + /** + * Get a color of a specific pixel (including alpha value). + * @param x {number} X position of the pixel in this texture. + * @param y {number} Y position of the pixel in this texture. + * @return A native color value integer (format: 0xAARRGGBB) + */ + DynamicTexture.prototype.getPixel32 = function (x, y) { + var imageData = this.context.getImageData(x, y, 1, 1); + + return Phaser.ColorUtils.getColor32(imageData.data[3], imageData.data[0], imageData.data[1], imageData.data[2]); + }; + + /** + * Get pixels in array in a specific Rectangle. + * @param rect {Rectangle} The specific Rectangle. + * @returns {array} CanvasPixelArray. + */ + DynamicTexture.prototype.getPixels = function (rect) { + return this.context.getImageData(rect.x, rect.y, rect.width, rect.height); + }; + + /** + * Set color of a specific pixel. + * @param x {number} X position of the target pixel. + * @param y {number} Y position of the target pixel. + * @param color {number} Native integer with color value. (format: 0xRRGGBB) + */ + DynamicTexture.prototype.setPixel = function (x, y, color) { + this.context.fillStyle = color; + this.context.fillRect(x, y, 1, 1); + }; + + /** + * Set color (with alpha) of a specific pixel. + * @param x {number} X position of the target pixel. + * @param y {number} Y position of the target pixel. + * @param color {number} Native integer with color value. (format: 0xAARRGGBB) + */ + DynamicTexture.prototype.setPixel32 = function (x, y, color) { + this.context.fillStyle = color; + this.context.fillRect(x, y, 1, 1); + }; + + /** + * Set image data to a specific Rectangle. + * @param rect {Rectangle} Target Rectangle. + * @param input {object} Source image data. + */ + DynamicTexture.prototype.setPixels = function (rect, input) { + this.context.putImageData(input, rect.x, rect.y); + }; + + /** + * Fill a given Rectangle with specific color. + * @param rect {Rectangle} Target Rectangle you want to fill. + * @param color {number} A native number with color value. (format: 0xRRGGBB) + */ + DynamicTexture.prototype.fillRect = function (rect, color) { + this.context.fillStyle = color; + this.context.fillRect(rect.x, rect.y, rect.width, rect.height); + }; + + /** + * + */ + DynamicTexture.prototype.pasteImage = function (key, frame, destX, destY, destWidth, destHeight) { + if (typeof frame === "undefined") { frame = -1; } + if (typeof destX === "undefined") { destX = 0; } + if (typeof destY === "undefined") { destY = 0; } + if (typeof destWidth === "undefined") { destWidth = null; } + if (typeof destHeight === "undefined") { destHeight = null; } + var texture = null; + var frameData; + + this._sx = 0; + this._sy = 0; + this._dx = destX; + this._dy = destY; + + if (frame > -1) { + //if (this.game.cache.isSpriteSheet(key)) + //{ + // texture = this.game.cache.getImage(key); + //this.animations.loadFrameData(this.game.cache.getFrameData(key)); + //} + } else { + texture = this.game.cache.getImage(key); + this._sw = texture.width; + this._sh = texture.height; + this._dw = texture.width; + this._dh = texture.height; + } + + if (destWidth !== null) { + this._dw = destWidth; + } + + if (destHeight !== null) { + this._dh = destHeight; + } + + if (texture != null) { + this.context.drawImage(texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + }; + + // TODO - Add in support for: alphaBitmapData: BitmapData = null, alphaPoint: Point = null, mergeAlpha: boolean = false + /** + * Copy pixel from another DynamicTexture to this texture. + * @param sourceTexture {DynamicTexture} Source texture object. + * @param sourceRect {Rectangle} The specific region Rectangle to be copied to this in the source. + * @param destPoint {Point} Top-left point the target image data will be paste at. + */ + DynamicTexture.prototype.copyPixels = function (sourceTexture, sourceRect, destPoint) { + if (Phaser.RectangleUtils.equals(sourceRect, this.bounds) == true) { + this.context.drawImage(sourceTexture.canvas, destPoint.x, destPoint.y); + } else { + this.context.putImageData(sourceTexture.getPixels(sourceRect), destPoint.x, destPoint.y); + } + }; + + DynamicTexture.prototype.add = function (sprite) { + sprite.texture.canvas = this.canvas; + sprite.texture.context = this.context; + }; + + /** + * Given an array of Sprites it will update each of them so that their canvas/contexts reference this DynamicTexture + * @param objects {Array} An array of GameObjects, or objects that inherit from it such as Sprites + */ + DynamicTexture.prototype.assignCanvasToGameObjects = function (objects) { + for (var i = 0; i < objects.length; i++) { + if (objects[i].texture) { + objects[i].texture.canvas = this.canvas; + objects[i].texture.context = this.context; + } + } + }; + + /** + * Clear the whole canvas. + */ + DynamicTexture.prototype.clear = function () { + this.context.clearRect(0, 0, this.bounds.width, this.bounds.height); + }; + + /** + * Renders this DynamicTexture to the Stage at the given x/y coordinates + * + * @param x {number} The X coordinate to render on the stage to (given in screen coordinates, not world) + * @param y {number} The Y coordinate to render on the stage to (given in screen coordinates, not world) + */ + DynamicTexture.prototype.render = function (x, y) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (this.globalCompositeOperation) { + this.game.stage.context.save(); + this.game.stage.context.globalCompositeOperation = this.globalCompositeOperation; + } + + this.game.stage.context.drawImage(this.canvas, x, y); + + if (this.globalCompositeOperation) { + this.game.stage.context.restore(); + } + }; + + Object.defineProperty(DynamicTexture.prototype, "width", { + get: function () { + return this.bounds.width; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(DynamicTexture.prototype, "height", { + get: function () { + return this.bounds.height; + }, + enumerable: true, + configurable: true + }); + return DynamicTexture; + })(); + Display.DynamicTexture = DynamicTexture; + })(Phaser.Display || (Phaser.Display = {})); + var Display = Phaser.Display; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Display - Texture + * + * The Texture being used to render the object (Sprite, Group background, etc). Either Image based on a DynamicTexture. + */ + (function (Display) { + var Texture = (function () { + /** + * Creates a new Texture component + * @param parent The object using this Texture to render. + * @param key An optional Game.Cache key to load an image from + */ + function Texture(parent) { + /** + * Reference to the Image stored in the Game.Cache that is used as the texture for the Sprite. + */ + this.imageTexture = null; + /** + * Reference to the DynamicTexture that is used as the texture for the Sprite. + * @type {DynamicTexture} + */ + this.dynamicTexture = null; + /** + * The load status of the texture image. + * @type {boolean} + */ + this.loaded = false; + /** + * Whether the texture background is opaque or not. If set to true the object is filled with + * the value of Texture.backgroundColor every frame. Normally you wouldn't enable this but + * for some effects it can be handy. + * @type {boolean} + */ + this.opaque = false; + /** + * The Background Color of the Sprite if Texture.opaque is set to true. + * Given in css color string format, i.e. 'rgb(0,0,0)' or '#ff0000'. + * @type {string} + */ + this.backgroundColor = 'rgb(255,255,255)'; + /** + * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. + * This is useful if you wish to apply an effect like 'lighten'. + * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. + * Set to null to disable. + */ + this.globalCompositeOperation = null; + /** + * Controls if the Sprite is rendered rotated or not. + * If renderRotation is false then the object can still rotate but it will never be rendered rotated. + * @type {boolean} + */ + this.renderRotation = true; + /** + * Flip the graphic horizontally (defaults to false) + * @type {boolean} + */ + this.flippedX = false; + /** + * Flip the graphic vertically (defaults to false) + * @type {boolean} + */ + this.flippedY = false; + /** + * Is the texture a DynamicTexture? + * @type {boolean} + */ + this.isDynamic = false; + this.game = parent.game; + this.parent = parent; + + this.canvas = parent.game.stage.canvas; + this.context = parent.game.stage.context; + this.alpha = 1; + this.flippedX = false; + this.flippedY = false; + + this._width = 16; + this._height = 16; + + this.cameraBlacklist = []; + this._blacklist = 0; + } + /** + * Hides an object from this Camera. Hidden objects are not rendered. + * + * @param object {Camera} The camera this object should ignore. + */ + Texture.prototype.hideFromCamera = function (camera) { + if (this.isHidden(camera) == false) { + this.cameraBlacklist.push(camera.ID); + this._blacklist++; + } + }; + + /** + * Returns true if this texture is hidden from rendering to the given camera, otherwise false. + */ + Texture.prototype.isHidden = function (camera) { + if (this._blacklist && this.cameraBlacklist.indexOf(camera.ID) !== -1) { + return true; + } + + return false; + }; + + /** + * Un-hides an object previously hidden to this Camera. + * The object must implement a public cameraBlacklist property. + * + * @param object {Sprite/Group} The object this camera should display. + */ + Texture.prototype.showToCamera = function (camera) { + if (this.isHidden(camera)) { + this.cameraBlacklist.slice(this.cameraBlacklist.indexOf(camera.ID), 1); + this._blacklist--; + } + }; + + /** + * Updates the texture being used to render the Sprite. + * Called automatically by SpriteUtils.loadTexture and SpriteUtils.loadDynamicTexture. + */ + Texture.prototype.setTo = function (image, dynamic) { + if (typeof image === "undefined") { image = null; } + if (typeof dynamic === "undefined") { dynamic = null; } + if (dynamic) { + this.isDynamic = true; + this.dynamicTexture = dynamic; + this.texture = this.dynamicTexture.canvas; + } else { + this.isDynamic = false; + this.imageTexture = image; + this.texture = this.imageTexture; + this._width = image.width; + this._height = image.height; + } + + this.loaded = true; + + return this.parent; + }; + + /** + * Sets a new graphic from the game cache to use as the texture for this Sprite. + * The graphic can be SpriteSheet or Texture Atlas. If you need to use a DynamicTexture see loadDynamicTexture. + * @param key {string} Key of the graphic you want to load for this sprite. + * @param clearAnimations {boolean} If this Sprite has a set of animation data already loaded you can choose to keep or clear it with this boolean + * @param updateBody {boolean} Update the physics body dimensions to match the newly loaded texture/frame? + */ + Texture.prototype.loadImage = function (key, clearAnimations, updateBody) { + if (typeof clearAnimations === "undefined") { clearAnimations = true; } + if (typeof updateBody === "undefined") { updateBody = true; } + if (clearAnimations && this.parent['animations'] && this.parent['animations'].frameData !== null) { + this.parent.animations.destroy(); + } + + if (this.game.cache.getImage(key) !== null) { + this.setTo(this.game.cache.getImage(key), null); + this.cacheKey = key; + + if (this.game.cache.isSpriteSheet(key) && this.parent['animations']) { + this.parent.animations.loadFrameData(this.parent.game.cache.getFrameData(key)); + } else { + if (updateBody && this.parent['body']) { + this.parent.body.bounds.width = this.width; + this.parent.body.bounds.height = this.height; + } + } + } + }; + + /** + * Load a DynamicTexture as its texture. + * @param texture {DynamicTexture} The texture object to be used by this sprite. + */ + Texture.prototype.loadDynamicTexture = function (texture) { + if (this.parent.animations.frameData !== null) { + this.parent.animations.destroy(); + } + + this.setTo(null, texture); + this.parent.texture.width = this.width; + this.parent.texture.height = this.height; + }; + + + + Object.defineProperty(Texture.prototype, "width", { + get: /** + * The width of the texture. If an animation it will be the frame width, not the width of the sprite sheet. + * If using a DynamicTexture it will be the width of the dynamic texture itself. + * @type {number} + */ + function () { + if (this.isDynamic) { + return this.dynamicTexture.width; + } else { + return this._width; + } + }, + set: function (value) { + this._width = value; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Texture.prototype, "height", { + get: /** + * The height of the texture. If an animation it will be the frame height, not the height of the sprite sheet. + * If using a DynamicTexture it will be the height of the dynamic texture itself. + * @type {number} + */ + function () { + if (this.isDynamic) { + return this.dynamicTexture.height; + } else { + return this._height; + } + }, + set: function (value) { + this._height = value; + }, + enumerable: true, + configurable: true + }); + return Texture; + })(); + Display.Texture = Texture; + })(Phaser.Display || (Phaser.Display = {})); + var Display = Phaser.Display; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Back + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Back = (function () { + function Back() { + } + Back.In = function (k) { + var s = 1.70158; + return k * k * ((s + 1) * k - s); + }; + + Back.Out = function (k) { + var s = 1.70158; + return --k * k * ((s + 1) * k + s) + 1; + }; + + Back.InOut = function (k) { + var s = 1.70158 * 1.525; + if ((k *= 2) < 1) + return 0.5 * (k * k * ((s + 1) * k - s)); + return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2); + }; + return Back; + })(); + Easing.Back = Back; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Bounce + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Bounce = (function () { + function Bounce() { + } + Bounce.In = function (k) { + return 1 - Phaser.Easing.Bounce.Out(1 - k); + }; + + Bounce.Out = function (k) { + if (k < (1 / 2.75)) { + return 7.5625 * k * k; + } else if (k < (2 / 2.75)) { + return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75; + } else if (k < (2.5 / 2.75)) { + return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375; + } else { + return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375; + } + }; + + Bounce.InOut = function (k) { + if (k < 0.5) + return Phaser.Easing.Bounce.In(k * 2) * 0.5; + return Phaser.Easing.Bounce.Out(k * 2 - 1) * 0.5 + 0.5; + }; + return Bounce; + })(); + Easing.Bounce = Bounce; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Circular + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Circular = (function () { + function Circular() { + } + Circular.In = function (k) { + return 1 - Math.sqrt(1 - k * k); + }; + + Circular.Out = function (k) { + return Math.sqrt(1 - (--k * k)); + }; + + Circular.InOut = function (k) { + if ((k *= 2) < 1) + return -0.5 * (Math.sqrt(1 - k * k) - 1); + return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1); + }; + return Circular; + })(); + Easing.Circular = Circular; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Cubic + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Cubic = (function () { + function Cubic() { + } + Cubic.In = function (k) { + return k * k * k; + }; + + Cubic.Out = function (k) { + return --k * k * k + 1; + }; + + Cubic.InOut = function (k) { + if ((k *= 2) < 1) + return 0.5 * k * k * k; + return 0.5 * ((k -= 2) * k * k + 2); + }; + return Cubic; + })(); + Easing.Cubic = Cubic; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Elastic + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Elastic = (function () { + function Elastic() { + } + Elastic.In = function (k) { + var s, a = 0.1, p = 0.4; + if (k === 0) + return 0; + if (k === 1) + return 1; + if (!a || a < 1) { + a = 1; + s = p / 4; + } else + s = p * Math.asin(1 / a) / (2 * Math.PI); + return -(a * Math.pow(2, 10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p)); + }; + + Elastic.Out = function (k) { + var s, a = 0.1, p = 0.4; + if (k === 0) + return 0; + if (k === 1) + return 1; + if (!a || a < 1) { + a = 1; + s = p / 4; + } else + s = p * Math.asin(1 / a) / (2 * Math.PI); + return (a * Math.pow(2, -10 * k) * Math.sin((k - s) * (2 * Math.PI) / p) + 1); + }; + + Elastic.InOut = function (k) { + var s, a = 0.1, p = 0.4; + if (k === 0) + return 0; + if (k === 1) + return 1; + if (!a || a < 1) { + a = 1; + s = p / 4; + } else + s = p * Math.asin(1 / a) / (2 * Math.PI); + if ((k *= 2) < 1) + return -0.5 * (a * Math.pow(2, 10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p)); + return a * Math.pow(2, -10 * (k -= 1)) * Math.sin((k - s) * (2 * Math.PI) / p) * 0.5 + 1; + }; + return Elastic; + })(); + Easing.Elastic = Elastic; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Exponential + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Exponential = (function () { + function Exponential() { + } + Exponential.In = function (k) { + return k === 0 ? 0 : Math.pow(1024, k - 1); + }; + + Exponential.Out = function (k) { + return k === 1 ? 1 : 1 - Math.pow(2, -10 * k); + }; + + Exponential.InOut = function (k) { + if (k === 0) + return 0; + if (k === 1) + return 1; + if ((k *= 2) < 1) + return 0.5 * Math.pow(1024, k - 1); + return 0.5 * (-Math.pow(2, -10 * (k - 1)) + 2); + }; + return Exponential; + })(); + Easing.Exponential = Exponential; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Linear + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Linear = (function () { + function Linear() { + } + Linear.None = function (k) { + return k; + }; + return Linear; + })(); + Easing.Linear = Linear; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Quadratic + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Quadratic = (function () { + function Quadratic() { + } + Quadratic.In = function (k) { + return k * k; + }; + + Quadratic.Out = function (k) { + return k * (2 - k); + }; + + Quadratic.InOut = function (k) { + if ((k *= 2) < 1) + return 0.5 * k * k; + return -0.5 * (--k * (k - 2) - 1); + }; + return Quadratic; + })(); + Easing.Quadratic = Quadratic; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Quartic + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Quartic = (function () { + function Quartic() { + } + Quartic.In = function (k) { + return k * k * k * k; + }; + + Quartic.Out = function (k) { + return 1 - (--k * k * k * k); + }; + + Quartic.InOut = function (k) { + if ((k *= 2) < 1) + return 0.5 * k * k * k * k; + return -0.5 * ((k -= 2) * k * k * k - 2); + }; + return Quartic; + })(); + Easing.Quartic = Quartic; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Quintic + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Quintic = (function () { + function Quintic() { + } + Quintic.In = function (k) { + return k * k * k * k * k; + }; + + Quintic.Out = function (k) { + return --k * k * k * k * k + 1; + }; + + Quintic.InOut = function (k) { + if ((k *= 2) < 1) + return 0.5 * k * k * k * k * k; + return 0.5 * ((k -= 2) * k * k * k * k + 2); + }; + return Quintic; + })(); + Easing.Quintic = Quintic; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Easing - Sinusoidal + * + * For use with Phaser.Tween + */ + (function (Easing) { + var Sinusoidal = (function () { + function Sinusoidal() { + } + Sinusoidal.In = function (k) { + return 1 - Math.cos(k * Math.PI / 2); + }; + + Sinusoidal.Out = function (k) { + return Math.sin(k * Math.PI / 2); + }; + + Sinusoidal.InOut = function (k) { + return 0.5 * (1 - Math.cos(Math.PI * k)); + }; + return Sinusoidal; + })(); + Easing.Sinusoidal = Sinusoidal; + })(Phaser.Easing || (Phaser.Easing = {})); + var Easing = Phaser.Easing; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Tween +* +* Based heavily on tween.js by sole (https://github.com/sole/tween.js) converted to TypeScript and integrated into Phaser +*/ +var Phaser; +(function (Phaser) { + var Tween = (function () { + /** + * Tween constructor + * Create a new Tween. + * + * @param object {object} Target object will be affected by this tween. + * @param game {Phaser.Game} Current game instance. + */ + function Tween(object, game) { + /** + * Reference to the target object. + * @type {object} + */ + this._object = null; + this._pausedTime = 0; + /** + * Start values container. + * @type {object} + */ + this._valuesStart = {}; + /** + * End values container. + * @type {object} + */ + this._valuesEnd = {}; + /** + * How long this tween will perform. + * @type {number} + */ + this._duration = 1000; + this._delayTime = 0; + this._startTime = null; + /** + * Will this tween automatically restart when it completes? + * @type {boolean} + */ + this._loop = false; + /** + * A yoyo tween is one that plays once fully, then reverses back to the original tween values before completing. + * @type {boolean} + */ + this._yoyo = false; + this._yoyoCount = 0; + /** + * Contains chained tweens. + * @type {Tweens[]} + */ + this._chainedTweens = []; + this.isRunning = false; + this._object = object; + + this.game = game; + this._manager = this.game.tweens; + this._interpolationFunction = this.game.math.linearInterpolation; + this._easingFunction = Phaser.Easing.Linear.None; + + this._chainedTweens = []; + this.onStart = new Phaser.Signal(); + this.onUpdate = new Phaser.Signal(); + this.onComplete = new Phaser.Signal(); + } + /** + * 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 [delay] {number} delay before this tween will start, defaults to 0 (no delay) + * @param [loop] {boolean} Should the tween automatically restart once complete? (ignores any chained tweens) + * @return {Tween} Itself. + */ + Tween.prototype.to = function (properties, duration, ease, autoStart, delay, loop, yoyo) { + if (typeof duration === "undefined") { duration = 1000; } + if (typeof ease === "undefined") { ease = null; } + if (typeof autoStart === "undefined") { autoStart = false; } + if (typeof delay === "undefined") { delay = 0; } + if (typeof loop === "undefined") { loop = false; } + if (typeof yoyo === "undefined") { yoyo = false; } + this._duration = duration; + + // If properties isn't an object this will fail, sanity check it here somehow? + this._valuesEnd = properties; + + if (ease !== null) { + this._easingFunction = ease; + } + + if (delay > 0) { + this._delayTime = delay; + } + + this._loop = loop; + this._yoyo = yoyo; + this._yoyoCount = 0; + + if (autoStart === true) { + return this.start(); + } else { + return this; + } + }; + + Tween.prototype.loop = function (value) { + this._loop = value; + return this; + }; + + Tween.prototype.yoyo = function (value) { + this._yoyo = value; + this._yoyoCount = 0; + return this; + }; + + /** + * Start to tween. + */ + Tween.prototype.start = function (looped) { + if (typeof looped === "undefined") { looped = false; } + if (this.game === null || this._object === null) { + return; + } + + if (looped == false) { + this._manager.add(this); + + this.onStart.dispatch(this._object); + } + + this._startTime = this.game.time.now + this._delayTime; + this.isRunning = true; + + for (var property in this._valuesEnd) { + if (this._object[property] === null || !(property in this._object)) { + throw Error('Phaser.Tween interpolation of null value of non-existing property'); + continue; + } + + if (this._valuesEnd[property] instanceof Array) { + if (this._valuesEnd[property].length === 0) { + continue; + } + + // create a local copy of the Array with the start value at the front + this._valuesEnd[property] = [this._object[property]].concat(this._valuesEnd[property]); + } + + if (looped == false) { + this._valuesStart[property] = this._object[property]; + } + } + + return this; + }; + + Tween.prototype.reverse = function () { + var tempObj = {}; + + for (var property in this._valuesStart) { + tempObj[property] = this._valuesStart[property]; + this._valuesStart[property] = this._valuesEnd[property]; + this._valuesEnd[property] = tempObj[property]; + } + + this._yoyoCount++; + + return this.start(true); + }; + + Tween.prototype.reset = function () { + for (var property in this._valuesStart) { + this._object[property] = this._valuesStart[property]; + } + + return this.start(true); + }; + + Tween.prototype.clear = function () { + this._chainedTweens = []; + + this.onStart.removeAll(); + this.onUpdate.removeAll(); + this.onComplete.removeAll(); + + return this; + }; + + /** + * Stop tweening. + */ + Tween.prototype.stop = function () { + if (this._manager !== null) { + this._manager.remove(this); + } + + this.isRunning = false; + + this.onComplete.dispose(); + + return this; + }; + + Object.defineProperty(Tween.prototype, "parent", { + set: function (value) { + this.game = value; + this._manager = this.game.tweens; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Tween.prototype, "delay", { + get: function () { + return this._delayTime; + }, + set: function (amount) { + this._delayTime = amount; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Tween.prototype, "easing", { + get: function () { + return this._easingFunction; + }, + set: function (easing) { + this._easingFunction = easing; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Tween.prototype, "interpolation", { + get: function () { + return this._interpolationFunction; + }, + set: function (interpolation) { + this._interpolationFunction = interpolation; + }, + enumerable: true, + configurable: true + }); + + /** + * Add another chained tween, which will start automatically when the one before it completes. + * @param tween {Phaser.Tween} Tween object you want to chain with this. + * @return {Phaser.Tween} Itselfe. + */ + Tween.prototype.chain = function (tween) { + this._chainedTweens.push(tween); + + return this; + }; + + Tween.prototype.pause = function () { + this._paused = true; + }; + + Tween.prototype.resume = function () { + this._paused = false; + this._startTime += this.game.time.pauseDuration; + }; + + /** + * Update tweening. + * @param time {number} Current time from game clock. + * @return {boolean} Return false if this completed and no need to update, otherwise return true. + */ + Tween.prototype.update = function (time) { + if (this._paused || time < this._startTime) { + return true; + } + + this._tempElapsed = (time - this._startTime) / this._duration; + this._tempElapsed = this._tempElapsed > 1 ? 1 : this._tempElapsed; + + this._tempValue = this._easingFunction(this._tempElapsed); + + for (var property in this._valuesStart) { + if (this._valuesEnd[property] instanceof Array) { + this._object[property] = this._interpolationFunction(this._valuesEnd[property], this._tempValue); + } else { + this._object[property] = this._valuesStart[property] + (this._valuesEnd[property] - this._valuesStart[property]) * this._tempValue; + } + } + + this.onUpdate.dispatch(this._object, this._tempValue); + + if (this._tempElapsed == 1) { + if (this._yoyo) { + if (this._yoyoCount == 0) { + // Reverse the tween + this.reverse(); + return true; + } else { + if (this._loop == false) { + this.onComplete.dispatch(this._object); + + for (var i = 0; i < this._chainedTweens.length; i++) { + this._chainedTweens[i].start(); + } + + return false; + } else { + // YoYo and Loop are both on + this._yoyoCount = 0; + this.reverse(); + return true; + } + } + } + + if (this._loop) { + this._yoyoCount = 0; + this.reset(); + return true; + } else { + this.onComplete.dispatch(this._object); + + for (var i = 0; i < this._chainedTweens.length; i++) { + this._chainedTweens[i].start(); + } + + if (this._chainedTweens.length == 0) { + this.isRunning = false; + } + + return false; + } + } + + return true; + }; + return Tween; + })(); + Phaser.Tween = Tween; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - TweenManager +* +* The Game has a single instance of the TweenManager through which all Tween objects are created and updated. +* Tweens are hooked into the game clock and pause system, adjusting based on the game state. +* TweenManager is based heavily on tween.js by sole (http://soledadpenades.com). +* I converted it to TypeScript, swapped the callbacks for signals and patched a few issues with regard +* to properties and completion errors. Please see https://github.com/sole/tween.js for a full list of contributors. +*/ +var Phaser; +(function (Phaser) { + var TweenManager = (function () { + /** + * TweenManager constructor + * @param game {Game} A reference to the current Game. + */ + function TweenManager(game) { + this.game = game; + + this._tweens = []; + + this.game.onPause.add(this.pauseAll, this); + this.game.onResume.add(this.resumeAll, this); + } + /** + * Get all the tween objects in an array. + * @return {Phaser.Tween[]} Array with all tween objects. + */ + TweenManager.prototype.getAll = function () { + return this._tweens; + }; + + /** + * Remove all tween objects. + */ + TweenManager.prototype.removeAll = function () { + this._tweens.length = 0; + }; + + /** + * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. + * + * @param obj {object} Object the tween will be run on. + * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. + * @return {Phaser.Tween} The newly created tween object. + */ + TweenManager.prototype.create = function (object, localReference) { + if (typeof localReference === "undefined") { localReference = false; } + if (localReference) { + object['tween'] = new Phaser.Tween(object, this.game); + return object['tween']; + } else { + return new Phaser.Tween(object, this.game); + } + }; + + /** + * Add a new tween into the TweenManager. + * + * @param tween {Phaser.Tween} The tween object you want to add. + * @return {Phaser.Tween} The tween object you added to the manager. + */ + TweenManager.prototype.add = function (tween) { + tween.parent = this.game; + + this._tweens.push(tween); + + return tween; + }; + + /** + * Remove a tween from this manager. + * + * @param tween {Phaser.Tween} The tween object you want to remove. + */ + TweenManager.prototype.remove = function (tween) { + var i = this._tweens.indexOf(tween); + + if (i !== -1) { + this._tweens.splice(i, 1); + } + }; + + /** + * Update all the tween objects you added to this manager. + * + * @return {boolean} Return false if there's no tween to update, otherwise return true. + */ + TweenManager.prototype.update = function () { + if (this._tweens.length === 0) { + return false; + } + + var i = 0; + var numTweens = this._tweens.length; + + while (i < numTweens) { + if (this._tweens[i].update(this.game.time.now)) { + i++; + } else { + this._tweens.splice(i, 1); + numTweens--; + } + } + + return true; + }; + + TweenManager.prototype.pauseAll = function () { + if (this._tweens.length === 0) { + return false; + } + + var i = 0; + var numTweens = this._tweens.length; + + while (i < numTweens) { + this._tweens[i].pause(); + i++; + } + }; + + TweenManager.prototype.resumeAll = function () { + if (this._tweens.length === 0) { + return false; + } + + var i = 0; + var numTweens = this._tweens.length; + + while (i < numTweens) { + this._tweens[i].resume(); + i++; + } + }; + return TweenManager; + })(); + Phaser.TweenManager = TweenManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - TimeManager +* +* This is the game clock and it manages elapsed time and calculation of delta values, used for game object motion. +*/ +var Phaser; +(function (Phaser) { + var TimeManager = (function () { + /** + * Time constructor + * Create a new Time. + * + * @param game {Phaser.Game} Current game instance. + */ + function TimeManager(game) { + /** + * Elapsed since last frame. + * @type {number} + */ + this.elapsed = 0; + /** + * Game time counter. + * @property time + * @type {number} + */ + this.time = 0; + /** + * How long the game has been paused for. Gets reset each time the game pauses. + * @property pausedTime + * @type {number} + */ + this.pausedTime = 0; + /** + * Time of current frame. + * @property now + * @type {number} + */ + this.now = 0; + /** + * Elapsed time since last frame. + * @property delta + * @type {number} + */ + this.delta = 0; + /** + * Frames per second. + * @type {number} + */ + this.fps = 0; + /** + * Minimal fps. + * @type {number} + */ + this.fpsMin = 1000; + /** + * Maximal fps. + * @type {number} + */ + this.fpsMax = 0; + /** + * Minimum duration between 2 frames. + * @type {number} + */ + this.msMin = 1000; + /** + * Maximum duration between 2 frames. + * @type {number} + */ + this.msMax = 0; + /** + * How many frames in last second. + * @type {number} + */ + this.frames = 0; + /** + * Time of last second. + * @type {number} + */ + this._timeLastSecond = 0; + this.pauseDuration = 0; + this._pauseStarted = 0; + this.game = game; + + this._started = 0; + this._timeLastSecond = this._started; + this.time = this._started; + + this.game.onPause.add(this.gamePaused, this); + this.game.onResume.add(this.gameResumed, this); + } + Object.defineProperty(TimeManager.prototype, "totalElapsedSeconds", { + get: /** + * + * @method totalElapsedSeconds + * @return {Number} + */ + function () { + return (this.now - this._started) * 0.001; + }, + enumerable: true, + configurable: true + }); + + /** + * Update clock and calculate the fps. + * This is called automatically by Game._raf + * @method update + * @param {number} raf The current timestamp, either performance.now or Date.now + */ + TimeManager.prototype.update = function (raf) { + this.now = raf; + this.delta = this.now - this.time; + + this.msMin = Math.min(this.msMin, this.delta); + this.msMax = Math.max(this.msMax, this.delta); + + this.frames++; + + if (this.now > this._timeLastSecond + 1000) { + this.fps = Math.round((this.frames * 1000) / (this.now - this._timeLastSecond)); + this.fpsMin = Math.min(this.fpsMin, this.fps); + this.fpsMax = Math.max(this.fpsMax, this.fps); + + this._timeLastSecond = this.now; + this.frames = 0; + } + + this.time = this.now; + + if (this.game.paused) { + this.pausedTime = this.now - this._pauseStarted; + } + }; + + TimeManager.prototype.gamePaused = function () { + this._pauseStarted = this.now; + }; + + TimeManager.prototype.gameResumed = function () { + // Level out the delta timer to avoid spikes + this.pauseDuration = this.pausedTime; + }; + + /** + * How long has passed since given time. + * @method elapsedSince + * @param {number} since The time you want to measure. + * @return {number} Duration between given time and now. + */ + TimeManager.prototype.elapsedSince = function (since) { + return this.now - since; + }; + + /** + * How long has passed since the given time (in seconds). + * @method elapsedSecondsSince + * @param {number} since The time you want to measure (in seconds). + * @return {number} Duration between given time and now (in seconds). + */ + TimeManager.prototype.elapsedSecondsSince = function (since) { + return (this.now - since) * 0.001; + }; + + /** + * Set the start time to now. + * @method reset + */ + TimeManager.prototype.reset = function () { + this._started = this.now; + }; + return TimeManager; + })(); + Phaser.TimeManager = TimeManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Net +* +* +*/ +var Phaser; +(function (Phaser) { + var Net = (function () { + /** + * Net constructor + */ + function Net(game) { + this.game = game; + } + /** + * Compares the given domain name against the hostname of the browser containing the game. + * If the domain name is found it returns true. + * You can specify a part of a domain, for example 'google' would match 'google.com', 'google.co.uk', etc. + * Do not include 'http://' at the start. + */ + Net.prototype.checkDomainName = function (domain) { + return window.location.hostname.indexOf(domain) !== -1; + }; + + /** + * Updates a value on the Query String and returns it in full. + * If the value doesn't already exist it is set. + * If the value exists it is replaced with the new value given. If you don't provide a new value it is removed from the query string. + * Optionally you can redirect to the new url, or just return it as a string. + */ + Net.prototype.updateQueryString = function (key, value, redirect, url) { + if (typeof redirect === "undefined") { redirect = false; } + if (typeof url === "undefined") { url = ''; } + if (url == '') { + url = window.location.href; + } + + var output = ''; + + var re = new RegExp("([?|&])" + key + "=.*?(&|#|$)(.*)", "gi"); + + if (re.test(url)) { + if (typeof value !== 'undefined' && value !== null) { + output = url.replace(re, '$1' + key + "=" + value + '$2$3'); + } else { + output = url.replace(re, '$1$3').replace(/(&|\?)$/, ''); + } + } else { + if (typeof value !== 'undefined' && value !== null) { + var separator = url.indexOf('?') !== -1 ? '&' : '?'; + var hash = url.split('#'); + + url = hash[0] + separator + key + '=' + value; + + if (hash[1]) { + url += '#' + hash[1]; + } + + output = url; + } else { + output = url; + } + } + + if (redirect) { + window.location.href = output; + } else { + return output; + } + }; + + /** + * Returns the Query String as an object. + * If you specify a parameter it will return just the value of that parameter, should it exist. + */ + Net.prototype.getQueryString = function (parameter) { + if (typeof parameter === "undefined") { parameter = ''; } + var output = {}; + var keyValues = location.search.substring(1).split('&'); + + for (var i in keyValues) { + var key = keyValues[i].split('='); + + if (key.length > 1) { + if (parameter && parameter == this.decodeURI(key[0])) { + return this.decodeURI(key[1]); + } else { + output[this.decodeURI(key[0])] = this.decodeURI(key[1]); + } + } + } + + return output; + }; + + Net.prototype.decodeURI = function (value) { + return decodeURIComponent(value.replace(/\+/g, " ")); + }; + return Net; + })(); + Phaser.Net = Net; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Keyboard +* +* The Keyboard class handles keyboard interactions with the game and the resulting events. +* The avoid stealing all browser input we don't use event.preventDefault. If you would like to trap a specific key however +* then use the addKeyCapture() method. +*/ +var Phaser; +(function (Phaser) { + var Keyboard = (function () { + function Keyboard(game) { + this._keys = {}; + this._capture = {}; + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.game = game; + } + Keyboard.prototype.start = function () { + var _this = this; + this._onKeyDown = function (event) { + return _this.onKeyDown(event); + }; + this._onKeyUp = function (event) { + return _this.onKeyUp(event); + }; + + document.body.addEventListener('keydown', this._onKeyDown, false); + document.body.addEventListener('keyup', this._onKeyUp, false); + }; + + Keyboard.prototype.stop = function () { + document.body.removeEventListener('keydown', this._onKeyDown); + document.body.removeEventListener('keyup', this._onKeyUp); + }; + + /** + * By default when a key is pressed Phaser will not stop the event from propagating up to the browser. + * There are some keys this can be annoying for, like the arrow keys or space bar, which make the browser window scroll. + * You can use addKeyCapture to consume the keyboard event for specific keys so it doesn't bubble up to the the browser. + * Pass in either a single keycode or an array of keycodes. + * @param {Any} keycode + */ + Keyboard.prototype.addKeyCapture = function (keycode) { + if (typeof keycode === 'object') { + for (var i = 0; i < keycode.length; i++) { + this._capture[keycode[i]] = true; + } + } else { + this._capture[keycode] = true; + } + }; + + /** + * @param {Number} keycode + */ + Keyboard.prototype.removeKeyCapture = function (keycode) { + delete this._capture[keycode]; + }; + + Keyboard.prototype.clearCaptures = function () { + this._capture = {}; + }; + + /** + * @param {KeyboardEvent} event + */ + Keyboard.prototype.onKeyDown = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + if (this._capture[event.keyCode]) { + event.preventDefault(); + } + + if (!this._keys[event.keyCode]) { + this._keys[event.keyCode] = { isDown: true, timeDown: this.game.time.now, timeUp: 0 }; + } else { + this._keys[event.keyCode].isDown = true; + this._keys[event.keyCode].timeDown = this.game.time.now; + } + }; + + /** + * @param {KeyboardEvent} event + */ + Keyboard.prototype.onKeyUp = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + if (this._capture[event.keyCode]) { + event.preventDefault(); + } + + if (!this._keys[event.keyCode]) { + this._keys[event.keyCode] = { isDown: false, timeDown: 0, timeUp: this.game.time.now }; + } else { + this._keys[event.keyCode].isDown = false; + this._keys[event.keyCode].timeUp = this.game.time.now; + } + }; + + Keyboard.prototype.reset = function () { + for (var key in this._keys) { + this._keys[key].isDown = false; + } + }; + + /** + * @param {Number} keycode + * @param {Number} [duration] + * @return {Boolean} + */ + Keyboard.prototype.justPressed = function (keycode, duration) { + if (typeof duration === "undefined") { duration = 250; } + if (this._keys[keycode] && this._keys[keycode].isDown === true && (this.game.time.now - this._keys[keycode].timeDown < duration)) { + return true; + } else { + return false; + } + }; + + /** + * @param {Number} keycode + * @param {Number} [duration] + * @return {Boolean} + */ + Keyboard.prototype.justReleased = function (keycode, duration) { + if (typeof duration === "undefined") { duration = 250; } + if (this._keys[keycode] && this._keys[keycode].isDown === false && (this.game.time.now - this._keys[keycode].timeUp < duration)) { + return true; + } else { + return false; + } + }; + + /** + * @param {Number} keycode + * @return {Boolean} + */ + Keyboard.prototype.isDown = function (keycode) { + if (this._keys[keycode]) { + return this._keys[keycode].isDown; + } else { + return false; + } + }; + return Keyboard; + })(); + Phaser.Keyboard = Keyboard; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Mouse +* +* The Mouse class handles mouse interactions with the game and the resulting events. +*/ +var Phaser; +(function (Phaser) { + var Mouse = (function () { + function Mouse(game) { + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.mouseDownCallback = null; + this.mouseMoveCallback = null; + this.mouseUpCallback = null; + this.game = game; + this.callbackContext = this.game; + } + /** + * Starts the event listeners running + * @method start + */ + Mouse.prototype.start = function () { + var _this = this; + if (this.game.device.android && this.game.device.chrome == false) { + // Android stock browser fires mouse events even if you preventDefault on the touchStart, so ... + return; + } + + this._onMouseDown = function (event) { + return _this.onMouseDown(event); + }; + this._onMouseMove = function (event) { + return _this.onMouseMove(event); + }; + this._onMouseUp = function (event) { + return _this.onMouseUp(event); + }; + + this.game.stage.canvas.addEventListener('mousedown', this._onMouseDown, true); + this.game.stage.canvas.addEventListener('mousemove', this._onMouseMove, true); + this.game.stage.canvas.addEventListener('mouseup', this._onMouseUp, true); + }; + + /** + * @param {MouseEvent} event + */ + Mouse.prototype.onMouseDown = function (event) { + if (this.mouseDownCallback) { + this.mouseDownCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event['identifier'] = 0; + + this.game.input.mousePointer.start(event); + }; + + /** + * @param {MouseEvent} event + */ + Mouse.prototype.onMouseMove = function (event) { + if (this.mouseMoveCallback) { + this.mouseMoveCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event['identifier'] = 0; + + this.game.input.mousePointer.move(event); + }; + + /** + * @param {MouseEvent} event + */ + Mouse.prototype.onMouseUp = function (event) { + if (this.mouseUpCallback) { + this.mouseUpCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event['identifier'] = 0; + + this.game.input.mousePointer.stop(event); + }; + + /** + * Stop the event listeners + * @method stop + */ + Mouse.prototype.stop = function () { + this.game.stage.canvas.removeEventListener('mousedown', this._onMouseDown); + this.game.stage.canvas.removeEventListener('mousemove', this._onMouseMove); + this.game.stage.canvas.removeEventListener('mouseup', this._onMouseUp); + }; + Mouse.LEFT_BUTTON = 0; + Mouse.MIDDLE_BUTTON = 1; + Mouse.RIGHT_BUTTON = 2; + return Mouse; + })(); + Phaser.Mouse = Mouse; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - MSPointer +* +* The MSPointer class handles touch interactions with the game and the resulting Pointer objects. +* It will work only in Internet Explorer 10 and Windows Store or Windows Phone 8 apps using JavaScript. +* http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx +*/ +var Phaser; +(function (Phaser) { + var MSPointer = (function () { + /** + * Constructor + * @param {Game} game. + * @return {MSPointer} This object. + */ + function MSPointer(game) { + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.game = game; + } + /** + * Starts the event listeners running + * @method start + */ + MSPointer.prototype.start = function () { + var _this = this; + if (this.game.device.mspointer == true) { + this._onMSPointerDown = function (event) { + return _this.onPointerDown(event); + }; + this._onMSPointerMove = function (event) { + return _this.onPointerMove(event); + }; + this._onMSPointerUp = function (event) { + return _this.onPointerUp(event); + }; + + this.game.stage.canvas.addEventListener('MSPointerDown', this._onMSPointerDown, false); + this.game.stage.canvas.addEventListener('MSPointerMove', this._onMSPointerMove, false); + this.game.stage.canvas.addEventListener('MSPointerUp', this._onMSPointerUp, false); + } + }; + + /** + * + * @method onPointerDown + * @param {Any} event + **/ + MSPointer.prototype.onPointerDown = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + event.identifier = event.pointerId; + + this.game.input.startPointer(event); + }; + + /** + * + * @method onPointerMove + * @param {Any} event + **/ + MSPointer.prototype.onPointerMove = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + event.identifier = event.pointerId; + + this.game.input.updatePointer(event); + }; + + /** + * + * @method onPointerUp + * @param {Any} event + **/ + MSPointer.prototype.onPointerUp = function (event) { + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + event.identifier = event.pointerId; + + this.game.input.stopPointer(event); + }; + + /** + * Stop the event listeners + * @method stop + */ + MSPointer.prototype.stop = function () { + if (this.game.device.mspointer == true) { + this.game.stage.canvas.removeEventListener('MSPointerDown', this._onMSPointerDown); + this.game.stage.canvas.removeEventListener('MSPointerMove', this._onMSPointerMove); + this.game.stage.canvas.removeEventListener('MSPointerUp', this._onMSPointerUp); + } + }; + return MSPointer; + })(); + Phaser.MSPointer = MSPointer; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Touch +* +* The Touch class handles touch interactions with the game and the resulting Pointer objects. +* http://www.w3.org/TR/touch-events/ +* https://developer.mozilla.org/en-US/docs/DOM/TouchList +* http://www.html5rocks.com/en/mobile/touchandmouse/ +* Note: Android 2.x only supports 1 touch event at once, no multi-touch +*/ +var Phaser; +(function (Phaser) { + var Touch = (function () { + /** + * Constructor + * @param {Game} game. + * @return {Touch} This object. + */ + function Touch(game) { + /** + * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. + * @type {Boolean} + */ + this.disabled = false; + this.touchStartCallback = null; + this.touchMoveCallback = null; + this.touchEndCallback = null; + this.touchEnterCallback = null; + this.touchLeaveCallback = null; + this.touchCancelCallback = null; + this.game = game; + this.callbackContext = this.game; + } + /** + * Starts the event listeners running + * @method start + */ + Touch.prototype.start = function () { + var _this = this; + if (this.game.device.touch) { + this._onTouchStart = function (event) { + return _this.onTouchStart(event); + }; + this._onTouchMove = function (event) { + return _this.onTouchMove(event); + }; + this._onTouchEnd = function (event) { + return _this.onTouchEnd(event); + }; + this._onTouchEnter = function (event) { + return _this.onTouchEnter(event); + }; + this._onTouchLeave = function (event) { + return _this.onTouchLeave(event); + }; + this._onTouchCancel = function (event) { + return _this.onTouchCancel(event); + }; + this._documentTouchMove = function (event) { + return _this.consumeTouchMove(event); + }; + + this.game.stage.canvas.addEventListener('touchstart', this._onTouchStart, false); + this.game.stage.canvas.addEventListener('touchmove', this._onTouchMove, false); + this.game.stage.canvas.addEventListener('touchend', this._onTouchEnd, false); + this.game.stage.canvas.addEventListener('touchenter', this._onTouchEnter, false); + this.game.stage.canvas.addEventListener('touchleave', this._onTouchLeave, false); + this.game.stage.canvas.addEventListener('touchcancel', this._onTouchCancel, false); + + document.addEventListener('touchmove', this._documentTouchMove, false); + } + }; + + /** + * Prevent iOS bounce-back (doesn't work?) + * @method consumeTouchMove + * @param {Any} event + **/ + Touch.prototype.consumeTouchMove = function (event) { + event.preventDefault(); + }; + + /** + * + * @method onTouchStart + * @param {Any} event + **/ + Touch.prototype.onTouchStart = function (event) { + if (this.touchStartCallback) { + this.touchStartCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.startPointer(event.changedTouches[i]); + } + }; + + /** + * Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome) + * Occurs for example on iOS when you put down 4 fingers and the app selector UI appears + * @method onTouchCancel + * @param {Any} event + **/ + Touch.prototype.onTouchCancel = function (event) { + if (this.touchCancelCallback) { + this.touchCancelCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.stopPointer(event.changedTouches[i]); + } + }; + + /** + * For touch enter and leave its a list of the touch points that have entered or left the target + * Doesn't appear to be supported by most browsers yet + * @method onTouchEnter + * @param {Any} event + **/ + Touch.prototype.onTouchEnter = function (event) { + if (this.touchEnterCallback) { + this.touchEnterCallback.call(this.callbackContext, event); + } + + if (this.game.input.disabled || this.disabled) { + return; + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + //console.log('touch enter'); + } + }; + + /** + * For touch enter and leave its a list of the touch points that have entered or left the target + * Doesn't appear to be supported by most browsers yet + * @method onTouchLeave + * @param {Any} event + **/ + Touch.prototype.onTouchLeave = function (event) { + if (this.touchLeaveCallback) { + this.touchLeaveCallback.call(this.callbackContext, event); + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + //console.log('touch leave'); + } + }; + + /** + * + * @method onTouchMove + * @param {Any} event + **/ + Touch.prototype.onTouchMove = function (event) { + if (this.touchMoveCallback) { + this.touchMoveCallback.call(this.callbackContext, event); + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.updatePointer(event.changedTouches[i]); + } + }; + + /** + * + * @method onTouchEnd + * @param {Any} event + **/ + Touch.prototype.onTouchEnd = function (event) { + if (this.touchEndCallback) { + this.touchEndCallback.call(this.callbackContext, event); + } + + event.preventDefault(); + + for (var i = 0; i < event.changedTouches.length; i++) { + this.game.input.stopPointer(event.changedTouches[i]); + } + }; + + /** + * Stop the event listeners + * @method stop + */ + Touch.prototype.stop = function () { + if (this.game.device.touch) { + this.game.stage.canvas.removeEventListener('touchstart', this._onTouchStart); + this.game.stage.canvas.removeEventListener('touchmove', this._onTouchMove); + this.game.stage.canvas.removeEventListener('touchend', this._onTouchEnd); + this.game.stage.canvas.removeEventListener('touchenter', this._onTouchEnter); + this.game.stage.canvas.removeEventListener('touchleave', this._onTouchLeave); + this.game.stage.canvas.removeEventListener('touchcancel', this._onTouchCancel); + + document.removeEventListener('touchmove', this._documentTouchMove); + } + }; + return Touch; + })(); + Phaser.Touch = Touch; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Pointer +* +* A Pointer object is used by the Touch and MSPoint managers and represents a single finger on the touch screen. +*/ +var Phaser; +(function (Phaser) { + var Pointer = (function () { + /** + * Constructor + * @param {Phaser.Game} game. + * @return {Phaser.Pointer} This object. + */ + function Pointer(game, id) { + /** + * Local private variable to store the status of dispatching a hold event + * @property _holdSent + * @type {Boolean} + * @private + */ + this._holdSent = false; + /** + * Local private variable storing the short-term history of pointer movements + * @property _history + * @type {Array} + * @private + */ + this._history = []; + /** + * Local private variable storing the time at which the next history drop should occur + * @property _lastDrop + * @type {Number} + * @private + */ + this._nextDrop = 0; + // Monitor events outside of a state reset loop + this._stateReset = false; + /** + * A Vector object containing the initial position when the Pointer was engaged with the screen. + * @property positionDown + * @type {Vec2} + **/ + this.positionDown = null; + /** + * A Vector object containing the current position of the Pointer on the screen. + * @property position + * @type {Vec2} + **/ + this.position = null; + /** + * A Circle object centered on the x/y screen coordinates of the Pointer. + * Default size of 44px (Apple's recommended "finger tip" size) + * @property circle + * @type {Circle} + **/ + this.circle = null; + /** + * + * @property withinGame + * @type {Boolean} + */ + this.withinGame = false; + /** + * The horizontal coordinate of point relative to the viewport in pixels, excluding any scroll offset + * @property clientX + * @type {Number} + */ + this.clientX = -1; + /** + * The vertical coordinate of point relative to the viewport in pixels, excluding any scroll offset + * @property clientY + * @type {Number} + */ + this.clientY = -1; + /** + * The horizontal coordinate of point relative to the viewport in pixels, including any scroll offset + * @property pageX + * @type {Number} + */ + this.pageX = -1; + /** + * The vertical coordinate of point relative to the viewport in pixels, including any scroll offset + * @property pageY + * @type {Number} + */ + this.pageY = -1; + /** + * The horizontal coordinate of point relative to the screen in pixels + * @property screenX + * @type {Number} + */ + this.screenX = -1; + /** + * The vertical coordinate of point relative to the screen in pixels + * @property screenY + * @type {Number} + */ + this.screenY = -1; + /** + * The horizontal coordinate of point relative to the game element. This value is automatically scaled based on game size. + * @property x + * @type {Number} + */ + this.x = -1; + /** + * The vertical coordinate of point relative to the game element. This value is automatically scaled based on game size. + * @property y + * @type {Number} + */ + this.y = -1; + /** + * If the Pointer is a mouse this is true, otherwise false + * @property isMouse + * @type {Boolean} + **/ + this.isMouse = false; + /** + * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true + * @property isDown + * @type {Boolean} + **/ + this.isDown = false; + /** + * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true + * @property isUp + * @type {Boolean} + **/ + this.isUp = true; + /** + * A timestamp representing when the Pointer first touched the touchscreen. + * @property timeDown + * @type {Number} + **/ + this.timeDown = 0; + /** + * A timestamp representing when the Pointer left the touchscreen. + * @property timeUp + * @type {Number} + **/ + this.timeUp = 0; + /** + * A timestamp representing when the Pointer was last tapped or clicked + * @property previousTapTime + * @type {Number} + **/ + this.previousTapTime = 0; + /** + * The total number of times this Pointer has been touched to the touchscreen + * @property totalTouches + * @type {Number} + **/ + this.totalTouches = 0; + /** + * The number of miliseconds since the last click + * @property msSinceLastClick + * @type {Number} + **/ + this.msSinceLastClick = Number.MAX_VALUE; + /** + * The Game Object this Pointer is currently over / touching / dragging. + * @property targetObject + * @type {Any} + **/ + this.targetObject = null; + /** + * The top-most Camera that this Pointer is over (if any, null if none). + * If the Pointer is over several cameras that are stacked on-top of each other this is only ever set to the top-most rendered camera. + * @property camera + * @type {Phaser.Camera} + **/ + this.camera = null; + this.game = game; + + this.id = id; + this.active = false; + this.position = new Phaser.Vec2(); + this.positionDown = new Phaser.Vec2(); + this.circle = new Phaser.Circle(0, 0, 44); + + if (id == 0) { + this.isMouse = true; + } + } + Object.defineProperty(Pointer.prototype, "duration", { + get: /** + * How long the Pointer has been depressed on the touchscreen. If not currently down it returns -1. + * @property duration + * @type {Number} + **/ + function () { + if (this.isUp) { + return -1; + } + + return this.game.time.now - this.timeDown; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Pointer.prototype, "worldX", { + get: /** + * Gets the X value of this Pointer in world coordinates based on the given camera. + * @param {Camera} [camera] + */ + function () { + if (this.camera) { + return (this.camera.worldView.x - this.camera.screenView.x) + this.x; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Pointer.prototype, "worldY", { + get: /** + * Gets the Y value of this Pointer in world coordinates based on the given camera. + * @param {Camera} [camera] + */ + function () { + if (this.camera) { + return (this.camera.worldView.y - this.camera.screenView.y) + this.y; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + /** + * Called when the Pointer is pressed onto the touchscreen + * @method start + * @param {Any} event + */ + Pointer.prototype.start = function (event) { + this.identifier = event.identifier; + this.target = event.target; + + if (event.button) { + this.button = event.button; + } + + if (this.game.paused == true && this.game.stage.scale.incorrectOrientation == false) { + this.game.stage.resumeGame(); + return this; + } + + this._history.length = 0; + + this.active = true; + this.withinGame = true; + this.isDown = true; + this.isUp = false; + + // Work out how long it has been since the last click + this.msSinceLastClick = this.game.time.now - this.timeDown; + + this.timeDown = this.game.time.now; + + this._holdSent = false; + + // This sets the x/y and other local values + this.move(event); + + // x and y are the old values here? + this.positionDown.setTo(this.x, this.y); + + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + //this.game.input.x = this.x * this.game.input.scale.x; + //this.game.input.y = this.y * this.game.input.scale.y; + this.game.input.x = this.x; + this.game.input.y = this.y; + this.game.input.position.setTo(this.x, this.y); + this.game.input.onDown.dispatch(this); + this.game.input.resetSpeed(this.x, this.y); + } + + this._stateReset = false; + this.totalTouches++; + + if (this.isMouse == false) { + this.game.input.currentPointers++; + } + + if (this.targetObject !== null) { + this.targetObject.input._touchedHandler(this); + } + + return this; + }; + + Pointer.prototype.update = function () { + if (this.active) { + if (this._holdSent == false && this.duration >= this.game.input.holdRate) { + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + this.game.input.onHold.dispatch(this); + } + + this._holdSent = true; + } + + if (this.game.input.recordPointerHistory && this.game.time.now >= this._nextDrop) { + this._nextDrop = this.game.time.now + this.game.input.recordRate; + this._history.push({ x: this.position.x, y: this.position.y }); + + if (this._history.length > this.game.input.recordLimit) { + this._history.shift(); + } + } + + // Check which camera they are over + this.camera = this.game.world.cameras.getCameraUnderPoint(this.x, this.y); + } + }; + + /** + * Called when the Pointer is moved on the touchscreen + * @method move + * @param {Any} event + */ + Pointer.prototype.move = function (event) { + if (this.game.input.pollLocked) { + return; + } + + if (event.button) { + this.button = event.button; + } + + this.clientX = event.clientX; + this.clientY = event.clientY; + this.pageX = event.pageX; + this.pageY = event.pageY; + this.screenX = event.screenX; + this.screenY = event.screenY; + + this.x = (this.pageX - this.game.stage.offset.x) * this.game.input.scale.x; + this.y = (this.pageY - this.game.stage.offset.y) * this.game.input.scale.y; + + this.position.setTo(this.x, this.y); + this.circle.x = this.x; + this.circle.y = this.y; + + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + this.game.input.activePointer = this; + this.game.input.x = this.x; + this.game.input.y = this.y; + this.game.input.position.setTo(this.game.input.x, this.game.input.y); + this.game.input.circle.x = this.game.input.x; + this.game.input.circle.y = this.game.input.y; + } + + if (this.game.paused) { + return this; + } + + if (this.targetObject !== null && this.targetObject.input && this.targetObject.input.isDragged == true) { + if (this.targetObject.input.update(this) == false) { + this.targetObject = null; + } + return this; + } + + // Work out which object is on the top + this._highestRenderOrderID = -1; + this._highestRenderObject = -1; + this._highestInputPriorityID = -1; + + for (var i = 0; i < this.game.input.totalTrackedObjects; i++) { + if (this.game.input.inputObjects[i] && this.game.input.inputObjects[i].input && this.game.input.inputObjects[i].input.checkPointerOver(this)) { + if (this.game.input.inputObjects[i].input.priorityID > this._highestInputPriorityID || (this.game.input.inputObjects[i].input.priorityID == this._highestInputPriorityID && this.game.input.inputObjects[i].renderOrderID > this._highestRenderOrderID)) { + this._highestRenderOrderID = this.game.input.inputObjects[i].renderOrderID; + this._highestRenderObject = i; + this._highestInputPriorityID = this.game.input.inputObjects[i].input.priorityID; + } + } + } + + if (this._highestRenderObject == -1) { + if (this.targetObject !== null) { + this.targetObject.input._pointerOutHandler(this); + this.targetObject = null; + } + } else { + if (this.targetObject == null) { + // And now set the new one + this.targetObject = this.game.input.inputObjects[this._highestRenderObject]; + this.targetObject.input._pointerOverHandler(this); + } else { + if (this.targetObject == this.game.input.inputObjects[this._highestRenderObject]) { + if (this.targetObject.input.update(this) == false) { + this.targetObject = null; + } + } else { + // The target has changed, so tell the old one we've left it + this.targetObject.input._pointerOutHandler(this); + + // And now set the new one + this.targetObject = this.game.input.inputObjects[this._highestRenderObject]; + this.targetObject.input._pointerOverHandler(this); + } + } + } + + return this; + }; + + /** + * Called when the Pointer leaves the target area + * @method leave + * @param {Any} event + */ + Pointer.prototype.leave = function (event) { + this.withinGame = false; + this.move(event); + }; + + /** + * Called when the Pointer leaves the touchscreen + * @method stop + * @param {Any} event + */ + Pointer.prototype.stop = function (event) { + if (this._stateReset) { + event.preventDefault(); + return; + } + + this.timeUp = this.game.time.now; + + if (this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_OVERRIDES_TOUCH || this.game.input.multiInputOverride == Phaser.InputManager.MOUSE_TOUCH_COMBINE || (this.game.input.multiInputOverride == Phaser.InputManager.TOUCH_OVERRIDES_MOUSE && this.game.input.currentPointers == 0)) { + this.game.input.onUp.dispatch(this); + + if (this.duration >= 0 && this.duration <= this.game.input.tapRate) { + if (this.timeUp - this.previousTapTime < this.game.input.doubleTapRate) { + // Yes, let's dispatch the signal then with the 2nd parameter set to true + this.game.input.onTap.dispatch(this, true); + } else { + // Wasn't a double-tap, so dispatch a single tap signal + this.game.input.onTap.dispatch(this, false); + } + + this.previousTapTime = this.timeUp; + } + } + + if (this.id > 0) { + this.active = false; + } + + this.withinGame = false; + this.isDown = false; + this.isUp = true; + + if (this.isMouse == false) { + this.game.input.currentPointers--; + } + + for (var i = 0; i < this.game.input.totalTrackedObjects; i++) { + if (this.game.input.inputObjects[i] && this.game.input.inputObjects[i].input && this.game.input.inputObjects[i].input.enabled) { + this.game.input.inputObjects[i].input._releasedHandler(this); + } + } + + if (this.targetObject) { + this.targetObject.input._releasedHandler(this); + } + + this.targetObject = null; + + return this; + }; + + /** + * The Pointer is considered justPressed if the time it was pressed onto the touchscreen or clicked is less than justPressedRate + * @method justPressed + * @param {Number} [duration]. + * @return {Boolean} + */ + Pointer.prototype.justPressed = function (duration) { + if (typeof duration === "undefined") { duration = this.game.input.justPressedRate; } + if (this.isDown === true && (this.timeDown + duration) > this.game.time.now) { + return true; + } else { + return false; + } + }; + + /** + * The Pointer is considered justReleased if the time it left the touchscreen is less than justReleasedRate + * @method justReleased + * @param {Number} [duration]. + * @return {Boolean} + */ + Pointer.prototype.justReleased = function (duration) { + if (typeof duration === "undefined") { duration = this.game.input.justReleasedRate; } + if (this.isUp === true && (this.timeUp + duration) > this.game.time.now) { + return true; + } else { + return false; + } + }; + + /** + * Resets the Pointer properties. Called by InputManager.reset when you perform a State change. + * @method reset + */ + Pointer.prototype.reset = function () { + if (this.isMouse == false) { + this.active = false; + } + + this.identifier = null; + this.isDown = false; + this.isUp = true; + this.totalTouches = 0; + this._holdSent = false; + this._history.length = 0; + this._stateReset = true; + + if (this.targetObject && this.targetObject.input) { + this.targetObject.input._releasedHandler(this); + } + + this.targetObject = null; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {String} a string representation of the instance. + **/ + Pointer.prototype.toString = function () { + return "[{Pointer (id=" + this.id + " identifer=" + this.identifier + " active=" + this.active + " duration=" + this.duration + " withinGame=" + this.withinGame + " x=" + this.x + " y=" + this.y + " clientX=" + this.clientX + " clientY=" + this.clientY + " screenX=" + this.screenX + " screenY=" + this.screenY + " pageX=" + this.pageX + " pageY=" + this.pageY + ")}]"; + }; + return Pointer; + })(); + Phaser.Pointer = Pointer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Components - InputHandler + * + * Input detection component + */ + (function (Components) { + var InputHandler = (function () { + /** + * Sprite Input component constructor + * @param parent The Sprite using this Input component + */ + function InputHandler(parent) { + /** + * The PriorityID controls which Sprite receives an Input event first if they should overlap. + */ + this.priorityID = 0; + /** + * The index of this Input component entry in the Game.Input manager. + */ + this.indexID = 0; + this.isDragged = false; + this.dragPixelPerfect = false; + this.allowHorizontalDrag = true; + this.allowVerticalDrag = true; + this.bringToTop = false; + this.snapOnDrag = false; + this.snapOnRelease = false; + this.snapX = 0; + this.snapY = 0; + /** + * Is this sprite allowed to be dragged by the mouse? true = yes, false = no + * @default false + */ + this.draggable = false; + /** + * A region of the game world within which the sprite is restricted during drag + * @default null + */ + this.boundsRect = null; + /** + * An Sprite the bounds of which this sprite is restricted during drag + * @default null + */ + this.boundsSprite = null; + /** + * If this object is set to consume the pointer event then it will stop all propogation from this object on. + * For example if you had a stack of 6 sprites with the same priority IDs and one consumed the event, none of the others would receive it. + * @type {Boolean} + */ + this.consumePointerEvent = false; + this.game = parent.game; + this._parent = parent; + this.enabled = false; + } + /** + * The x coordinate of the Input pointer, relative to the top-left of the parent Sprite. + * This value is only set when the pointer is over this Sprite. + * @type {number} + */ + InputHandler.prototype.pointerX = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].x; + }; + + /** + * The y coordinate of the Input pointer, relative to the top-left of the parent Sprite + * This value is only set when the pointer is over this Sprite. + * @type {number} + */ + InputHandler.prototype.pointerY = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].y; + }; + + /** + * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true + * @property isDown + * @type {Boolean} + **/ + InputHandler.prototype.pointerDown = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isDown; + }; + + /** + * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true + * @property isUp + * @type {Boolean} + **/ + InputHandler.prototype.pointerUp = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isUp; + }; + + /** + * A timestamp representing when the Pointer first touched the touchscreen. + * @property timeDown + * @type {Number} + **/ + InputHandler.prototype.pointerTimeDown = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeDown; + }; + + /** + * A timestamp representing when the Pointer left the touchscreen. + * @property timeUp + * @type {Number} + **/ + InputHandler.prototype.pointerTimeUp = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeUp; + }; + + /** + * Is the Pointer over this Sprite + * @property isOver + * @type {Boolean} + **/ + InputHandler.prototype.pointerOver = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isOver; + }; + + /** + * Is the Pointer outside of this Sprite + * @property isOut + * @type {Boolean} + **/ + InputHandler.prototype.pointerOut = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isOut; + }; + + /** + * A timestamp representing when the Pointer first touched the touchscreen. + * @property timeDown + * @type {Number} + **/ + InputHandler.prototype.pointerTimeOver = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeOver; + }; + + /** + * A timestamp representing when the Pointer left the touchscreen. + * @property timeUp + * @type {Number} + **/ + InputHandler.prototype.pointerTimeOut = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].timeOut; + }; + + /** + * Is this sprite being dragged by the mouse or not? + * @default false + */ + InputHandler.prototype.pointerDragged = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + return this._pointerData[pointer].isDragged; + }; + + InputHandler.prototype.start = function (priority, checkBody, useHandCursor) { + if (typeof priority === "undefined") { priority = 0; } + if (typeof checkBody === "undefined") { checkBody = false; } + if (typeof useHandCursor === "undefined") { useHandCursor = false; } + if (this.enabled == false) { + // Register, etc + this.checkBody = checkBody; + this.useHandCursor = useHandCursor; + this.priorityID = priority; + + this._pointerData = []; + + for (var i = 0; i < 10; i++) { + this._pointerData.push({ id: i, x: 0, y: 0, isDown: false, isUp: false, isOver: false, isOut: false, timeOver: 0, timeOut: 0, timeDown: 0, timeUp: 0, downDuration: 0, isDragged: false }); + } + + this.snapOffset = new Phaser.Point(); + this.enabled = true; + + this.game.input.addGameObject(this._parent); + + if (this._parent.events.onInputOver == null) { + this._parent.events.onInputOver = new Phaser.Signal(); + this._parent.events.onInputOut = new Phaser.Signal(); + this._parent.events.onInputDown = new Phaser.Signal(); + this._parent.events.onInputUp = new Phaser.Signal(); + this._parent.events.onDragStart = new Phaser.Signal(); + this._parent.events.onDragStop = new Phaser.Signal(); + } + } + + return this._parent; + }; + + InputHandler.prototype.reset = function () { + this.enabled = false; + + for (var i = 0; i < 10; i++) { + this._pointerData[i] = { id: i, x: 0, y: 0, isDown: false, isUp: false, isOver: false, isOut: false, timeOver: 0, timeOut: 0, timeDown: 0, timeUp: 0, downDuration: 0, isDragged: false }; + } + }; + + InputHandler.prototype.stop = function () { + if (this.enabled == false) { + return; + } else { + // De-register, etc + this.enabled = false; + this.game.input.removeGameObject(this.indexID); + } + }; + + /** + * Clean up memory. + */ + InputHandler.prototype.destroy = function () { + if (this.enabled) { + this.enabled = false; + this.game.input.removeGameObject(this.indexID); + } + }; + + /** + * Checks if the given pointer is over this Sprite. All checks are done in world coordinates. + */ + InputHandler.prototype.checkPointerOver = function (pointer) { + if (this.enabled == false || this._parent.visible == false) { + return false; + } else { + return Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY); + } + }; + + /** + * Update + */ + InputHandler.prototype.update = function (pointer) { + if (this.enabled == false || this._parent.visible == false) { + this._pointerOutHandler(pointer); + return false; + } + + if (this.draggable && this._draggedPointerID == pointer.id) { + return this.updateDrag(pointer); + } else if (this._pointerData[pointer.id].isOver == true) { + if (Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY)) { + this._pointerData[pointer.id].x = pointer.x - this._parent.x; + this._pointerData[pointer.id].y = pointer.y - this._parent.y; + return true; + } else { + this._pointerOutHandler(pointer); + return false; + } + } + }; + + InputHandler.prototype._pointerOverHandler = function (pointer) { + if (this._pointerData[pointer.id].isOver == false) { + this._pointerData[pointer.id].isOver = true; + this._pointerData[pointer.id].isOut = false; + this._pointerData[pointer.id].timeOver = this.game.time.now; + this._pointerData[pointer.id].x = pointer.x - this._parent.x; + this._pointerData[pointer.id].y = pointer.y - this._parent.y; + + if (this.useHandCursor && this._pointerData[pointer.id].isDragged == false) { + this.game.stage.canvas.style.cursor = "pointer"; + } + + this._parent.events.onInputOver.dispatch(this._parent, pointer); + } + }; + + InputHandler.prototype._pointerOutHandler = function (pointer) { + this._pointerData[pointer.id].isOver = false; + this._pointerData[pointer.id].isOut = true; + this._pointerData[pointer.id].timeOut = this.game.time.now; + + if (this.useHandCursor && this._pointerData[pointer.id].isDragged == false) { + this.game.stage.canvas.style.cursor = "default"; + } + + this._parent.events.onInputOut.dispatch(this._parent, pointer); + }; + + InputHandler.prototype._touchedHandler = function (pointer) { + if (this._pointerData[pointer.id].isDown == false && this._pointerData[pointer.id].isOver == true) { + this._pointerData[pointer.id].isDown = true; + this._pointerData[pointer.id].isUp = false; + this._pointerData[pointer.id].timeDown = this.game.time.now; + + //console.log('touchedHandler: ' + Date.now()); + this._parent.events.onInputDown.dispatch(this._parent, pointer); + + if (this.draggable && this.isDragged == false) { + this.startDrag(pointer); + } + + if (this.bringToTop) { + this._parent.bringToTop(); + //this._parent.game.world.group.bringToTop(this._parent); + } + } + + // Consume the event? + return this.consumePointerEvent; + }; + + InputHandler.prototype._releasedHandler = function (pointer) { + if (this._pointerData[pointer.id].isDown && pointer.isUp) { + this._pointerData[pointer.id].isDown = false; + this._pointerData[pointer.id].isUp = true; + this._pointerData[pointer.id].timeUp = this.game.time.now; + this._pointerData[pointer.id].downDuration = this._pointerData[pointer.id].timeUp - this._pointerData[pointer.id].timeDown; + + if (Phaser.SpriteUtils.overlapsXY(this._parent, pointer.worldX, pointer.worldY)) { + //console.log('releasedHandler: ' + Date.now()); + this._parent.events.onInputUp.dispatch(this._parent, pointer); + } else { + if (this.useHandCursor) { + this.game.stage.canvas.style.cursor = "default"; + } + } + + if (this.draggable && this.isDragged && this._draggedPointerID == pointer.id) { + this.stopDrag(pointer); + } + } + }; + + /** + * Updates the Pointer drag on this Sprite. + */ + InputHandler.prototype.updateDrag = function (pointer) { + if (pointer.isUp) { + this.stopDrag(pointer); + return false; + } + + if (this.allowHorizontalDrag) { + this._parent.x = pointer.x + this._dragPoint.x + this.dragOffset.x; + } + + if (this.allowVerticalDrag) { + this._parent.y = pointer.y + this._dragPoint.y + this.dragOffset.y; + } + + if (this.boundsRect) { + this.checkBoundsRect(); + } + + if (this.boundsSprite) { + this.checkBoundsSprite(); + } + + if (this.snapOnDrag) { + this._parent.x = Math.floor(this._parent.x / this.snapX) * this.snapX; + this._parent.y = Math.floor(this._parent.y / this.snapY) * this.snapY; + } + + return true; + }; + + /** + * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just over. + * @returns {boolean} + */ + InputHandler.prototype.justOver = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isOver && this.overDuration(pointer) < delay); + }; + + /** + * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just out. + * @returns {boolean} + */ + InputHandler.prototype.justOut = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isOut && (this.game.time.now - this._pointerData[pointer].timeOut < delay)); + }; + + /** + * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just over. + * @returns {boolean} + */ + InputHandler.prototype.justPressed = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isDown && this.downDuration(pointer) < delay); + }; + + /** + * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) + * @param delay The time below which the pointer is considered as just out. + * @returns {boolean} + */ + InputHandler.prototype.justReleased = function (pointer, delay) { + if (typeof pointer === "undefined") { pointer = 0; } + if (typeof delay === "undefined") { delay = 500; } + return (this._pointerData[pointer].isUp && (this.game.time.now - this._pointerData[pointer].timeUp < delay)); + }; + + /** + * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. + * @returns {number} The number of milliseconds the pointer has been over the Sprite, or -1 if not over. + */ + InputHandler.prototype.overDuration = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + if (this._pointerData[pointer].isOver) { + return this.game.time.now - this._pointerData[pointer].timeOver; + } + + return -1; + }; + + /** + * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. + * @returns {number} The number of milliseconds the pointer has been pressed down on the Sprite, or -1 if not over. + */ + InputHandler.prototype.downDuration = function (pointer) { + if (typeof pointer === "undefined") { pointer = 0; } + if (this._pointerData[pointer].isDown) { + return this.game.time.now - this._pointerData[pointer].timeDown; + } + + return -1; + }; + + /** + * Make this Sprite draggable by the mouse. You can also optionally set mouseStartDragCallback and mouseStopDragCallback + * + * @param lockCenter If false the Sprite will drag from where you click it minus the dragOffset. If true it will center itself to the tip of the mouse pointer. + * @param bringToTop If true the Sprite will be bought to the top of the rendering list in its current Group. + * @param pixelPerfect If true it will use a pixel perfect test to see if you clicked the Sprite. False uses the bounding box. + * @param alphaThreshold If using pixel perfect collision this specifies the alpha level from 0 to 255 above which a collision is processed (default 255) + * @param boundsRect If you want to restrict the drag of this sprite to a specific FlxRect, pass the FlxRect here, otherwise it's free to drag anywhere + * @param boundsSprite If you want to restrict the drag of this sprite to within the bounding box of another sprite, pass it here + */ + InputHandler.prototype.enableDrag = function (lockCenter, bringToTop, pixelPerfect, alphaThreshold, boundsRect, boundsSprite) { + if (typeof lockCenter === "undefined") { lockCenter = false; } + if (typeof bringToTop === "undefined") { bringToTop = false; } + if (typeof pixelPerfect === "undefined") { pixelPerfect = false; } + if (typeof alphaThreshold === "undefined") { alphaThreshold = 255; } + if (typeof boundsRect === "undefined") { boundsRect = null; } + if (typeof boundsSprite === "undefined") { boundsSprite = null; } + this._dragPoint = new Phaser.Point(); + + this.draggable = true; + this.bringToTop = bringToTop; + + this.dragOffset = new Phaser.Point(); + this.dragFromCenter = lockCenter; + this.dragPixelPerfect = pixelPerfect; + this.dragPixelPerfectAlpha = alphaThreshold; + + if (boundsRect) { + this.boundsRect = boundsRect; + } + + if (boundsSprite) { + this.boundsSprite = boundsSprite; + } + }; + + /** + * Stops this sprite from being able to be dragged. If it is currently the target of an active drag it will be stopped immediately. Also disables any set callbacks. + */ + InputHandler.prototype.disableDrag = function () { + if (this._pointerData) { + for (var i = 0; i < 10; i++) { + this._pointerData[i].isDragged = false; + } + } + + this.draggable = false; + this.isDragged = false; + this._draggedPointerID = -1; + }; + + /** + * Called by Pointer when drag starts on this Sprite. Should not usually be called directly. + */ + InputHandler.prototype.startDrag = function (pointer) { + this.isDragged = true; + this._draggedPointerID = pointer.id; + this._pointerData[pointer.id].isDragged = true; + + if (this.dragFromCenter) { + this._parent.transform.centerOn(pointer.worldX, pointer.worldY); + this._dragPoint.setTo(this._parent.x - pointer.x, this._parent.y - pointer.y); + } else { + this._dragPoint.setTo(this._parent.x - pointer.x, this._parent.y - pointer.y); + } + + this.updateDrag(pointer); + + if (this.bringToTop) { + this._parent.bringToTop(); + } + + this._parent.events.onDragStart.dispatch(this._parent, pointer); + }; + + /** + * Called by Pointer when drag is stopped on this Sprite. Should not usually be called directly. + */ + InputHandler.prototype.stopDrag = function (pointer) { + this.isDragged = false; + this._draggedPointerID = -1; + this._pointerData[pointer.id].isDragged = false; + + if (this.snapOnRelease) { + this._parent.x = Math.floor(this._parent.x / this.snapX) * this.snapX; + this._parent.y = Math.floor(this._parent.y / this.snapY) * this.snapY; + } + + this._parent.events.onDragStop.dispatch(this._parent, pointer); + this._parent.events.onInputUp.dispatch(this._parent, pointer); + }; + + /** + * Restricts this sprite to drag movement only on the given axis. Note: If both are set to false the sprite will never move! + * + * @param allowHorizontal To enable the sprite to be dragged horizontally set to true, otherwise false + * @param allowVertical To enable the sprite to be dragged vertically set to true, otherwise false + */ + InputHandler.prototype.setDragLock = function (allowHorizontal, allowVertical) { + if (typeof allowHorizontal === "undefined") { allowHorizontal = true; } + if (typeof allowVertical === "undefined") { allowVertical = true; } + this.allowHorizontalDrag = allowHorizontal; + this.allowVerticalDrag = allowVertical; + }; + + /** + * Make this Sprite snap to the given grid either during drag or when it's released. + * For example 16x16 as the snapX and snapY would make the sprite snap to every 16 pixels. + * + * @param snapX The width of the grid cell in pixels + * @param snapY The height of the grid cell in pixels + * @param onDrag If true the sprite will snap to the grid while being dragged + * @param onRelease If true the sprite will snap to the grid when released + */ + InputHandler.prototype.enableSnap = function (snapX, snapY, onDrag, onRelease) { + if (typeof onDrag === "undefined") { onDrag = true; } + if (typeof onRelease === "undefined") { onRelease = false; } + this.snapOnDrag = onDrag; + this.snapOnRelease = onRelease; + this.snapX = snapX; + this.snapY = snapY; + }; + + /** + * Stops the sprite from snapping to a grid during drag or release. + */ + InputHandler.prototype.disableSnap = function () { + this.snapOnDrag = false; + this.snapOnRelease = false; + }; + + /** + * Bounds Rect check for the sprite drag + */ + InputHandler.prototype.checkBoundsRect = function () { + if (this._parent.x < this.boundsRect.left) { + this._parent.x = this.boundsRect.x; + } else if ((this._parent.x + this._parent.width) > this.boundsRect.right) { + this._parent.x = this.boundsRect.right - this._parent.width; + } + + if (this._parent.y < this.boundsRect.top) { + this._parent.y = this.boundsRect.top; + } else if ((this._parent.y + this._parent.height) > this.boundsRect.bottom) { + this._parent.y = this.boundsRect.bottom - this._parent.height; + } + }; + + /** + * Parent Sprite Bounds check for the sprite drag + */ + InputHandler.prototype.checkBoundsSprite = function () { + if (this._parent.x < this.boundsSprite.x) { + this._parent.x = this.boundsSprite.x; + } else if ((this._parent.x + this._parent.width) > (this.boundsSprite.x + this.boundsSprite.width)) { + this._parent.x = (this.boundsSprite.x + this.boundsSprite.width) - this._parent.width; + } + + if (this._parent.y < this.boundsSprite.y) { + this._parent.y = this.boundsSprite.y; + } else if ((this._parent.y + this._parent.height) > (this.boundsSprite.y + this.boundsSprite.height)) { + this._parent.y = (this.boundsSprite.y + this.boundsSprite.height) - this._parent.height; + } + }; + return InputHandler; + })(); + Components.InputHandler = InputHandler; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - InputManager +* +* A game specific Input manager that looks after the mouse, keyboard and touch objects. +* This is updated by the core game loop. +*/ +var Phaser; +(function (Phaser) { + var InputManager = (function () { + function InputManager(game) { + /** + * How often should the input pointers be checked for updates? + * A value of 0 means every single frame (60fps), a value of 1 means every other frame (30fps) and so on. + * @type {number} + */ + this.pollRate = 0; + this._pollCounter = 0; + /** + * A vector object representing the previous position of the Pointer. + * @property vector + * @type {Vec2} + **/ + this._oldPosition = null; + /** + * X coordinate of the most recent Pointer event + * @type {Number} + * @private + */ + this._x = 0; + /** + * X coordinate of the most recent Pointer event + * @type {Number} + * @private + */ + this._y = 0; + /** + * You can disable all Input by setting Input.disabled = true. While set all new input related events will be ignored. + * If you need to disable just one type of input, for example mouse, use Input.mouse.disabled = true instead + * @type {Boolean} + */ + this.disabled = false; + /** + * Controls the expected behaviour when using a mouse and touch together on a multi-input device + */ + this.multiInputOverride = InputManager.MOUSE_TOUCH_COMBINE; + /** + * Phaser.Gestures handler + * @type {Gestures} + */ + //public gestures: Gestures; + /** + * A vector object representing the current position of the Pointer. + * @property vector + * @type {Vec2} + **/ + this.position = null; + /** + * A vector object representing the speed of the Pointer. Only really useful in single Pointer games, + * otherwise see the Pointer objects directly. + * @property vector + * @type {Vec2} + **/ + this.speed = null; + /** + * A Circle object centered on the x/y screen coordinates of the Input. + * Default size of 44px (Apples recommended "finger tip" size) but can be changed to anything + * @property circle + * @type {Circle} + **/ + this.circle = null; + /** + * The scale by which all input coordinates are multiplied, calculated by the StageScaleMode. + * In an un-scaled game the values will be x: 1 and y: 1. + * @type {Vec2} + */ + this.scale = null; + /** + * The maximum number of Pointers allowed to be active at any one time. + * For lots of games it's useful to set this to 1 + * @type {Number} + */ + this.maxPointers = 10; + /** + * The current number of active Pointers. + * @type {Number} + */ + this.currentPointers = 0; + /** + * The number of milliseconds that the Pointer has to be pressed down and then released to be considered a tap or click + * @property tapRate + * @type {Number} + **/ + this.tapRate = 200; + /** + * The number of milliseconds between taps of the same Pointer for it to be considered a double tap / click + * @property doubleTapRate + * @type {Number} + **/ + this.doubleTapRate = 300; + /** + * The number of milliseconds that the Pointer has to be pressed down for it to fire a onHold event + * @property holdRate + * @type {Number} + **/ + this.holdRate = 2000; + /** + * The number of milliseconds below which the Pointer is considered justPressed + * @property justPressedRate + * @type {Number} + **/ + this.justPressedRate = 200; + /** + * The number of milliseconds below which the Pointer is considered justReleased + * @property justReleasedRate + * @type {Number} + **/ + this.justReleasedRate = 200; + /** + * Sets if the Pointer objects should record a history of x/y coordinates they have passed through. + * The history is cleared each time the Pointer is pressed down. + * The history is updated at the rate specified in Input.pollRate + * @property recordPointerHistory + * @type {Boolean} + **/ + this.recordPointerHistory = false; + /** + * The rate in milliseconds at which the Pointer objects should update their tracking history + * @property recordRate + * @type {Number} + */ + this.recordRate = 100; + /** + * The total number of entries that can be recorded into the Pointer objects tracking history. + * If the Pointer is tracking one event every 100ms, then a trackLimit of 100 would store the last 10 seconds worth of history. + * @property recordLimit + * @type {Number} + */ + this.recordLimit = 100; + /** + * A Pointer object + * @property pointer3 + * @type {Pointer} + **/ + this.pointer3 = null; + /** + * A Pointer object + * @property pointer4 + * @type {Pointer} + **/ + this.pointer4 = null; + /** + * A Pointer object + * @property pointer5 + * @type {Pointer} + **/ + this.pointer5 = null; + /** + * A Pointer object + * @property pointer6 + * @type {Pointer} + **/ + this.pointer6 = null; + /** + * A Pointer object + * @property pointer7 + * @type {Pointer} + **/ + this.pointer7 = null; + /** + * A Pointer object + * @property pointer8 + * @type {Pointer} + **/ + this.pointer8 = null; + /** + * A Pointer object + * @property pointer9 + * @type {Pointer} + **/ + this.pointer9 = null; + /** + * A Pointer object + * @property pointer10 + * @type {Pointer} + **/ + this.pointer10 = null; + /** + * The most recently active Pointer object. + * When you've limited max pointers to 1 this will accurately be either the first finger touched or mouse. + * @property activePointer + * @type {Pointer} + **/ + this.activePointer = null; + this.inputObjects = []; + this.totalTrackedObjects = 0; + this.game = game; + + this.mousePointer = new Phaser.Pointer(this.game, 0); + this.pointer1 = new Phaser.Pointer(this.game, 1); + this.pointer2 = new Phaser.Pointer(this.game, 2); + + this.mouse = new Phaser.Mouse(this.game); + this.keyboard = new Phaser.Keyboard(this.game); + this.touch = new Phaser.Touch(this.game); + this.mspointer = new Phaser.MSPointer(this.game); + + //this.gestures = new Gestures(this.game); + this.onDown = new Phaser.Signal(); + this.onUp = new Phaser.Signal(); + this.onTap = new Phaser.Signal(); + this.onHold = new Phaser.Signal(); + + this.scale = new Phaser.Vec2(1, 1); + this.speed = new Phaser.Vec2(); + this.position = new Phaser.Vec2(); + this._oldPosition = new Phaser.Vec2(); + this.circle = new Phaser.Circle(0, 0, 44); + + this.activePointer = this.mousePointer; + this.currentPointers = 0; + + this.hitCanvas = document.createElement('canvas'); + this.hitCanvas.width = 1; + this.hitCanvas.height = 1; + this.hitContext = this.hitCanvas.getContext('2d'); + } + Object.defineProperty(InputManager.prototype, "camera", { + get: /** + * The camera being used for mouse and touch based pointers to calculate their world coordinates. + * This is only ever the camera set by the most recently active Pointer. + * If you need to know exactly which camera a specific Pointer is over then see Pointer.camera instead. + * @property camera + * @type {Camera} + **/ + function () { + return this.activePointer.camera; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(InputManager.prototype, "x", { + get: /** + * The X coordinate of the most recently active pointer. + * This value takes game scaling into account automatically. See Pointer.screenX/clientX for source values. + * @property x + * @type {Number} + **/ + function () { + return this._x; + }, + set: function (value) { + this._x = Math.floor(value); + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(InputManager.prototype, "y", { + get: /** + * The Y coordinate of the most recently active pointer. + * This value takes game scaling into account automatically. See Pointer.screenY/clientY for source values. + * @property y + * @type {Number} + **/ + function () { + return this._y; + }, + set: function (value) { + this._y = Math.floor(value); + }, + enumerable: true, + configurable: true + }); + + + /** + * Add a new Pointer object to the Input Manager. By default Input creates 2 pointer objects for you. If you need more + * use this to create a new one, up to a maximum of 10. + * @method addPointer + * @return {Pointer} A reference to the new Pointer object + **/ + InputManager.prototype.addPointer = function () { + var next = 0; + + for (var i = 10; i > 0; i--) { + if (this['pointer' + i] === null) { + next = i; + } + } + + if (next == 0) { + throw new Error("You can only have 10 Pointer objects"); + return null; + } else { + this['pointer' + next] = new Phaser.Pointer(this.game, next); + return this['pointer' + next]; + } + }; + + /** + * Starts the Input Manager running + * @method start + **/ + InputManager.prototype.boot = function () { + this.mouse.start(); + this.keyboard.start(); + this.touch.start(); + this.mspointer.start(); + + //this.gestures.start(); + this.mousePointer.active = true; + }; + + /** + * Adds a new game object to be tracked by the Input Manager. Called by the Sprite.Input component, should not usually be called directly. + * @method addGameObject + **/ + InputManager.prototype.addGameObject = function (object) { + for (var i = 0; i < this.inputObjects.length; i++) { + if (this.inputObjects[i] == null) { + this.inputObjects[i] = object; + object.input.indexID = i; + this.totalTrackedObjects++; + return; + } + } + + // If we got this far we need to push a new entry into the array + object.input.indexID = this.inputObjects.length; + + this.inputObjects.push(object); + + this.totalTrackedObjects++; + }; + + /** + * Removes a game object from the Input Manager. Called by the Sprite.Input component, should not usually be called directly. + * @method removeGameObject + **/ + InputManager.prototype.removeGameObject = function (index) { + if (this.inputObjects[index]) { + this.inputObjects[index] = null; + } + }; + + Object.defineProperty(InputManager.prototype, "pollLocked", { + get: function () { + return (this.pollRate > 0 && this._pollCounter < this.pollRate); + }, + enumerable: true, + configurable: true + }); + + /** + * Updates the Input Manager. Called by the core Game loop. + * @method update + **/ + InputManager.prototype.update = function () { + if (this.pollRate > 0 && this._pollCounter < this.pollRate) { + this._pollCounter++; + return; + } + + this.speed.x = this.position.x - this._oldPosition.x; + this.speed.y = this.position.y - this._oldPosition.y; + + this._oldPosition.copyFrom(this.position); + + this.mousePointer.update(); + this.pointer1.update(); + this.pointer2.update(); + + if (this.pointer3) { + this.pointer3.update(); + } + if (this.pointer4) { + this.pointer4.update(); + } + if (this.pointer5) { + this.pointer5.update(); + } + if (this.pointer6) { + this.pointer6.update(); + } + if (this.pointer7) { + this.pointer7.update(); + } + if (this.pointer8) { + this.pointer8.update(); + } + if (this.pointer9) { + this.pointer9.update(); + } + if (this.pointer10) { + this.pointer10.update(); + } + + this._pollCounter = 0; + }; + + /** + * Reset all of the Pointers and Input states + * @method reset + * @param hard {Boolean} A soft reset (hard = false) won't reset any signals that might be bound. A hard reset will. + **/ + InputManager.prototype.reset = function (hard) { + if (typeof hard === "undefined") { hard = false; } + this.keyboard.reset(); + + this.mousePointer.reset(); + + for (var i = 1; i <= 10; i++) { + if (this['pointer' + i]) { + this['pointer' + i].reset(); + } + } + + this.currentPointers = 0; + + this.game.stage.canvas.style.cursor = "default"; + + if (hard == true) { + this.onDown.dispose(); + this.onUp.dispose(); + this.onTap.dispose(); + this.onHold.dispose(); + + this.onDown = new Phaser.Signal(); + this.onUp = new Phaser.Signal(); + this.onTap = new Phaser.Signal(); + this.onHold = new Phaser.Signal(); + + for (var i = 0; i < this.totalTrackedObjects; i++) { + if (this.inputObjects[i] && this.inputObjects[i].input) { + this.inputObjects[i].input.reset(); + } + } + + this.inputObjects.length = 0; + this.totalTrackedObjects = 0; + } + + this._pollCounter = 0; + }; + + InputManager.prototype.resetSpeed = function (x, y) { + this._oldPosition.setTo(x, y); + this.speed.setTo(0, 0); + }; + + Object.defineProperty(InputManager.prototype, "totalInactivePointers", { + get: /** + * Get the total number of inactive Pointers + * @method totalInactivePointers + * @return {Number} The number of Pointers currently inactive + **/ + function () { + return 10 - this.currentPointers; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(InputManager.prototype, "totalActivePointers", { + get: /** + * Recalculates the total number of active Pointers + * @method totalActivePointers + * @return {Number} The number of Pointers currently active + **/ + function () { + this.currentPointers = 0; + + for (var i = 1; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active) { + this.currentPointers++; + } + } + + return this.currentPointers; + }, + enumerable: true, + configurable: true + }); + + /** + * Find the first free Pointer object and start it, passing in the event data. + * @method startPointer + * @param {Any} event The event data from the Touch event + * @return {Pointer} The Pointer object that was started or null if no Pointer object is available + **/ + InputManager.prototype.startPointer = function (event) { + if (this.maxPointers < 10 && this.totalActivePointers == this.maxPointers) { + return null; + } + + if (this.pointer1.active == false) { + return this.pointer1.start(event); + } else if (this.pointer2.active == false) { + return this.pointer2.start(event); + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active == false) { + return this['pointer' + i].start(event); + } + } + } + + return null; + }; + + /** + * Updates the matching Pointer object, passing in the event data. + * @method updatePointer + * @param {Any} event The event data from the Touch event + * @return {Pointer} The Pointer object that was updated or null if no Pointer object is available + **/ + InputManager.prototype.updatePointer = function (event) { + if (this.pointer1.active && this.pointer1.identifier == event.identifier) { + return this.pointer1.move(event); + } else if (this.pointer2.active && this.pointer2.identifier == event.identifier) { + return this.pointer2.move(event); + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier) { + return this['pointer' + i].move(event); + } + } + } + + return null; + }; + + /** + * Stops the matching Pointer object, passing in the event data. + * @method stopPointer + * @param {Any} event The event data from the Touch event + * @return {Pointer} The Pointer object that was stopped or null if no Pointer object is available + **/ + InputManager.prototype.stopPointer = function (event) { + if (this.pointer1.active && this.pointer1.identifier == event.identifier) { + return this.pointer1.stop(event); + } else if (this.pointer2.active && this.pointer2.identifier == event.identifier) { + return this.pointer2.stop(event); + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active && this['pointer' + i].identifier == event.identifier) { + return this['pointer' + i].stop(event); + } + } + } + + return null; + }; + + /** + * Get the next Pointer object whos active property matches the given state + * @method getPointer + * @param {Boolean} state The state the Pointer should be in (false for inactive, true for active) + * @return {Pointer} A Pointer object or null if no Pointer object matches the requested state. + **/ + InputManager.prototype.getPointer = function (state) { + if (typeof state === "undefined") { state = false; } + if (this.pointer1.active == state) { + return this.pointer1; + } else if (this.pointer2.active == state) { + return this.pointer2; + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].active == state) { + return this['pointer' + i]; + } + } + } + + return null; + }; + + /** + * Get the Pointer object whos identified property matches the given identifier value + * @method getPointerFromIdentifier + * @param {Number} identifier The Pointer.identifier value to search for + * @return {Pointer} A Pointer object or null if no Pointer object matches the requested identifier. + **/ + InputManager.prototype.getPointerFromIdentifier = function (identifier) { + if (this.pointer1.identifier == identifier) { + return this.pointer1; + } else if (this.pointer2.identifier == identifier) { + return this.pointer2; + } else { + for (var i = 3; i <= 10; i++) { + if (this['pointer' + i] && this['pointer' + i].identifier == identifier) { + return this['pointer' + i]; + } + } + } + + return null; + }; + + Object.defineProperty(InputManager.prototype, "worldX", { + get: function () { + if (this.camera) { + return (this.camera.worldView.x - this.camera.screenView.x) + this.x; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(InputManager.prototype, "worldY", { + get: function () { + if (this.camera) { + return (this.camera.worldView.y - this.camera.screenView.y) + this.y; + } + + return null; + }, + enumerable: true, + configurable: true + }); + + /** + * Get the distance between two Pointer objects + * @method getDistance + * @param {Pointer} pointer1 + * @param {Pointer} pointer2 + **/ + InputManager.prototype.getDistance = function (pointer1, pointer2) { + return Phaser.Vec2Utils.distance(pointer1.position, pointer2.position); + }; + + /** + * Get the angle between two Pointer objects + * @method getAngle + * @param {Pointer} pointer1 + * @param {Pointer} pointer2 + **/ + InputManager.prototype.getAngle = function (pointer1, pointer2) { + return Phaser.Vec2Utils.angle(pointer1.position, pointer2.position); + }; + + InputManager.prototype.pixelPerfectCheck = function (sprite, pointer, alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + this.hitContext.clearRect(0, 0, 1, 1); + + return true; + }; + InputManager.MOUSE_OVERRIDES_TOUCH = 0; + + InputManager.TOUCH_OVERRIDES_MOUSE = 1; + + InputManager.MOUSE_TOUCH_COMBINE = 2; + return InputManager; + })(); + Phaser.InputManager = InputManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Device +* +* Detects device support capabilities. Using some elements from System.js by MrDoob and Modernizr +* https://github.com/Modernizr/Modernizr/blob/master/feature-detects/audio.js +*/ +var Phaser; +(function (Phaser) { + var Device = (function () { + /** + * Device constructor + */ + function Device() { + /** + * An optional 'fix' for the horrendous Android stock browser bug + * https://code.google.com/p/android/issues/detail?id=39247 + * @type {boolean} + */ + this.patchAndroidClearRectBug = false; + // Operating System + /** + * Is running desktop? + * @type {boolean} + */ + this.desktop = false; + /** + * Is running on iOS? + * @type {boolean} + */ + this.iOS = false; + /** + * Is running on android? + * @type {boolean} + */ + this.android = false; + /** + * Is running on chromeOS? + * @type {boolean} + */ + this.chromeOS = false; + /** + * Is running on linux? + * @type {boolean} + */ + this.linux = false; + /** + * Is running on maxOS? + * @type {boolean} + */ + this.macOS = false; + /** + * Is running on windows? + * @type {boolean} + */ + this.windows = false; + // Features + /** + * Is canvas available? + * @type {boolean} + */ + this.canvas = false; + /** + * Is file available? + * @type {boolean} + */ + this.file = false; + /** + * Is fileSystem available? + * @type {boolean} + */ + this.fileSystem = false; + /** + * Is localStorage available? + * @type {boolean} + */ + this.localStorage = false; + /** + * Is webGL available? + * @type {boolean} + */ + this.webGL = false; + /** + * Is worker available? + * @type {boolean} + */ + this.worker = false; + /** + * Is touch available? + * @type {boolean} + */ + this.touch = false; + /** + * Is mspointer available? + * @type {boolean} + */ + this.mspointer = false; + /** + * Is css3D available? + * @type {boolean} + */ + this.css3D = false; + // Browser + /** + * Is running in arora? + * @type {boolean} + */ + this.arora = false; + /** + * Is running in chrome? + * @type {boolean} + */ + this.chrome = false; + /** + * Is running in epiphany? + * @type {boolean} + */ + this.epiphany = false; + /** + * Is running in firefox? + * @type {boolean} + */ + this.firefox = false; + /** + * Is running in ie? + * @type {boolean} + */ + this.ie = false; + /** + * Version of ie? + * @type Number + */ + this.ieVersion = 0; + /** + * Is running in mobileSafari? + * @type {boolean} + */ + this.mobileSafari = false; + /** + * Is running in midori? + * @type {boolean} + */ + this.midori = false; + /** + * Is running in opera? + * @type {boolean} + */ + this.opera = false; + /** + * Is running in safari? + * @type {boolean} + */ + this.safari = false; + this.webApp = false; + // Audio + /** + * Are Audio tags available? + * @type {boolean} + */ + this.audioData = false; + /** + * Is the WebAudio API available? + * @type {boolean} + */ + this.webAudio = false; + /** + * Can this device play ogg files? + * @type {boolean} + */ + this.ogg = false; + /** + * Can this device play opus files? + * @type {boolean} + */ + this.opus = false; + /** + * Can this device play mp3 files? + * @type {boolean} + */ + this.mp3 = false; + /** + * Can this device play wav files? + * @type {boolean} + */ + this.wav = false; + /** + * Can this device play m4a files? + * @type {boolean} + */ + this.m4a = false; + /** + * Can this device play webm files? + * @type {boolean} + */ + this.webm = false; + // Device + /** + * Is running on iPhone? + * @type {boolean} + */ + this.iPhone = false; + /** + * Is running on iPhone4? + * @type {boolean} + */ + this.iPhone4 = false; + /** + * Is running on iPad? + * @type {boolean} + */ + this.iPad = false; + /** + * PixelRatio of the host device? + * @type Number + */ + this.pixelRatio = 0; + this._checkAudio(); + this._checkBrowser(); + this._checkCSS3D(); + this._checkDevice(); + this._checkFeatures(); + this._checkOS(); + } + /** + * Check which OS is game running on. + * @private + */ + Device.prototype._checkOS = function () { + var ua = navigator.userAgent; + + if (/Android/.test(ua)) { + this.android = true; + } else if (/CrOS/.test(ua)) { + this.chromeOS = true; + } else if (/iP[ao]d|iPhone/i.test(ua)) { + this.iOS = true; + } else if (/Linux/.test(ua)) { + this.linux = true; + } else if (/Mac OS/.test(ua)) { + this.macOS = true; + } else if (/Windows/.test(ua)) { + this.windows = true; + } + + if (this.windows || this.macOS || this.linux) { + this.desktop = true; + } + }; + + /** + * Check HTML5 features of the host environment. + * @private + */ + Device.prototype._checkFeatures = function () { + this.canvas = !!window['CanvasRenderingContext2D']; + + try { + this.localStorage = !!localStorage.getItem; + } catch (error) { + this.localStorage = false; + } + + this.file = !!window['File'] && !!window['FileReader'] && !!window['FileList'] && !!window['Blob']; + this.fileSystem = !!window['requestFileSystem']; + this.webGL = !!window['WebGLRenderingContext']; + this.worker = !!window['Worker']; + + if ('ontouchstart' in document.documentElement || window.navigator.msPointerEnabled) { + this.touch = true; + } + + if (window.navigator.msPointerEnabled) { + this.mspointer = true; + } + }; + + /** + * Check what browser is game running in. + * @private + */ + Device.prototype._checkBrowser = function () { + var ua = navigator.userAgent; + + if (/Arora/.test(ua)) { + this.arora = true; + } else if (/Chrome/.test(ua)) { + this.chrome = true; + } else if (/Epiphany/.test(ua)) { + this.epiphany = true; + } else if (/Firefox/.test(ua)) { + this.firefox = true; + } else if (/Mobile Safari/.test(ua)) { + this.mobileSafari = true; + } else if (/MSIE (\d+\.\d+);/.test(ua)) { + this.ie = true; + this.ieVersion = parseInt(RegExp.$1); + } else if (/Midori/.test(ua)) { + this.midori = true; + } else if (/Opera/.test(ua)) { + this.opera = true; + } else if (/Safari/.test(ua)) { + this.safari = true; + } + + if (navigator['standalone']) { + this.webApp = true; + } + }; + + Device.prototype.canPlayAudio = function (type) { + if (type == 'mp3' && this.mp3) { + return true; + } else if (type == 'ogg' && (this.ogg || this.opus)) { + return true; + } else if (type == 'm4a' && this.m4a) { + return true; + } else if (type == 'wav' && this.wav) { + return true; + } else if (type == 'webm' && this.webm) { + return true; + } + + return false; + }; + + /** + * Check audio support. + * @private + */ + Device.prototype._checkAudio = function () { + this.audioData = !!(window['Audio']); + this.webAudio = !!(window['webkitAudioContext'] || window['AudioContext']); + + var audioElement = document.createElement('audio'); + var result = false; + + try { + if (result = !!audioElement.canPlayType) { + if (audioElement.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, '')) { + this.ogg = true; + } + + if (audioElement.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/, '')) { + this.opus = true; + } + + if (audioElement.canPlayType('audio/mpeg;').replace(/^no$/, '')) { + this.mp3 = true; + } + + if (audioElement.canPlayType('audio/wav; codecs="1"').replace(/^no$/, '')) { + this.wav = true; + } + + if (audioElement.canPlayType('audio/x-m4a;') || audioElement.canPlayType('audio/aac;').replace(/^no$/, '')) { + this.m4a = true; + } + + if (audioElement.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/, '')) { + this.webm = true; + } + } + } catch (e) { + } + }; + + /** + * Check PixelRatio of devices. + * @private + */ + Device.prototype._checkDevice = function () { + this.pixelRatio = window['devicePixelRatio'] || 1; + this.iPhone = navigator.userAgent.toLowerCase().indexOf('iphone') != -1; + this.iPhone4 = (this.pixelRatio == 2 && this.iPhone); + this.iPad = navigator.userAgent.toLowerCase().indexOf('ipad') != -1; + }; + + /** + * Check whether the host environment support 3D CSS. + * @private + */ + Device.prototype._checkCSS3D = function () { + var el = document.createElement('p'); + var has3d; + var transforms = { + 'webkitTransform': '-webkit-transform', + 'OTransform': '-o-transform', + 'msTransform': '-ms-transform', + 'MozTransform': '-moz-transform', + 'transform': 'transform' + }; + + // Add it to the body to get the computed style. + document.body.insertBefore(el, null); + + for (var t in transforms) { + if (el.style[t] !== undefined) { + el.style[t] = "translate3d(1px,1px,1px)"; + has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]); + } + } + + document.body.removeChild(el); + + this.css3D = (has3d !== undefined && has3d.length > 0 && has3d !== "none"); + }; + + Device.prototype.isConsoleOpen = function () { + 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; + }; + return Device; + })(); + Phaser.Device = Device; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - RequestAnimationFrame +* +* Abstracts away the use of RAF or setTimeOut for the core game update loop. The callback can be re-mapped on the fly. +*/ +var Phaser; +(function (Phaser) { + var RequestAnimationFrame = (function () { + /** + * Constructor + * @param {Any} callback + * @return {RequestAnimationFrame} This object. + */ + function RequestAnimationFrame(game, callback) { + /** + * + * @property _isSetTimeOut + * @type Boolean + * @private + **/ + this._isSetTimeOut = false; + /** + * + * @property isRunning + * @type Boolean + **/ + this.isRunning = false; + this.game = game; + this.callback = callback; + + var vendors = ['ms', 'moz', 'webkit', 'o']; + + for (var x = 0; x < vendors.length && !window.requestAnimationFrame; x++) { + window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']; + window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame']; + } + + this.start(); + } + /** + * + * @method usingSetTimeOut + * @return Boolean + **/ + RequestAnimationFrame.prototype.isUsingSetTimeOut = function () { + return this._isSetTimeOut; + }; + + /** + * + * @method usingRAF + * @return Boolean + **/ + RequestAnimationFrame.prototype.isUsingRAF = function () { + return this._isSetTimeOut === true; + }; + + /** + * Starts the requestAnimatioFrame running or setTimeout if unavailable in browser + * @method start + * @param {Any} [callback] + **/ + RequestAnimationFrame.prototype.start = function (callback) { + if (typeof callback === "undefined") { callback = null; } + var _this = this; + if (callback) { + this.callback = callback; + } + + if (!window.requestAnimationFrame) { + this._isSetTimeOut = true; + this._onLoop = function () { + return _this.SetTimeoutUpdate(); + }; + this._timeOutID = window.setTimeout(this._onLoop, 0); + } else { + this._isSetTimeOut = false; + this._onLoop = function () { + return _this.RAFUpdate(0); + }; + window.requestAnimationFrame(this._onLoop); + } + + this.isRunning = true; + }; + + /** + * Stops the requestAnimationFrame from running + * @method stop + **/ + RequestAnimationFrame.prototype.stop = function () { + if (this._isSetTimeOut) { + clearTimeout(this._timeOutID); + } else { + window.cancelAnimationFrame; + } + + this.isRunning = false; + }; + + /** + * The update method for the requestAnimationFrame + * @method RAFUpdate + **/ + RequestAnimationFrame.prototype.RAFUpdate = function (time) { + var _this = this; + this.game.time.update(time); + + if (this.callback) { + this.callback.call(this.game); + } + + this._onLoop = function (time) { + return _this.RAFUpdate(time); + }; + + window.requestAnimationFrame(this._onLoop); + }; + + /** + * The update method for the setTimeout + * @method SetTimeoutUpdate + **/ + RequestAnimationFrame.prototype.SetTimeoutUpdate = function () { + var _this = this; + this.game.time.update(Date.now()); + + this._onLoop = function () { + return _this.SetTimeoutUpdate(); + }; + + this._timeOutID = window.setTimeout(this._onLoop, 16); + + if (this.callback) { + this.callback.call(this.game); + } + }; + return RequestAnimationFrame; + })(); + Phaser.RequestAnimationFrame = RequestAnimationFrame; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - StageScaleMode +* +* This class controls the scaling of your game. On mobile devices it will also remove the URL bar and allow +* you to maintain proportion and aspect ratio. +* The resizing method is based on a technique taken from Viewporter v2.0 by Zynga Inc. http://github.com/zynga/viewporter +*/ +var Phaser; +(function (Phaser) { + var StageScaleMode = (function () { + /** + * StageScaleMode constructor + */ + function StageScaleMode(game, width, height) { + var _this = this; + /** + * Stage height when start the game. + * @type {number} + */ + this._startHeight = 0; + /** + * If the game should be forced to use Landscape mode, this is set to true by Game.Stage + * @type {Boolean} + */ + this.forceLandscape = false; + /** + * If the game should be forced to use Portrait mode, this is set to true by Game.Stage + * @type {Boolean} + */ + this.forcePortrait = false; + /** + * If the game should be forced to use a specific orientation and the device currently isn't in that orientation this is set to true. + * @type {Boolean} + */ + this.incorrectOrientation = false; + /** + * If you wish to align your game in the middle of the page then you can set this value to true. + * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. + * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. + * @type {Boolean} + */ + this.pageAlignHorizontally = false; + /** + * If you wish to align your game in the middle of the page then you can set this value to true. + * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. + * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. + * @type {Boolean} + */ + this.pageAlignVeritcally = false; + /** + * Minimum width the canvas should be scaled to (in pixels) + * @type {number} + */ + this.minWidth = null; + /** + * Maximum width the canvas should be scaled to (in pixels). + * If null it will scale to whatever width the browser can handle. + * @type {number} + */ + this.maxWidth = null; + /** + * Minimum height the canvas should be scaled to (in pixels) + * @type {number} + */ + this.minHeight = null; + /** + * Maximum height the canvas should be scaled to (in pixels). + * If null it will scale to whatever height the browser can handle. + * @type {number} + */ + this.maxHeight = null; + /** + * Width of the stage after calculation. + * @type {number} + */ + this.width = 0; + /** + * Height of the stage after calculation. + * @type {number} + */ + this.height = 0; + /** + * The maximum number of times it will try to resize the canvas to fill the browser (default is 10) + * @type {number} + */ + this.maxIterations = 10; + this.game = game; + + this.enterLandscape = new Phaser.Signal(); + this.enterPortrait = new Phaser.Signal(); + + if (window['orientation']) { + this.orientation = window['orientation']; + } else { + if (window.outerWidth > window.outerHeight) { + this.orientation = 90; + } else { + this.orientation = 0; + } + } + + this.scaleFactor = new Phaser.Vec2(1, 1); + this.aspectRatio = 0; + this.minWidth = width; + this.minHeight = height; + this.maxWidth = width; + this.maxHeight = height; + + window.addEventListener('orientationchange', function (event) { + return _this.checkOrientation(event); + }, false); + window.addEventListener('resize', function (event) { + return _this.checkResize(event); + }, false); + } + Object.defineProperty(StageScaleMode.prototype, "isFullScreen", { + get: // Full Screen API calls + function () { + if (document['fullscreenElement'] === null || document['mozFullScreenElement'] === null || document['webkitFullscreenElement'] === null) { + return false; + } + + return true; + }, + enumerable: true, + configurable: true + }); + + StageScaleMode.prototype.startFullScreen = function () { + if (this.isFullScreen) { + return; + } + + var element = this.game.stage.canvas; + + if (element['requestFullScreen']) { + element['requestFullScreen'](); + } else if (element['mozRequestFullScreen']) { + element['mozRequestFullScreen'](); + } else if (element['webkitRequestFullScreen']) { + element['webkitRequestFullScreen'](); + } + }; + + StageScaleMode.prototype.stopFullScreen = function () { + if (document['cancelFullScreen']) { + document['cancelFullScreen'](); + } else if (document['mozCancelFullScreen']) { + document['mozCancelFullScreen'](); + } else if (document['webkitCancelFullScreen']) { + document['webkitCancelFullScreen'](); + } + }; + + /** + * The core update loop, called by Phaser.Stage + */ + StageScaleMode.prototype.update = function () { + if (this.game.stage.scaleMode !== Phaser.StageScaleMode.NO_SCALE && (window.innerWidth !== this.width || window.innerHeight !== this.height)) { + this.refresh(); + } + + if (this.forceLandscape || this.forcePortrait) { + this.checkOrientationState(); + } + }; + + StageScaleMode.prototype.checkOrientationState = function () { + if (this.incorrectOrientation) { + if ((this.forceLandscape && window.innerWidth > window.innerHeight) || (this.forcePortrait && window.innerHeight > window.innerWidth)) { + // Back to normal + this.game.paused = false; + this.incorrectOrientation = false; + this.refresh(); + } + } else { + if ((this.forceLandscape && window.innerWidth < window.innerHeight) || (this.forcePortrait && window.innerHeight < window.innerWidth)) { + // Show orientation screen + this.game.paused = true; + this.incorrectOrientation = true; + this.refresh(); + } + } + }; + + Object.defineProperty(StageScaleMode.prototype, "isPortrait", { + get: function () { + return this.orientation == 0 || this.orientation == 180; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(StageScaleMode.prototype, "isLandscape", { + get: function () { + return this.orientation === 90 || this.orientation === -90; + }, + enumerable: true, + configurable: true + }); + + /** + * Handle window.orientationchange events + */ + StageScaleMode.prototype.checkOrientation = function (event) { + this.orientation = window['orientation']; + + if (this.isLandscape) { + this.enterLandscape.dispatch(this.orientation, true, false); + } else { + this.enterPortrait.dispatch(this.orientation, false, true); + } + + if (this.game.stage.scaleMode !== StageScaleMode.NO_SCALE) { + this.refresh(); + } + }; + + /** + * Handle window.resize events + */ + StageScaleMode.prototype.checkResize = function (event) { + if (window.outerWidth > window.outerHeight) { + this.orientation = 90; + } else { + this.orientation = 0; + } + + if (this.isLandscape) { + this.enterLandscape.dispatch(this.orientation, true, false); + } else { + this.enterPortrait.dispatch(this.orientation, false, true); + } + + if (this.game.stage.scaleMode !== StageScaleMode.NO_SCALE) { + this.refresh(); + } + }; + + /** + * Re-calculate scale mode and update screen size. + */ + StageScaleMode.prototype.refresh = function () { + var _this = this; + if (this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false) { + document.documentElement['style'].minHeight = '2000px'; + + this._startHeight = window.innerHeight; + + if (this.game.device.android && this.game.device.chrome == false) { + window.scrollTo(0, 1); + } else { + window.scrollTo(0, 0); + } + } + + if (this._check == null && this.maxIterations > 0) { + this._iterations = this.maxIterations; + this._check = window.setInterval(function () { + return _this.setScreenSize(); + }, 10); + this.setScreenSize(); + } + }; + + /** + * Set screen size automatically based on the scaleMode. + */ + StageScaleMode.prototype.setScreenSize = function (force) { + if (typeof force === "undefined") { force = false; } + if (this.game.device.iPad == false && this.game.device.webApp == false && this.game.device.desktop == false) { + if (this.game.device.android && this.game.device.chrome == false) { + window.scrollTo(0, 1); + } else { + window.scrollTo(0, 0); + } + } + + this._iterations--; + + if (force || window.innerHeight > this._startHeight || this._iterations < 0) { + // Set minimum height of content to new window height + document.documentElement['style'].minHeight = window.innerHeight + 'px'; + + if (this.incorrectOrientation == true) { + this.setMaximum(); + } else if (this.game.stage.scaleMode == StageScaleMode.EXACT_FIT) { + this.setExactFit(); + } else if (this.game.stage.scaleMode == StageScaleMode.SHOW_ALL) { + this.setShowAll(); + } + + this.setSize(); + + clearInterval(this._check); + + this._check = null; + } + }; + + StageScaleMode.prototype.setSize = function () { + if (this.incorrectOrientation == false) { + if (this.maxWidth && this.width > this.maxWidth) { + this.width = this.maxWidth; + } + + if (this.maxHeight && this.height > this.maxHeight) { + this.height = this.maxHeight; + } + + if (this.minWidth && this.width < this.minWidth) { + this.width = this.minWidth; + } + + if (this.minHeight && this.height < this.minHeight) { + this.height = this.minHeight; + } + } + + this.game.stage.canvas.style.width = this.width + 'px'; + this.game.stage.canvas.style.height = this.height + 'px'; + + this.game.input.scale.setTo(this.game.stage.width / this.width, this.game.stage.height / this.height); + + if (this.pageAlignHorizontally) { + if (this.width < window.innerWidth && this.incorrectOrientation == false) { + this.game.stage.canvas.style.marginLeft = Math.round((window.innerWidth - this.width) / 2) + 'px'; + } else { + this.game.stage.canvas.style.marginLeft = '0px'; + } + } + + if (this.pageAlignVeritcally) { + if (this.height < window.innerHeight && this.incorrectOrientation == false) { + this.game.stage.canvas.style.marginTop = Math.round((window.innerHeight - this.height) / 2) + 'px'; + } else { + this.game.stage.canvas.style.marginTop = '0px'; + } + } + + this.game.stage.getOffset(this.game.stage.canvas); + + this.aspectRatio = this.width / this.height; + this.scaleFactor.x = this.game.stage.width / this.width; + this.scaleFactor.y = this.game.stage.height / this.height; + }; + + StageScaleMode.prototype.setMaximum = function () { + this.width = window.innerWidth; + this.height = window.innerHeight; + }; + + StageScaleMode.prototype.setShowAll = function () { + var multiplier = Math.min((window.innerHeight / this.game.stage.height), (window.innerWidth / this.game.stage.width)); + + this.width = Math.round(this.game.stage.width * multiplier); + this.height = Math.round(this.game.stage.height * multiplier); + }; + + StageScaleMode.prototype.setExactFit = function () { + if (this.maxWidth && window.innerWidth > this.maxWidth) { + this.width = this.maxWidth; + } else { + this.width = window.innerWidth; + } + + if (this.maxHeight && window.innerHeight > this.maxHeight) { + this.height = this.maxHeight; + } else { + this.height = window.innerHeight; + } + }; + StageScaleMode.EXACT_FIT = 0; + + StageScaleMode.NO_SCALE = 1; + + StageScaleMode.SHOW_ALL = 2; + return StageScaleMode; + })(); + Phaser.StageScaleMode = StageScaleMode; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - BootScreen +* +* The BootScreen is displayed when Phaser is started without any default functions or State +*/ +var Phaser; +(function (Phaser) { + var BootScreen = (function () { + /** + * BootScreen constructor + * Create a new BootScreen with specific width and height. + * + * @param width {number} Screen canvas width. + * @param height {number} Screen canvas height. + */ + function BootScreen(game) { + /** + * Engine logo image data. + */ + this._logoData = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAZCAYAAADdYmvFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAstJREFUeNrsWlFuwjAMbavdZGcAcRm4AXzvCPuGG8BlEJxhZ+l4TJ48z3actGGthqUI1MaO/V6cmIT2/fW10eTt46NvKshtvDZlG31yfOL9a/ldU6x4IZ0GQs0gS217enMkJYr5ixXkYrFoVqtV1kDn8/n+KfXw/Hq9Nin7h8MhScB2u3Xtav2ivsNWrh7XLcWMYqA4eUZ1kj0MAifHJEeKFojWzyIH+rL/0Cwif2AX9nN1oQOgrTg8XcTFx+ScdEOJ4WBxXQ1EjRyrn0cOzzQLzFyQSQcgw/5Qkkr0JVEQpNIdhL4vm4DL5fLulNTHcy6Uxl4/6iMLiePx2KzX6/v30+n0aynUlrnSeNq2/VN9bgM4dFPdNPmsJnIg/PuQbJmLdFN3UNu0SzbyJ0GOWJVWZE/QMkY+owrqXxGEdZA37BVyX6lJTipT6J1lf7fbqc+xh8nYeIvikatP+PGW0nEJ4jOydHYOIcfKnmgWoZDQSIIeio4Sf1IthYWskCO4vqQ6lFYjl8tl9L1H67PZbMz3VO3t93uVXHofmUjReLyMwHi5eCb3ICwJj5ZU9nCg+SzUgPYyif+2epTk4pkkyDp+eXTlZu2BkUybEkklePZfK9lPuTnc07vbmt1bYulHBeNQgx18SsH4ni/cV2rSLtqNDNUH2JQ2SsXS57Y9PHlfumkwCdICt5rnkNdPjpMiIEWgRlAJSdF4SvCQMWj+VyfI0h8D/EgWSYKiJKXi8VrOhJUxaFiFCOKKUJAtR78k9eX4USLHXqLGXOIiWUT4Vj9JiP4W0io3VDz8AJXblNWQrOimLjIGy/9uLICH6mrVmFbxEFHauzmc0fGJJmPg/v+6D0oB7N2bj0FsNHtSWTQniWTR931QlHXvasDTHXLjqY0/1/8hSDxACD+lAGH8dKQbQk5N3TFtzDmLWutvV0+pL5FVoHvCNG35FGAAayS4KUoKC9QAAAAASUVORK5CYII="; + /** + * Background gradient effect color 1. + */ + this._color1 = { r: 20, g: 20, b: 20 }; + /** + * Background gradient effect color 2. + */ + this._color2 = { r: 200, g: 200, b: 200 }; + /** + * Fade effect tween. + * @type {Phaser.Tween} + */ + this._fade = null; + this.game = game; + + this._logo = new Image(); + this._logo.src = this._logoData; + } + /** + * Update color and fade. + */ + BootScreen.prototype.update = function () { + if (this._fade == null) { + this.colorCycle(); + } + + this._color1.r = Math.round(this._color1.r); + this._color1.g = Math.round(this._color1.g); + this._color1.b = Math.round(this._color1.b); + this._color2.r = Math.round(this._color2.r); + this._color2.g = Math.round(this._color2.g); + this._color2.b = Math.round(this._color2.b); + }; + + /** + * Render BootScreen. + */ + BootScreen.prototype.render = function () { + var grd = this.game.stage.context.createLinearGradient(0, 0, 0, this.game.stage.height); + grd.addColorStop(0, 'rgb(' + this._color1.r + ', ' + this._color1.g + ', ' + this._color1.b + ')'); + grd.addColorStop(0.5, 'rgb(' + this._color2.r + ', ' + this._color2.g + ', ' + this._color2.b + ')'); + grd.addColorStop(1, 'rgb(' + this._color1.r + ', ' + this._color1.g + ', ' + this._color1.b + ')'); + this.game.stage.context.fillStyle = grd; + this.game.stage.context.fillRect(0, 0, this.game.stage.width, this.game.stage.height); + + this.game.stage.context.shadowOffsetX = 0; + this.game.stage.context.shadowOffsetY = 0; + + if (this._logo) { + this.game.stage.context.drawImage(this._logo, 32, 32); + } + + this.game.stage.context.shadowColor = 'rgb(0,0,0)'; + this.game.stage.context.shadowOffsetX = 1; + this.game.stage.context.shadowOffsetY = 1; + this.game.stage.context.shadowBlur = 0; + this.game.stage.context.fillStyle = 'rgb(255,255,255)'; + this.game.stage.context.font = 'bold 18px Arial'; + this.game.stage.context.textBaseline = 'top'; + this.game.stage.context.fillText(Phaser.VERSION, 32, 64 + 32); + this.game.stage.context.fillText('Game Size: ' + this.game.stage.width + ' x ' + this.game.stage.height, 32, 64 + 64); + this.game.stage.context.fillText('www.photonstorm.com', 32, 64 + 96); + this.game.stage.context.font = '16px Arial'; + this.game.stage.context.fillText('You are seeing this screen because you didn\'t specify any default', 32, 64 + 160); + this.game.stage.context.fillText('functions in the Game constructor or use Game.switchState()', 32, 64 + 184); + }; + + /** + * Start color fading cycle. + */ + BootScreen.prototype.colorCycle = function () { + this._fade = this.game.add.tween(this._color2); + + this._fade.to({ r: Math.random() * 250, g: Math.random() * 250, b: Math.random() * 250 }, 3000, Phaser.Easing.Linear.None); + this._fade.onComplete.add(this.colorCycle, this); + this._fade.start(); + }; + return BootScreen; + })(); + Phaser.BootScreen = BootScreen; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - OrientationScreen +* +* The Orientation Screen is displayed whenever the device is turned to an unsupported orientation. +*/ +var Phaser; +(function (Phaser) { + var OrientationScreen = (function () { + /** + * OrientationScreen constructor + * Create a new OrientationScreen with specific width and height. + * + * @param width {number} Screen canvas width. + * @param height {number} Screen canvas height. + */ + function OrientationScreen(game) { + this._showOnLandscape = false; + this._showOnPortrait = false; + this.game = game; + } + OrientationScreen.prototype.enable = function (onLandscape, onPortrait, imageKey) { + this._showOnLandscape = onLandscape; + this._showOnPortrait = onPortrait; + this.landscapeImage = this.game.cache.getImage(imageKey); + this.portraitImage = this.game.cache.getImage(imageKey); + }; + + /** + * Update + */ + OrientationScreen.prototype.update = function () { + }; + + /** + * Render + */ + OrientationScreen.prototype.render = function () { + if (this._showOnLandscape) { + this.game.stage.context.drawImage(this.landscapeImage, 0, 0, this.landscapeImage.width, this.landscapeImage.height, 0, 0, this.game.stage.width, this.game.stage.height); + } else if (this._showOnPortrait) { + this.game.stage.context.drawImage(this.portraitImage, 0, 0, this.portraitImage.width, this.portraitImage.height, 0, 0, this.game.stage.width, this.game.stage.height); + } + }; + return OrientationScreen; + })(); + Phaser.OrientationScreen = OrientationScreen; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - PauseScreen +* +* The PauseScreen is displayed whenever the game loses focus or the player switches to another browser tab. +*/ +var Phaser; +(function (Phaser) { + var PauseScreen = (function () { + /** + * PauseScreen constructor + * Create a new PauseScreen with specific width and height. + * + * @param width {number} Screen canvas width. + * @param height {number} Screen canvas height. + */ + function PauseScreen(game, width, height) { + this.game = game; + this._canvas = document.createElement('canvas'); + this._canvas.width = width; + this._canvas.height = height; + this._context = this._canvas.getContext('2d'); + } + /** + * Called when the game enters pause mode. + */ + PauseScreen.prototype.onPaused = function () { + // Take a grab of the current canvas to our temporary one + this._context.clearRect(0, 0, this._canvas.width, this._canvas.height); + this._context.drawImage(this.game.stage.canvas, 0, 0); + this._color = { r: 255, g: 255, b: 255 }; + this.fadeOut(); + }; + + /** + * Called when the game resume from pause mode. + */ + PauseScreen.prototype.onResume = function () { + this._fade.stop(); + this.game.tweens.remove(this._fade); + }; + + /** + * Update background color. + */ + PauseScreen.prototype.update = function () { + this._color.r = Math.round(this._color.r); + this._color.g = Math.round(this._color.g); + this._color.b = Math.round(this._color.b); + }; + + /** + * Render PauseScreen. + */ + PauseScreen.prototype.render = function () { + this.game.stage.context.drawImage(this._canvas, 0, 0); + + this.game.stage.context.fillStyle = 'rgba(0, 0, 0, 0.4)'; + this.game.stage.context.fillRect(0, 0, this.game.stage.width, this.game.stage.height); + + // Draw a 'play' arrow + var arrowWidth = Math.round(this.game.stage.width / 2); + var arrowHeight = Math.round(this.game.stage.height / 2); + + var sx = this.game.stage.centerX - arrowWidth / 2; + var sy = this.game.stage.centerY - arrowHeight / 2; + + this.game.stage.context.beginPath(); + this.game.stage.context.moveTo(sx, sy); + this.game.stage.context.lineTo(sx, sy + arrowHeight); + this.game.stage.context.lineTo(sx + arrowWidth, this.game.stage.centerY); + this.game.stage.context.fillStyle = 'rgba(' + this._color.r + ', ' + this._color.g + ', ' + this._color.b + ', 0.8)'; + this.game.stage.context.fill(); + this.game.stage.context.closePath(); + }; + + /** + * Start fadeOut effect. + */ + PauseScreen.prototype.fadeOut = function () { + this._fade = this.game.add.tween(this._color); + + this._fade.to({ r: 50, g: 50, b: 50 }, 1000, Phaser.Easing.Linear.None); + this._fade.onComplete.add(this.fadeIn, this); + this._fade.start(); + }; + + /** + * Start fadeIn effect. + */ + PauseScreen.prototype.fadeIn = function () { + this._fade = this.game.add.tween(this._color); + + this._fade.to({ r: 255, g: 255, b: 255 }, 1000, Phaser.Easing.Linear.None); + this._fade.onComplete.add(this.fadeOut, this); + this._fade.start(); + }; + return PauseScreen; + })(); + Phaser.PauseScreen = PauseScreen; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - SoundManager +* +*/ +var Phaser; +(function (Phaser) { + var SoundManager = (function () { + /** + * SoundManager constructor + * Create a new SoundManager. + */ + function SoundManager(game) { + this.usingWebAudio = false; + this.usingAudioTag = false; + this.noAudio = false; + /** + * Reference to AudioContext instance. + */ + this.context = null; + this._muted = false; + this.touchLocked = false; + this._unlockSource = null; + this.onSoundDecode = new Phaser.Signal(); + this.game = game; + + this._volume = 1; + this._muted = false; + this._sounds = []; + + if (this.game.device.iOS && this.game.device.webAudio == false) { + this.channels = 1; + } + + if (this.game.device.iOS || (window['PhaserGlobal'] && window['PhaserGlobal'].fakeiOSTouchLock)) { + this.game.input.touch.callbackContext = this; + this.game.input.touch.touchStartCallback = this.unlock; + this.game.input.mouse.callbackContext = this; + this.game.input.mouse.mouseDownCallback = this.unlock; + this.touchLocked = true; + } else { + // What about iOS5? + this.touchLocked = false; + } + + if (window['PhaserGlobal']) { + if (window['PhaserGlobal'].disableAudio == true) { + this.usingWebAudio = false; + this.noAudio = true; + return; + } + + if (window['PhaserGlobal'].disableWebAudio == true) { + this.usingWebAudio = false; + this.usingAudioTag = true; + this.noAudio = false; + return; + } + } + + this.usingWebAudio = true; + this.noAudio = false; + + if (!!window['AudioContext']) { + this.context = new window['AudioContext'](); + } else if (!!window['webkitAudioContext']) { + this.context = new window['webkitAudioContext'](); + } else if (!!window['Audio']) { + this.usingWebAudio = false; + this.usingAudioTag = true; + } else { + this.usingWebAudio = false; + this.noAudio = true; + } + + if (this.context !== null) { + if (typeof this.context.createGain === 'undefined') { + this.masterGain = this.context.createGainNode(); + } else { + this.masterGain = this.context.createGain(); + } + + this.masterGain.gain.value = 1; + this.masterGain.connect(this.context.destination); + } + } + SoundManager.prototype.unlock = function () { + if (this.touchLocked == false) { + return; + } + + if (this.game.device.webAudio && (window['PhaserGlobal'] && window['PhaserGlobal'].disableWebAudio == false)) { + // Create empty buffer and play it + var buffer = this.context.createBuffer(1, 1, 22050); + this._unlockSource = this.context.createBufferSource(); + this._unlockSource.buffer = buffer; + this._unlockSource.connect(this.context.destination); + this._unlockSource.noteOn(0); + } else { + // Create an Audio tag? + this.touchLocked = false; + this._unlockSource = null; + this.game.input.touch.callbackContext = null; + this.game.input.touch.touchStartCallback = null; + this.game.input.mouse.callbackContext = null; + this.game.input.mouse.mouseDownCallback = null; + } + }; + + Object.defineProperty(SoundManager.prototype, "mute", { + get: /** + * A global audio mute toggle. + */ + function () { + return this._muted; + }, + set: function (value) { + if (value) { + if (this._muted) { + return; + } + + this._muted = true; + + if (this.usingWebAudio) { + this._muteVolume = this.masterGain.gain.value; + this.masterGain.gain.value = 0; + } + + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i].usingAudioTag) { + this._sounds[i].mute = true; + } + } + } else { + if (this._muted == false) { + return; + } + + this._muted = false; + + if (this.usingWebAudio) { + this.masterGain.gain.value = this._muteVolume; + } + + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i].usingAudioTag) { + this._sounds[i].mute = false; + } + } + } + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(SoundManager.prototype, "volume", { + get: function () { + if (this.usingWebAudio) { + return this.masterGain.gain.value; + } else { + return this._volume; + } + }, + set: /** + * The global audio volume. A value between 0 (silence) and 1 (full volume) + */ + function (value) { + value = this.game.math.clamp(value, 1, 0); + + this._volume = value; + + if (this.usingWebAudio) { + this.masterGain.gain.value = value; + } + + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i].usingAudioTag) { + this._sounds[i].volume = this._sounds[i].volume * value; + } + } + }, + enumerable: true, + configurable: true + }); + + SoundManager.prototype.stopAll = function () { + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i]) { + this._sounds[i].stop(); + } + } + }; + + SoundManager.prototype.pauseAll = function () { + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i]) { + this._sounds[i].pause(); + } + } + }; + + SoundManager.prototype.resumeAll = function () { + for (var i = 0; i < this._sounds.length; i++) { + if (this._sounds[i]) { + this._sounds[i].resume(); + } + } + }; + + /** + * Decode a sound with its assets key. + * @param key {string} Assets key of the sound to be decoded. + * @param [sound] {Sound} its bufer will be set to decoded data. + */ + SoundManager.prototype.decode = function (key, sound) { + if (typeof sound === "undefined") { sound = null; } + var soundData = this.game.cache.getSoundData(key); + + if (soundData) { + if (this.game.cache.isSoundDecoded(key) === false) { + this.game.cache.updateSound(key, 'isDecoding', true); + + var that = this; + + this.context.decodeAudioData(soundData, function (buffer) { + that.game.cache.decodedSound(key, buffer); + + if (sound) { + that.onSoundDecode.dispatch(sound); + } + }); + } + } + }; + + SoundManager.prototype.update = function () { + if (this.touchLocked) { + if (this.game.device.webAudio && this._unlockSource !== null) { + if ((this._unlockSource.playbackState === this._unlockSource.PLAYING_STATE || this._unlockSource.playbackState === this._unlockSource.FINISHED_STATE)) { + this.touchLocked = false; + this._unlockSource = null; + this.game.input.touch.callbackContext = null; + this.game.input.touch.touchStartCallback = null; + } + } + } + + for (var i = 0; i < this._sounds.length; i++) { + this._sounds[i].update(); + } + }; + + SoundManager.prototype.add = function (key, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + var sound = new Phaser.Sound(this.game, key, volume, loop); + + this._sounds.push(sound); + + return sound; + }; + return SoundManager; + })(); + Phaser.SoundManager = SoundManager; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Sound +* +* A Sound file, used by the Game.SoundManager for playback. +*/ +var Phaser; +(function (Phaser) { + var Sound = (function () { + /** + * Sound constructor + * @param [volume] {number} volume of this sound when playing. + * @param [loop] {boolean} loop this sound when playing? (Default to false) + */ + function Sound(game, key, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + /** + * Reference to AudioContext instance. + */ + this.context = null; + /** + * Decoded data buffer / Audio tag. + */ + this._buffer = null; + this._muted = false; + this.usingWebAudio = false; + this.usingAudioTag = false; + this.name = ''; + this.autoplay = false; + this.totalDuration = 0; + this.startTime = 0; + this.currentTime = 0; + this.duration = 0; + this.stopTime = 0; + this.paused = false; + this.loop = false; + this.isPlaying = false; + this.currentMarker = ''; + this.pendingPlayback = false; + this.override = false; + this.game = game; + + this.usingWebAudio = this.game.sound.usingWebAudio; + this.usingAudioTag = this.game.sound.usingAudioTag; + this.key = key; + + if (this.usingWebAudio) { + this.context = this.game.sound.context; + this.masterGainNode = this.game.sound.masterGain; + + if (typeof this.context.createGain === 'undefined') { + this.gainNode = this.context.createGainNode(); + } else { + this.gainNode = this.context.createGain(); + } + + this.gainNode.gain.value = volume * this.game.sound.volume; + this.gainNode.connect(this.masterGainNode); + } else { + if (this.game.cache.getSound(key) && this.game.cache.getSound(key).locked == false) { + this._sound = this.game.cache.getSoundData(key); + this.totalDuration = this._sound.duration; + } else { + this.game.cache.onSoundUnlock.add(this.soundHasUnlocked, this); + } + } + + this._volume = volume; + this.loop = loop; + this.markers = {}; + + this.onDecoded = new Phaser.Signal(); + this.onPlay = new Phaser.Signal(); + this.onPause = new Phaser.Signal(); + this.onResume = new Phaser.Signal(); + this.onLoop = new Phaser.Signal(); + this.onStop = new Phaser.Signal(); + this.onMute = new Phaser.Signal(); + this.onMarkerComplete = new Phaser.Signal(); + } + Sound.prototype.soundHasUnlocked = function (key) { + if (key == this.key) { + this._sound = this.game.cache.getSoundData(this.key); + this.totalDuration = this._sound.duration; + //console.log('sound has unlocked', this._sound); + } + }; + + Object.defineProperty(Sound.prototype, "isDecoding", { + get: function () { + return this.game.cache.getSound(this.key).isDecoding; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Sound.prototype, "isDecoded", { + get: function () { + return this.game.cache.isSoundDecoded(this.key); + }, + enumerable: true, + configurable: true + }); + + Sound.prototype.addMarker = function (name, start, stop, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + this.markers[name] = { name: name, start: start, stop: stop, volume: volume, duration: stop - start, loop: loop }; + }; + + Sound.prototype.removeMarker = function (name) { + delete this.markers[name]; + }; + + Sound.prototype.update = function () { + if (this.pendingPlayback && this.game.cache.isSoundReady(this.key)) { + this.pendingPlayback = false; + this.play(this._tempMarker, this._tempPosition, this._tempVolume, this._tempLoop); + } + + if (this.isPlaying) { + this.currentTime = this.game.time.now - this.startTime; + + if (this.currentTime >= this.duration) { + if (this.usingWebAudio) { + if (this.loop) { + //console.log('loop1'); + // won't work with markers, needs to reset the position + this.onLoop.dispatch(this); + + if (this.currentMarker == '') { + //console.log('loop2'); + this.currentTime = 0; + this.startTime = this.game.time.now; + } else { + //console.log('loop3'); + this.play(this.currentMarker, 0, this.volume, true, true); + } + } else { + //console.log('stopping, no loop for marker'); + this.stop(); + } + } else { + if (this.loop) { + this.onLoop.dispatch(this); + this.play(this.currentMarker, 0, this.volume, true, true); + } else { + this.stop(); + } + } + } + } + }; + + /** + * Play this sound, or a marked section of it. + * @param marker {string} Assets key of the sound you want to play. + * @param [volume] {number} volume of the sound you want to play. + * @param [loop] {boolean} loop when it finished playing? (Default to false) + * @return {Sound} The playing sound object. + */ + Sound.prototype.play = function (marker, position, volume, loop, forceRestart) { + if (typeof marker === "undefined") { marker = ''; } + if (typeof position === "undefined") { position = 0; } + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + if (typeof forceRestart === "undefined") { forceRestart = false; } + if (this.isPlaying == true && forceRestart == false && this.override == false) { + // Use Restart instead + return; + } + + if (this.isPlaying && this.override) { + if (this.usingWebAudio) { + if (typeof this._sound.stop === 'undefined') { + this._sound.noteOff(0); + } else { + this._sound.stop(0); + } + } else if (this.usingAudioTag) { + this._sound.pause(); + this._sound.currentTime = 0; + } + } + + this.currentMarker = marker; + + if (marker !== '' && this.markers[marker]) { + this.position = this.markers[marker].start; + this.volume = this.markers[marker].volume; + this.loop = this.markers[marker].loop; + this.duration = this.markers[marker].duration * 1000; + + //console.log('marker info loaded', this.loop, this.duration); + this._tempMarker = marker; + this._tempPosition = this.position; + this._tempVolume = this.volume; + this._tempLoop = this.loop; + } else { + this.position = position; + this.volume = volume; + this.loop = loop; + this.duration = 0; + + this._tempMarker = marker; + this._tempPosition = position; + this._tempVolume = volume; + this._tempLoop = loop; + } + + if (this.usingWebAudio) { + if (this.game.cache.isSoundDecoded(this.key)) { + if (this._buffer == null) { + this._buffer = this.game.cache.getSoundData(this.key); + } + + //if (this._sound == null) + //{ + this._sound = this.context.createBufferSource(); + this._sound.buffer = this._buffer; + this._sound.connect(this.gainNode); + this.totalDuration = this._sound.buffer.duration; + + if (this.duration == 0) { + this.duration = this.totalDuration * 1000; + } + + if (this.loop && marker == '') { + this._sound.loop = true; + } + + if (typeof this._sound.start === 'undefined') { + this._sound.noteGrainOn(0, this.position, this.duration / 1000); + //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it + } else { + this._sound.start(0, this.position, this.duration / 1000); + } + + this.isPlaying = true; + this.startTime = this.game.time.now; + this.currentTime = 0; + this.stopTime = this.startTime + this.duration; + this.onPlay.dispatch(this); + //console.log('playing, start', this.startTime, 'stop'); + } else { + this.pendingPlayback = true; + + if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).isDecoding == false) { + this.game.sound.decode(this.key, this); + } + } + } else { + if (this.game.cache.getSound(this.key) && this.game.cache.getSound(this.key).locked) { + //console.log('tried playing locked sound, pending set, reload started'); + this.game.cache.reloadSound(this.key); + this.pendingPlayback = true; + } else { + if (this._sound && this._sound.readyState == 4) { + if (this.duration == 0) { + this.duration = this.totalDuration * 1000; + } + + //console.log('playing', this._sound); + this._sound.currentTime = this.position; + this._sound.muted = this._muted; + + if (this._muted) { + this._sound.volume = 0; + } else { + this._sound.volume = this._volume; + } + + this._sound.play(); + + this.isPlaying = true; + this.startTime = this.game.time.now; + this.currentTime = 0; + this.stopTime = this.startTime + this.duration; + this.onPlay.dispatch(this); + } else { + this.pendingPlayback = true; + } + } + } + }; + + Sound.prototype.restart = function (marker, position, volume, loop) { + if (typeof marker === "undefined") { marker = ''; } + if (typeof position === "undefined") { position = 0; } + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + this.play(marker, position, volume, loop, true); + }; + + Sound.prototype.pause = function () { + if (this.isPlaying && this._sound) { + this.stop(); + this.isPlaying = false; + this.paused = true; + this.onPause.dispatch(this); + } + }; + + Sound.prototype.resume = function () { + if (this.paused && this._sound) { + if (this.usingWebAudio) { + if (typeof this._sound.start === 'undefined') { + this._sound.noteGrainOn(0, this.position, this.duration); + //this._sound.noteOn(0); // the zero is vitally important, crashes iOS6 without it + } else { + this._sound.start(0, this.position, this.duration); + } + } else { + this._sound.play(); + } + + this.isPlaying = true; + this.paused = false; + this.onResume.dispatch(this); + } + }; + + /** + * Stop playing this sound. + */ + Sound.prototype.stop = function () { + if (this.isPlaying && this._sound) { + if (this.usingWebAudio) { + if (typeof this._sound.stop === 'undefined') { + this._sound.noteOff(0); + } else { + this._sound.stop(0); + } + } else if (this.usingAudioTag) { + this._sound.pause(); + this._sound.currentTime = 0; + } + } + + this.isPlaying = false; + + var prevMarker = this.currentMarker; + + this.currentMarker = ''; + + this.onStop.dispatch(this, prevMarker); + }; + + Object.defineProperty(Sound.prototype, "mute", { + get: /** + * Mute sounds. + */ + function () { + return this._muted; + }, + set: function (value) { + if (value) { + this._muted = true; + + if (this.usingWebAudio) { + this._muteVolume = this.gainNode.gain.value; + this.gainNode.gain.value = 0; + } else if (this.usingAudioTag && this._sound) { + this._muteVolume = this._sound.volume; + this._sound.volume = 0; + } + } else { + this._muted = false; + + if (this.usingWebAudio) { + this.gainNode.gain.value = this._muteVolume; + } else if (this.usingAudioTag && this._sound) { + this._sound.volume = this._muteVolume; + } + } + + this.onMute.dispatch(this); + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(Sound.prototype, "volume", { + get: function () { + return this._volume; + }, + set: function (value) { + this._volume = value; + + if (this.usingWebAudio) { + this.gainNode.gain.value = value; + } else if (this.usingAudioTag && this._sound) { + this._sound.volume = value; + } + }, + enumerable: true, + configurable: true + }); + return Sound; + })(); + Phaser.Sound = Sound; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Animation +* +* An Animation is a single animation. It is created by the AnimationManager and belongs to Sprite objects. +*/ +var Phaser; +(function (Phaser) { + var Animation = (function () { + /** + * Animation constructor + * Create a new Animation. + * + * @param parent {Sprite} Owner sprite of this animation. + * @param frameData {FrameData} The FrameData object contains animation data. + * @param name {string} Unique name of this animation. + * @param frames {number[]/string[]} An array of numbers or strings indicating what frames to play in what order. + * @param delay {number} Time between frames in ms. + * @param looped {boolean} Whether or not the animation is looped or just plays once. + */ + function Animation(game, parent, frameData, name, frames, delay, looped) { + this.game = game; + this._parent = parent; + this._frames = frames; + this._frameData = frameData; + + this.name = name; + this.delay = 1000 / delay; + this.looped = looped; + + this.isFinished = false; + this.isPlaying = false; + + this._frameIndex = 0; + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + } + Object.defineProperty(Animation.prototype, "frameTotal", { + get: function () { + return this._frames.length; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Animation.prototype, "frame", { + get: function () { + if (this.currentFrame !== null) { + return this.currentFrame.index; + } else { + return this._frameIndex; + } + }, + set: function (value) { + this.currentFrame = this._frameData.getFrame(value); + + if (this.currentFrame !== null) { + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + this._frameIndex = value; + } + }, + enumerable: true, + configurable: true + }); + + + /** + * Play this animation. + * @param frameRate {number} FrameRate you want to specify instead of using default. + * @param loop {boolean} Whether or not the animation is looped or just plays once. + */ + Animation.prototype.play = function (frameRate, loop) { + if (typeof frameRate === "undefined") { frameRate = null; } + if (typeof loop === "undefined") { loop = false; } + if (frameRate !== null) { + this.delay = 1000 / frameRate; + } + + this.looped = loop; + this.isPlaying = true; + this.isFinished = false; + + this._timeLastFrame = this.game.time.now; + this._timeNextFrame = this.game.time.now + this.delay; + + this._frameIndex = 0; + + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + + this._parent.events.onAnimationStart.dispatch(this._parent, this); + + return this; + }; + + /** + * Play this animation from the first frame. + */ + Animation.prototype.restart = function () { + this.isPlaying = true; + this.isFinished = false; + + this._timeLastFrame = this.game.time.now; + this._timeNextFrame = this.game.time.now + this.delay; + + this._frameIndex = 0; + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + }; + + /** + * Stop playing animation and set it finished. + */ + Animation.prototype.stop = function () { + this.isPlaying = false; + this.isFinished = true; + }; + + /** + * Update animation frames. + */ + Animation.prototype.update = function () { + if (this.isPlaying == true && this.game.time.now >= this._timeNextFrame) { + this._frameIndex++; + + if (this._frameIndex == this._frames.length) { + if (this.looped) { + this._frameIndex = 0; + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + this._parent.events.onAnimationLoop.dispatch(this._parent, this); + } else { + this.onComplete(); + } + } else { + this.currentFrame = this._frameData.getFrame(this._frames[this._frameIndex]); + } + + this._timeLastFrame = this.game.time.now; + this._timeNextFrame = this.game.time.now + this.delay; + + return true; + } + + return false; + }; + + /** + * Clean up animation memory. + */ + Animation.prototype.destroy = function () { + this.game = null; + this._parent = null; + this._frames = null; + this._frameData = null; + this.currentFrame = null; + this.isPlaying = false; + }; + + /** + * Animation complete callback method. + */ + Animation.prototype.onComplete = function () { + this.isPlaying = false; + this.isFinished = true; + + this._parent.events.onAnimationComplete.dispatch(this._parent, this); + }; + return Animation; + })(); + Phaser.Animation = Animation; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - AnimationManager + * + * Any Sprite that has animation contains an instance of the AnimationManager, which is used to add, play and update + * sprite specific animations. + */ + (function (Components) { + var AnimationManager = (function () { + /** + * AnimationManager constructor + * Create a new AnimationManager. + * + * @param parent {Sprite} Owner sprite of this manager. + */ + function AnimationManager(parent) { + /** + * Data contains animation frames. + * @type {FrameData} + */ + this._frameData = null; + /** + * When an animation frame changes you can choose to automatically update the physics bounds of the parent Sprite + * to the width and height of the new frame. If you've set a specific physics bounds that you don't want changed during + * animation then set this to false, otherwise leave it set to true. + * @type {boolean} + */ + this.autoUpdateBounds = true; + /** + * Keeps track of the current frame of animation. + */ + this.currentFrame = null; + this._parent = parent; + this.game = parent.game; + this._anims = {}; + } + /** + * Load animation frame data. + * @param frameData Data to be loaded. + */ + AnimationManager.prototype.loadFrameData = function (frameData) { + this._frameData = frameData; + + this.frame = 0; + }; + + /** + * Add a new animation. + * @param name {string} What this animation should be called (e.g. "run"). + * @param frames {any[]} An array of numbers/strings indicating what frames to play in what order (e.g. [1, 2, 3] or ['run0', 'run1', run2]). + * @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 + */ + AnimationManager.prototype.add = function (name, frames, frameRate, loop, useNumericIndex) { + if (typeof frames === "undefined") { frames = null; } + if (typeof frameRate === "undefined") { frameRate = 60; } + if (typeof loop === "undefined") { loop = false; } + if (typeof useNumericIndex === "undefined") { useNumericIndex = true; } + if (this._frameData == null) { + return; + } + + if (this._parent.events.onAnimationStart == null) { + this._parent.events.onAnimationStart = new Phaser.Signal(); + this._parent.events.onAnimationComplete = new Phaser.Signal(); + this._parent.events.onAnimationLoop = new Phaser.Signal(); + } + + if (frames == null) { + frames = this._frameData.getFrameIndexes(); + } else { + if (this.validateFrames(frames, useNumericIndex) == false) { + throw Error('Invalid frames given to Animation ' + name); + return; + } + } + + if (useNumericIndex == false) { + frames = this._frameData.getFrameIndexesByName(frames); + } + + this._anims[name] = new Phaser.Animation(this.game, this._parent, this._frameData, name, frames, frameRate, loop); + + this.currentAnim = this._anims[name]; + this.currentFrame = this.currentAnim.currentFrame; + + return this._anims[name]; + }; + + /** + * Check whether the frames is valid. + * @param frames {any[]} Frames to be validated. + * @param useNumericIndex {boolean} Does these frames use number indexes or string indexes? + * @return {boolean} True if they're valid, otherwise return false. + */ + AnimationManager.prototype.validateFrames = function (frames, useNumericIndex) { + for (var i = 0; i < frames.length; i++) { + if (useNumericIndex == true) { + if (frames[i] > this._frameData.total) { + return false; + } + } else { + if (this._frameData.checkFrameName(frames[i]) == false) { + return false; + } + } + } + + return true; + }; + + /** + * Play animation with specific name. + * @param name {string} The string name of the animation you want to play. + * @param frameRate {number} FrameRate you want to specify instead of using default. + * @param loop {boolean} Whether or not the animation is looped or just plays once. + */ + AnimationManager.prototype.play = function (name, frameRate, loop) { + if (typeof frameRate === "undefined") { frameRate = null; } + if (typeof loop === "undefined") { loop = false; } + if (this._anims[name]) { + if (this.currentAnim == this._anims[name]) { + if (this.currentAnim.isPlaying == false) { + return this.currentAnim.play(frameRate, loop); + } + } else { + this.currentAnim = this._anims[name]; + return this.currentAnim.play(frameRate, loop); + } + } + }; + + /** + * Stop animation by name. + * Current animation will be automatically set to the stopped one. + */ + AnimationManager.prototype.stop = function (name) { + if (this._anims[name]) { + this.currentAnim = this._anims[name]; + this.currentAnim.stop(); + } + }; + + /** + * Update animation and parent sprite's bounds. + */ + AnimationManager.prototype.update = function () { + if (this.currentAnim && this.currentAnim.update() == true) { + this.currentFrame = this.currentAnim.currentFrame; + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + } + }; + + Object.defineProperty(AnimationManager.prototype, "frameData", { + get: function () { + return this._frameData; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(AnimationManager.prototype, "frameTotal", { + get: function () { + if (this._frameData) { + return this._frameData.total; + } else { + return -1; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(AnimationManager.prototype, "frame", { + get: function () { + return this._frameIndex; + }, + set: function (value) { + if (this._frameData && this._frameData.getFrame(value) !== null) { + this.currentFrame = this._frameData.getFrame(value); + + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + + if (this.autoUpdateBounds && this._parent['body']) { + this._parent.body.bounds.width = this.currentFrame.width; + this._parent.body.bounds.height = this.currentFrame.height; + } + + this._frameIndex = value; + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(AnimationManager.prototype, "frameName", { + get: function () { + return this.currentFrame.name; + }, + set: function (value) { + if (this._frameData && this._frameData.getFrameByName(value)) { + this.currentFrame = this._frameData.getFrameByName(value); + + this._parent.texture.width = this.currentFrame.width; + this._parent.texture.height = this.currentFrame.height; + + this._frameIndex = this.currentFrame.index; + } else { + throw new Error("Cannot set frameName: " + value); + } + }, + enumerable: true, + configurable: true + }); + + + /** + * Removes all related references + */ + AnimationManager.prototype.destroy = function () { + this._anims = {}; + this._frameData = null; + this._frameIndex = 0; + this.currentAnim = null; + this.currentFrame = null; + }; + return AnimationManager; + })(); + Components.AnimationManager = AnimationManager; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Frame +* +* A Frame is a single frame of an animation and is part of a FrameData collection. +*/ +var Phaser; +(function (Phaser) { + var Frame = (function () { + /** + * Frame constructor + * Create a new Frame with specific position, size and name. + * + * @param x {number} X position within the image to cut from. + * @param y {number} Y position within the image to cut from. + * @param width {number} Width of the frame. + * @param height {number} Height of the frame. + * @param name {string} Name of this frame. + */ + function Frame(x, y, width, height, name) { + /** + * Useful for Texture Atlas files. (is set to the filename value) + */ + this.name = ''; + /** + * Rotated? (not yet implemented) + */ + this.rotated = false; + /** + * Either cw or ccw, rotation is always 90 degrees. + */ + this.rotationDirection = 'cw'; + this.x = x; + this.y = y; + this.width = width; + this.height = height; + this.name = name; + + this.rotated = false; + this.trimmed = false; + } + /** + * Set rotation of this frame. (Not yet supported!) + */ + Frame.prototype.setRotation = function (rotated, rotationDirection) { + // Not yet supported + }; + + /** + * Set trim of the frame. + * @param trimmed {boolean} Whether this frame trimmed or not. + * @param actualWidth {number} Actual width of this frame. + * @param actualHeight {number} Actual height of this frame. + * @param destX {number} Destination x position. + * @param destY {number} Destination y position. + * @param destWidth {number} Destination draw width. + * @param destHeight {number} Destination draw height. + */ + Frame.prototype.setTrim = function (trimmed, actualWidth, actualHeight, destX, destY, destWidth, destHeight) { + //console.log('setTrim', trimmed, 'aw', actualWidth, 'ah', actualHeight, 'dx', destX, 'dy', destY, 'dw', destWidth, 'dh', destHeight); + this.trimmed = trimmed; + + if (trimmed) { + this.width = actualWidth; + this.height = actualHeight; + this.sourceSizeW = actualWidth; + this.sourceSizeH = actualHeight; + this.spriteSourceSizeX = destX; + this.spriteSourceSizeY = destY; + this.spriteSourceSizeW = destWidth; + this.spriteSourceSizeH = destHeight; + } + }; + return Frame; + })(); + Phaser.Frame = Frame; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - FrameData +* +* FrameData is a container for Frame objects, the internal representation of animation data in Phaser. +*/ +var Phaser; +(function (Phaser) { + var FrameData = (function () { + /** + * FrameData constructor + */ + function FrameData() { + this._frames = []; + this._frameNames = []; + } + Object.defineProperty(FrameData.prototype, "total", { + get: function () { + return this._frames.length; + }, + enumerable: true, + configurable: true + }); + + /** + * Add a new frame. + * @param frame {Frame} The frame you want to add. + * @return {Frame} The frame you just added. + */ + FrameData.prototype.addFrame = function (frame) { + frame.index = this._frames.length; + + this._frames.push(frame); + + if (frame.name !== '') { + this._frameNames[frame.name] = frame.index; + } + + return frame; + }; + + /** + * Get a frame by its index. + * @param index {number} Index of the frame you want to get. + * @return {Frame} The frame you want. + */ + FrameData.prototype.getFrame = function (index) { + if (this._frames[index]) { + return this._frames[index]; + } + + return null; + }; + + /** + * Get a frame by its name. + * @param name {string} Name of the frame you want to get. + * @return {Frame} The frame you want. + */ + FrameData.prototype.getFrameByName = function (name) { + if (this._frameNames[name] !== '') { + return this._frames[this._frameNames[name]]; + } + + return null; + }; + + /** + * Check whether there's a frame with given name. + * @param name {string} Name of the frame you want to check. + * @return {boolean} True if frame with given name found, otherwise return false. + */ + FrameData.prototype.checkFrameName = function (name) { + if (this._frameNames[name] == null) { + return false; + } + + return true; + }; + + /** + * Get ranges of frames in an array. + * @param start {number} Start index of frames you want. + * @param end {number} End index of frames you want. + * @param [output] {Frame[]} result will be added into this array. + * @return {Frame[]} Ranges of specific frames in an array. + */ + FrameData.prototype.getFrameRange = function (start, end, output) { + if (typeof output === "undefined") { output = []; } + for (var i = start; i <= end; i++) { + output.push(this._frames[i]); + } + + return output; + }; + + /** + * Get all indexes of frames by giving their name. + * @param [output] {number[]} result will be added into this array. + * @return {number[]} Indexes of specific frames in an array. + */ + FrameData.prototype.getFrameIndexes = function (output) { + if (typeof output === "undefined") { output = []; } + output.length = 0; + + for (var i = 0; i < this._frames.length; i++) { + output.push(i); + } + + return output; + }; + + /** + * Get the frame indexes by giving the frame names. + * @param [output] {number[]} result will be added into this array. + * @return {number[]} Names of specific frames in an array. + */ + FrameData.prototype.getFrameIndexesByName = function (input) { + var output = []; + + for (var i = 0; i < input.length; i++) { + if (this.getFrameByName(input[i])) { + output.push(this.getFrameByName(input[i]).index); + } + } + + return output; + }; + + /** + * Get all frames in this frame data. + * @return {Frame[]} All the frames in an array. + */ + FrameData.prototype.getAllFrames = function () { + return this._frames; + }; + + /** + * Get All frames with specific ranges. + * @param range {number[]} Ranges in an array. + * @return {Frame[]} All frames in an array. + */ + FrameData.prototype.getFrames = function (range) { + var output = []; + + for (var i = 0; i < range.length; i++) { + output.push(this._frames[i]); + } + + return output; + }; + return FrameData; + })(); + Phaser.FrameData = FrameData; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Cache +* +* A game only has one instance of a Cache and it is used to store all externally loaded assets such +* as images, sounds and data files as a result of Loader calls. Cache items use string based keys for look-up. +*/ +var Phaser; +(function (Phaser) { + var Cache = (function () { + /** + * Cache constructor + */ + function Cache(game) { + this.onSoundUnlock = new Phaser.Signal(); + this.game = game; + + this._canvases = {}; + this._images = {}; + this._sounds = {}; + this._text = {}; + } + /** + * Add a new canvas. + * @param key {string} Asset key for this canvas. + * @param canvas {HTMLCanvasElement} Canvas DOM element. + * @param context {CanvasRenderingContext2D} Render context of this canvas. + */ + Cache.prototype.addCanvas = function (key, canvas, context) { + this._canvases[key] = { canvas: canvas, context: context }; + }; + + /** + * Add a new sprite sheet. + * @param key {string} Asset key for the sprite sheet. + * @param url {string} URL of this sprite sheet file. + * @param data {object} Extra sprite sheet data. + * @param frameWidth {number} Width of the sprite sheet. + * @param frameHeight {number} Height of the sprite sheet. + * @param frameMax {number} How many frames stored in the sprite sheet. + */ + Cache.prototype.addSpriteSheet = function (key, url, data, frameWidth, frameHeight, frameMax) { + this._images[key] = { url: url, data: data, spriteSheet: true, frameWidth: frameWidth, frameHeight: frameHeight }; + this._images[key].frameData = Phaser.AnimationLoader.parseSpriteSheet(this.game, key, frameWidth, frameHeight, frameMax); + }; + + /** + * Add a new texture atlas. + * @param key {string} Asset key for the texture atlas. + * @param url {string} URL of this texture atlas file. + * @param data {object} Extra texture atlas data. + * @param atlasData {object} Texture atlas frames data. + */ + Cache.prototype.addTextureAtlas = function (key, url, data, atlasData, format) { + this._images[key] = { url: url, data: data, spriteSheet: true }; + + if (format == Phaser.Loader.TEXTURE_ATLAS_JSON_ARRAY) { + this._images[key].frameData = Phaser.AnimationLoader.parseJSONData(this.game, atlasData); + } else if (format == Phaser.Loader.TEXTURE_ATLAS_XML_STARLING) { + this._images[key].frameData = Phaser.AnimationLoader.parseXMLData(this.game, atlasData, format); + } + }; + + /** + * Add a new image. + * @param key {string} Asset key for the image. + * @param url {string} URL of this image file. + * @param data {object} Extra image data. + */ + Cache.prototype.addImage = function (key, url, data) { + this._images[key] = { url: url, data: data, spriteSheet: false }; + }; + + /** + * Add a new sound. + * @param key {string} Asset key for the sound. + * @param url {string} URL of this sound file. + * @param data {object} Extra sound data. + */ + Cache.prototype.addSound = function (key, url, data, webAudio, audioTag) { + if (typeof webAudio === "undefined") { webAudio = true; } + if (typeof audioTag === "undefined") { audioTag = false; } + var locked = this.game.sound.touchLocked; + var decoded = false; + + if (audioTag) { + decoded = true; + } + + this._sounds[key] = { url: url, data: data, locked: locked, isDecoding: false, decoded: decoded, webAudio: webAudio, audioTag: audioTag }; + }; + + Cache.prototype.reloadSound = function (key) { + var _this = this; + if (this._sounds[key]) { + this._sounds[key].data.src = this._sounds[key].url; + this._sounds[key].data.addEventListener('canplaythrough', function () { + return _this.reloadSoundComplete(key); + }, false); + this._sounds[key].data.load(); + } + }; + + Cache.prototype.reloadSoundComplete = function (key) { + if (this._sounds[key]) { + this._sounds[key].locked = false; + this.onSoundUnlock.dispatch(key); + } + }; + + Cache.prototype.updateSound = function (key, property, value) { + if (this._sounds[key]) { + this._sounds[key][property] = value; + } + }; + + /** + * Add a new decoded sound. + * @param key {string} Asset key for the sound. + * @param data {object} Extra sound data. + */ + Cache.prototype.decodedSound = function (key, data) { + this._sounds[key].data = data; + this._sounds[key].decoded = true; + this._sounds[key].isDecoding = false; + }; + + /** + * Add a new text data. + * @param key {string} Asset key for the text data. + * @param url {string} URL of this text data file. + * @param data {object} Extra text data. + */ + Cache.prototype.addText = function (key, url, data) { + this._text[key] = { url: url, data: data }; + }; + + /** + * Get canvas by key. + * @param key Asset key of the canvas you want. + * @return {object} The canvas you want. + */ + Cache.prototype.getCanvas = function (key) { + if (this._canvases[key]) { + return this._canvases[key].canvas; + } + + return null; + }; + + /** + * Get image data by key. + * @param key Asset key of the image you want. + * @return {object} The image data you want. + */ + Cache.prototype.getImage = function (key) { + if (this._images[key]) { + return this._images[key].data; + } + + return null; + }; + + /** + * Get frame data by key. + * @param key Asset key of the frame data you want. + * @return {object} The frame data you want. + */ + Cache.prototype.getFrameData = function (key) { + if (this._images[key] && this._images[key].spriteSheet == true) { + return this._images[key].frameData; + } + + return null; + }; + + /** + * Get sound by key. + * @param key Asset key of the sound you want. + * @return {object} The sound you want. + */ + Cache.prototype.getSound = function (key) { + if (this._sounds[key]) { + return this._sounds[key]; + } + + return null; + }; + + /** + * Get sound data by key. + * @param key Asset key of the sound you want. + * @return {object} The sound data you want. + */ + Cache.prototype.getSoundData = function (key) { + if (this._sounds[key]) { + return this._sounds[key].data; + } + + return null; + }; + + /** + * Check whether an asset is decoded sound. + * @param key Asset key of the sound you want. + * @return {object} The sound data you want. + */ + Cache.prototype.isSoundDecoded = function (key) { + if (this._sounds[key]) { + return this._sounds[key].decoded; + } + }; + + /** + * Check whether an asset is decoded sound. + * @param key Asset key of the sound you want. + * @return {object} The sound data you want. + */ + Cache.prototype.isSoundReady = function (key) { + if (this._sounds[key] && this._sounds[key].decoded == true && this._sounds[key].locked == false) { + return true; + } + + return false; + }; + + /** + * Check whether an asset is sprite sheet. + * @param key Asset key of the sprite sheet you want. + * @return {object} The sprite sheet data you want. + */ + Cache.prototype.isSpriteSheet = function (key) { + if (this._images[key]) { + return this._images[key].spriteSheet; + } + }; + + /** + * Get text data by key. + * @param key Asset key of the text data you want. + * @return {object} The text data you want. + */ + Cache.prototype.getText = function (key) { + if (this._text[key]) { + return this._text[key].data; + } + + return null; + }; + + /** + * Returns an array containing all of the keys of Images in the Cache. + * @return {Array} The string based keys in the Cache. + */ + Cache.prototype.getImageKeys = function () { + var output = []; + + for (var item in this._images) { + output.push(item); + } + + return output; + }; + + /** + * Returns an array containing all of the keys of Sounds in the Cache. + * @return {Array} The string based keys in the Cache. + */ + Cache.prototype.getSoundKeys = function () { + var output = []; + + for (var item in this._sounds) { + output.push(item); + } + + return output; + }; + + /** + * Returns an array containing all of the keys of Text Files in the Cache. + * @return {Array} The string based keys in the Cache. + */ + Cache.prototype.getTextKeys = function () { + var output = []; + + for (var item in this._text) { + output.push(item); + } + + return output; + }; + + Cache.prototype.removeCanvas = function (key) { + delete this._canvases[key]; + }; + + Cache.prototype.removeImage = function (key) { + delete this._images[key]; + }; + + Cache.prototype.removeSound = function (key) { + delete this._sounds[key]; + }; + + Cache.prototype.removeText = function (key) { + delete this._text[key]; + }; + + /** + * Clean up cache memory. + */ + Cache.prototype.destroy = function () { + for (var item in this._canvases) { + delete this._canvases[item['key']]; + } + + for (var item in this._images) { + delete this._images[item['key']]; + } + + for (var item in this._sounds) { + delete this._sounds[item['key']]; + } + + for (var item in this._text) { + delete this._text[item['key']]; + } + }; + return Cache; + })(); + Phaser.Cache = Cache; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Loader +* +* The Loader handles loading all external content such as Images, Sounds, Texture Atlases and data files. +* It uses a combination of Image() loading and xhr and provides for progress and completion callbacks. +*/ +var Phaser; +(function (Phaser) { + var Loader = (function () { + /** + * Loader constructor + * + * @param game {Phaser.Game} Current game instance. + */ + function Loader(game) { + /** + * The crossOrigin value applied to loaded images + * @type {string} + */ + this.crossOrigin = ''; + this.game = game; + + this._keys = []; + this._fileList = {}; + this._xhr = new XMLHttpRequest(); + this._queueSize = 0; + this.isLoading = false; + + this.onFileComplete = new Phaser.Signal(); + this.onFileError = new Phaser.Signal(); + this.onLoadStart = new Phaser.Signal(); + this.onLoadComplete = new Phaser.Signal(); + } + /** + * Reset loader, this will remove all loaded assets. + */ + Loader.prototype.reset = function () { + this._queueSize = 0; + this.isLoading = false; + }; + + Object.defineProperty(Loader.prototype, "queueSize", { + get: function () { + return this._queueSize; + }, + enumerable: true, + configurable: true + }); + + /** + * Add a new image asset loading request with key and url. + * @param key {string} Unique asset key of this image file. + * @param url {string} URL of image file. + */ + Loader.prototype.image = function (key, url, overwrite) { + if (typeof overwrite === "undefined") { overwrite = false; } + if (overwrite == true || this.checkKeyExists(key) == false) { + this._queueSize++; + this._fileList[key] = { type: 'image', key: key, url: url, data: null, error: false, loaded: false }; + this._keys.push(key); + } + }; + + /** + * Add a new sprite sheet loading request. + * @param key {string} Unique asset key of the sheet file. + * @param url {string} URL of sheet file. + * @param frameWidth {number} Width of each single frame. + * @param frameHeight {number} Height of each single frame. + * @param frameMax {number} How many frames in this sprite sheet. + */ + Loader.prototype.spritesheet = function (key, url, frameWidth, frameHeight, frameMax) { + if (typeof frameMax === "undefined") { frameMax = -1; } + if (this.checkKeyExists(key) === false) { + this._queueSize++; + this._fileList[key] = { type: 'spritesheet', key: key, url: url, data: null, frameWidth: frameWidth, frameHeight: frameHeight, frameMax: frameMax, error: false, loaded: false }; + this._keys.push(key); + } + }; + + /** + * Add a new texture atlas loading request. + * @param key {string} Unique asset key of the texture atlas file. + * @param textureURL {string} The url of the texture atlas image file. + * @param [atlasURL] {string} The url of the texture atlas data file (json/xml) + * @param [atlasData] {object} A JSON or XML data object. + * @param [format] {number} A value describing the format of the data. + */ + Loader.prototype.atlas = function (key, textureURL, atlasURL, atlasData, format) { + if (typeof atlasURL === "undefined") { atlasURL = null; } + if (typeof atlasData === "undefined") { atlasData = null; } + if (typeof format === "undefined") { format = Loader.TEXTURE_ATLAS_JSON_ARRAY; } + if (this.checkKeyExists(key) === false) { + if (atlasURL !== null) { + // A URL to a json/xml file has been given + this._queueSize++; + this._fileList[key] = { type: 'textureatlas', key: key, url: textureURL, atlasURL: atlasURL, data: null, format: format, error: false, loaded: false }; + this._keys.push(key); + } else { + if (format == Loader.TEXTURE_ATLAS_JSON_ARRAY) { + if (typeof atlasData === 'string') { + atlasData = JSON.parse(atlasData); + } + + this._queueSize++; + this._fileList[key] = { type: 'textureatlas', key: key, url: textureURL, data: null, atlasURL: null, atlasData: atlasData, format: format, error: false, loaded: false }; + this._keys.push(key); + } else if (format == Loader.TEXTURE_ATLAS_XML_STARLING) { + if (typeof atlasData === 'string') { + var xml; + + try { + if (window['DOMParser']) { + var domparser = new DOMParser(); + xml = domparser.parseFromString(atlasData, "text/xml"); + } else { + xml = new ActiveXObject("Microsoft.XMLDOM"); + xml.async = 'false'; + xml.loadXML(atlasData); + } + } catch (e) { + xml = undefined; + } + + if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) { + throw new Error("Phaser.Loader. Invalid Texture Atlas XML given"); + } else { + atlasData = xml; + } + } + + this._queueSize++; + this._fileList[key] = { type: 'textureatlas', key: key, url: textureURL, data: null, atlasURL: null, atlasData: atlasData, format: format, error: false, loaded: false }; + this._keys.push(key); + } + } + } + }; + + /** + * Add a new audio file loading request. + * @param key {string} Unique asset key of the audio file. + * @param urls {Array} An array containing the URLs of the audio files, i.e.: [ 'jump.mp3', 'jump.ogg', 'jump.m4a' ] + * @param autoDecode {boolean} When using Web Audio the audio files can either be decoded at load time or run-time. They can't be played until they are decoded, but this let's you control when that happens. Decoding is a non-blocking async process. + */ + Loader.prototype.audio = function (key, urls, autoDecode) { + if (typeof autoDecode === "undefined") { autoDecode = true; } + if (this.checkKeyExists(key) === false) { + this._queueSize++; + this._fileList[key] = { type: 'audio', key: key, url: urls, data: null, buffer: null, error: false, loaded: false, autoDecode: autoDecode }; + this._keys.push(key); + } + }; + + /** + * Add a new text file loading request. + * @param key {string} Unique asset key of the text file. + * @param url {string} URL of text file. + */ + Loader.prototype.text = function (key, url) { + if (this.checkKeyExists(key) === false) { + this._queueSize++; + this._fileList[key] = { type: 'text', key: key, url: url, data: null, error: false, loaded: false }; + this._keys.push(key); + } + }; + + /** + * Remove loading request of a file. + * @param key {string} Key of the file you want to remove. + */ + Loader.prototype.removeFile = function (key) { + delete this._fileList[key]; + }; + + /** + * Remove all file loading requests. + */ + Loader.prototype.removeAll = function () { + this._fileList = {}; + }; + + /** + * Load assets. + */ + Loader.prototype.start = function () { + if (this.isLoading) { + return; + } + + this.progress = 0; + this.hasLoaded = false; + this.isLoading = true; + + this.onLoadStart.dispatch(this.queueSize); + + if (this._keys.length > 0) { + this._progressChunk = 100 / this._keys.length; + this.loadFile(); + } else { + this.progress = 100; + this.hasLoaded = true; + this.onLoadComplete.dispatch(); + } + }; + + /** + * Load files. Private method ONLY used by loader. + */ + Loader.prototype.loadFile = function () { + var _this = this; + var file = this._fileList[this._keys.pop()]; + + switch (file.type) { + case 'image': + case 'spritesheet': + case 'textureatlas': + file.data = new Image(); + file.data.name = file.key; + file.data.onload = function () { + return _this.fileComplete(file.key); + }; + file.data.onerror = function () { + return _this.fileError(file.key); + }; + file.data.crossOrigin = this.crossOrigin; + file.data.src = file.url; + break; + + case 'audio': + file.url = this.getAudioURL(file.url); + + if (file.url !== null) { + if (this.game.sound.usingWebAudio) { + this._xhr.open("GET", file.url, true); + this._xhr.responseType = "arraybuffer"; + this._xhr.onload = function () { + return _this.fileComplete(file.key); + }; + this._xhr.onerror = function () { + return _this.fileError(file.key); + }; + this._xhr.send(); + } else if (this.game.sound.usingAudioTag) { + if (this.game.sound.touchLocked) { + // If audio is locked we can't do this yet, so need to queue this load request somehow. Bum. + file.data = new Audio(); + file.data.name = file.key; + file.data.preload = 'auto'; + file.data.src = file.url; + this.fileComplete(file.key); + } else { + file.data = new Audio(); + file.data.name = file.key; + file.data.onerror = function () { + return _this.fileError(file.key); + }; + file.data.preload = 'auto'; + file.data.src = file.url; + file.data.addEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete(file.key), false); + file.data.load(); + } + } + } + + break; + + case 'text': + this._xhr.open("GET", file.url, true); + this._xhr.responseType = "text"; + this._xhr.onload = function () { + return _this.fileComplete(file.key); + }; + this._xhr.onerror = function () { + return _this.fileError(file.key); + }; + this._xhr.send(); + break; + } + }; + + Loader.prototype.getAudioURL = function (urls) { + var extension; + + for (var i = 0; i < urls.length; i++) { + extension = urls[i].toLowerCase(); + extension = extension.substr((Math.max(0, extension.lastIndexOf(".")) || Infinity) + 1); + + if (this.game.device.canPlayAudio(extension)) { + return urls[i]; + } + } + + return null; + }; + + /** + * Error occured when load a file. + * @param key {string} Key of the error loading file. + */ + Loader.prototype.fileError = function (key) { + this._fileList[key].loaded = true; + this._fileList[key].error = true; + + this.onFileError.dispatch(key); + + throw new Error("Phaser.Loader error loading file: " + key); + + this.nextFile(key, false); + }; + + /** + * Called when a file is successfully loaded. + * @param key {string} Key of the successfully loaded file. + */ + Loader.prototype.fileComplete = function (key) { + var _this = this; + if (!this._fileList[key]) { + throw new Error('Phaser.Loader fileComplete invalid key ' + key); + return; + } + + this._fileList[key].loaded = true; + + var file = this._fileList[key]; + var loadNext = true; + + switch (file.type) { + case 'image': + this.game.cache.addImage(file.key, file.url, file.data); + break; + + case 'spritesheet': + this.game.cache.addSpriteSheet(file.key, file.url, file.data, file.frameWidth, file.frameHeight, file.frameMax); + break; + + case 'textureatlas': + if (file.atlasURL == null) { + this.game.cache.addTextureAtlas(file.key, file.url, file.data, file.atlasData, file.format); + } else { + // Load the JSON or XML before carrying on with the next file + loadNext = false; + this._xhr.open("GET", file.atlasURL, true); + this._xhr.responseType = "text"; + + if (file.format == Loader.TEXTURE_ATLAS_JSON_ARRAY) { + this._xhr.onload = function () { + return _this.jsonLoadComplete(file.key); + }; + } else if (file.format == Loader.TEXTURE_ATLAS_XML_STARLING) { + this._xhr.onload = function () { + return _this.xmlLoadComplete(file.key); + }; + } + + this._xhr.onerror = function () { + return _this.dataLoadError(file.key); + }; + this._xhr.send(); + } + break; + + case 'audio': + if (this.game.sound.usingWebAudio) { + file.data = this._xhr.response; + + this.game.cache.addSound(file.key, file.url, file.data, true, false); + + if (file.autoDecode) { + this.game.cache.updateSound(key, 'isDecoding', true); + + var that = this; + var key = file.key; + + this.game.sound.context.decodeAudioData(file.data, function (buffer) { + if (buffer) { + that.game.cache.decodedSound(key, buffer); + } + }); + } + } else { + file.data.removeEventListener('canplaythrough', Phaser.GAMES[this.game.id].load.fileComplete); + this.game.cache.addSound(file.key, file.url, file.data, false, true); + } + break; + + case 'text': + file.data = this._xhr.response; + this.game.cache.addText(file.key, file.url, file.data); + break; + } + + if (loadNext) { + this.nextFile(key, true); + } + }; + + /** + * Successfully loaded a JSON file. + * @param key {string} Key of the loaded JSON file. + */ + Loader.prototype.jsonLoadComplete = function (key) { + var data = JSON.parse(this._xhr.response); + var file = this._fileList[key]; + + this.game.cache.addTextureAtlas(file.key, file.url, file.data, data, file.format); + + this.nextFile(key, true); + }; + + /** + * Error occured when load a JSON. + * @param key {string} Key of the error loading JSON file. + */ + Loader.prototype.dataLoadError = function (key) { + var file = this._fileList[key]; + + file.error = true; + + throw new Error("Phaser.Loader dataLoadError: " + key); + + this.nextFile(key, true); + }; + + Loader.prototype.xmlLoadComplete = function (key) { + var atlasData = this._xhr.response; + var xml; + + try { + if (window['DOMParser']) { + var domparser = new DOMParser(); + xml = domparser.parseFromString(atlasData, "text/xml"); + } else { + xml = new ActiveXObject("Microsoft.XMLDOM"); + xml.async = 'false'; + xml.loadXML(atlasData); + } + } catch (e) { + xml = undefined; + } + + if (!xml || !xml.documentElement || xml.getElementsByTagName("parsererror").length) { + throw new Error("Phaser.Loader. Invalid XML given"); + } + + var file = this._fileList[key]; + this.game.cache.addTextureAtlas(file.key, file.url, file.data, xml, file.format); + + this.nextFile(key, true); + }; + + /** + * Handle loading next file. + * @param previousKey {string} Key of previous loaded asset. + * @param success {boolean} Whether the previous asset loaded successfully or not. + */ + Loader.prototype.nextFile = function (previousKey, success) { + this.progress = Math.round(this.progress + this._progressChunk); + + if (this.progress > 100) { + this.progress = 100; + } + + this.onFileComplete.dispatch(this.progress, previousKey, success, this._queueSize - this._keys.length, this._queueSize); + + if (this._keys.length > 0) { + this.loadFile(); + } else { + this.hasLoaded = true; + this.isLoading = false; + + this.removeAll(); + + this.onLoadComplete.dispatch(); + } + }; + + /** + * Check whether asset exists with a specific key. + * @param key {string} Key of the asset you want to check. + * @return {boolean} Return true if exists, otherwise return false. + */ + Loader.prototype.checkKeyExists = function (key) { + if (this._fileList[key]) { + return true; + } else { + return false; + } + }; + Loader.TEXTURE_ATLAS_JSON_ARRAY = 0; + Loader.TEXTURE_ATLAS_JSON_HASH = 1; + Loader.TEXTURE_ATLAS_XML_STARLING = 2; + return Loader; + })(); + Phaser.Loader = Loader; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - AnimationLoader +* +* Responsible for parsing sprite sheet and JSON data into the internal FrameData format that Phaser uses for animations. +*/ +var Phaser; +(function (Phaser) { + var AnimationLoader = (function () { + function AnimationLoader() { + } + AnimationLoader.parseSpriteSheet = /** + * Parse a sprite sheet from asset data. + * @param key {string} Asset key for the sprite sheet data. + * @param frameWidth {number} Width of animation frame. + * @param frameHeight {number} Height of animation frame. + * @param frameMax {number} Number of animation frames. + * @return {FrameData} Generated FrameData object. + */ + function (game, key, frameWidth, frameHeight, frameMax) { + // How big is our image? + var img = game.cache.getImage(key); + + if (img == null) { + return null; + } + + var width = img.width; + var height = img.height; + + var row = Math.round(width / frameWidth); + var column = Math.round(height / frameHeight); + var total = row * column; + + if (frameMax !== -1) { + total = frameMax; + } + + if (width == 0 || height == 0 || width < frameWidth || height < frameHeight || total === 0) { + throw new Error("AnimationLoader.parseSpriteSheet: width/height zero or width/height < given frameWidth/frameHeight"); + return null; + } + + // Let's create some frames then + var data = new Phaser.FrameData(); + + var x = 0; + var y = 0; + + for (var i = 0; i < total; i++) { + data.addFrame(new Phaser.Frame(x, y, frameWidth, frameHeight, '')); + + x += frameWidth; + + if (x === width) { + x = 0; + y += frameHeight; + } + } + + return data; + }; + + AnimationLoader.parseJSONData = /** + * Parse frame datas from json. + * @param json {object} Json data you want to parse. + * @return {FrameData} Generated FrameData object. + */ + function (game, json) { + if (!json['frames']) { + console.log(json); + throw new Error("Phaser.AnimationLoader.parseJSONData: Invalid Texture Atlas JSON given, missing 'frames' array"); + } + + // Let's create some frames then + var data = new Phaser.FrameData(); + + // By this stage frames is a fully parsed array + var frames = json['frames']; + var newFrame; + + for (var i = 0; i < frames.length; i++) { + newFrame = data.addFrame(new Phaser.Frame(frames[i].frame.x, frames[i].frame.y, frames[i].frame.w, frames[i].frame.h, frames[i].filename)); + newFrame.setTrim(frames[i].trimmed, frames[i].sourceSize.w, frames[i].sourceSize.h, frames[i].spriteSourceSize.x, frames[i].spriteSourceSize.y, frames[i].spriteSourceSize.w, frames[i].spriteSourceSize.h); + } + + return data; + }; + + AnimationLoader.parseXMLData = function (game, xml, format) { + if (!xml.getElementsByTagName('TextureAtlas')) { + throw new Error("Phaser.AnimationLoader.parseXMLData: Invalid Texture Atlas XML given, missing tag"); + } + + // Let's create some frames then + var data = new Phaser.FrameData(); + + var frames = xml.getElementsByTagName('SubTexture'); + + var newFrame; + + for (var i = 0; i < frames.length; i++) { + var frame = frames[i].attributes; + + newFrame = data.addFrame(new Phaser.Frame(frame.x.nodeValue, frame.y.nodeValue, frame.width.nodeValue, frame.height.nodeValue, frame.name.nodeValue)); + + if (frame.frameX.nodeValue != '-0' || frame.frameY.nodeValue != '-0') { + newFrame.setTrim(true, frame.width.nodeValue, frame.height.nodeValue, Math.abs(frame.frameX.nodeValue), Math.abs(frame.frameY.nodeValue), frame.frameWidth.nodeValue, frame.frameHeight.nodeValue); + } + } + + return data; + }; + return AnimationLoader; + })(); + Phaser.AnimationLoader = AnimationLoader; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Tile +* +* A Tile is a single representation of a tile within a Tilemap +*/ +var Phaser; +(function (Phaser) { + var Tile = (function () { + /** + * Tile constructor + * Create a new Tile. + * + * @param tilemap {Tilemap} the tilemap this tile belongs to. + * @param index {number} The index of this tile type in the core map data. + * @param width {number} Width of the tile. + * @param height number} Height of the tile. + */ + function Tile(game, tilemap, index, width, height) { + /** + * The virtual mass of the tile. + * @type {number} + */ + this.mass = 1.0; + /** + * Indicating collide with any object on the left. + * @type {boolean} + */ + this.collideLeft = false; + /** + * Indicating collide with any object on the right. + * @type {boolean} + */ + this.collideRight = false; + /** + * Indicating collide with any object on the top. + * @type {boolean} + */ + this.collideUp = false; + /** + * Indicating collide with any object on the bottom. + * @type {boolean} + */ + this.collideDown = false; + /** + * Enable separation at x-axis. + * @type {boolean} + */ + this.separateX = true; + /** + * Enable separation at y-axis. + * @type {boolean} + */ + this.separateY = true; + this.game = game; + this.tilemap = tilemap; + this.index = index; + + this.width = width; + this.height = height; + this.allowCollisions = Phaser.Types.NONE; + } + /** + * Clean up memory. + */ + Tile.prototype.destroy = function () { + this.tilemap = null; + }; + + /** + * Set collision configs. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tile.prototype.setCollision = function (collision, resetCollisions, separateX, separateY) { + if (resetCollisions) { + this.resetCollision(); + } + + this.separateX = separateX; + this.separateY = separateY; + + this.allowCollisions = collision; + + if (collision & Phaser.Types.ANY) { + this.collideLeft = true; + this.collideRight = true; + this.collideUp = true; + this.collideDown = true; + return; + } + + if (collision & Phaser.Types.LEFT || collision & Phaser.Types.WALL) { + this.collideLeft = true; + } + + if (collision & Phaser.Types.RIGHT || collision & Phaser.Types.WALL) { + this.collideRight = true; + } + + if (collision & Phaser.Types.UP || collision & Phaser.Types.CEILING) { + this.collideUp = true; + } + + if (collision & Phaser.Types.DOWN || collision & Phaser.Types.CEILING) { + this.collideDown = true; + } + }; + + /** + * Reset collision status flags. + */ + Tile.prototype.resetCollision = function () { + this.allowCollisions = Phaser.Types.NONE; + this.collideLeft = false; + this.collideRight = false; + this.collideUp = false; + this.collideDown = false; + }; + + /** + * Returns a string representation of this object. + * @method toString + * @return {string} a string representation of the object. + **/ + Tile.prototype.toString = function () { + return "[{Tile (index=" + this.index + " collisions=" + this.allowCollisions + " width=" + this.width + " height=" + this.height + ")}]"; + }; + return Tile; + })(); + Phaser.Tile = Tile; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Tilemap +* +* This GameObject allows for the display of a tilemap within the game world. Tile maps consist of an image, tile data and a size. +* Internally it creates a TilemapLayer for each layer in the tilemap. +*/ +var Phaser; +(function (Phaser) { + var Tilemap = (function () { + /** + * Tilemap constructor + * Create a new Tilemap. + * + * @param game {Phaser.Game} Current game instance. + * @param key {string} Asset key for this map. + * @param mapData {string} Data of this map. (a big 2d array, normally in csv) + * @param format {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. + * @param resizeWorld {boolean} Resize the world bound automatically based on this tilemap? + * @param tileWidth {number} Width of tiles in this map. + * @param tileHeight {number} Height of tiles in this map. + */ + function Tilemap(game, key, mapData, format, resizeWorld, tileWidth, tileHeight) { + if (typeof resizeWorld === "undefined") { resizeWorld = true; } + if (typeof tileWidth === "undefined") { tileWidth = 0; } + if (typeof tileHeight === "undefined") { tileHeight = 0; } + /** + * z order value of the object. + */ + this.z = -1; + /** + * Render iteration counter + */ + this.renderOrderID = 0; + /** + * Tilemap collision callback. + * @type {function} + */ + this.collisionCallback = null; + this.game = game; + this.type = Phaser.Types.TILEMAP; + + this.exists = true; + this.active = true; + this.visible = true; + this.alive = true; + + this.z = -1; + this.group = null; + this.name = ''; + + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + this.tiles = []; + this.layers = []; + + this.mapFormat = format; + + switch (format) { + case Tilemap.FORMAT_CSV: + this.parseCSV(game.cache.getText(mapData), key, tileWidth, tileHeight); + break; + + case Tilemap.FORMAT_TILED_JSON: + this.parseTiledJSON(game.cache.getText(mapData), key); + break; + } + + if (this.currentLayer && resizeWorld) { + this.game.world.setSize(this.currentLayer.widthInPixels, this.currentLayer.heightInPixels, true); + } + } + /** + * Parset csv map data and generate tiles. + * @param data {string} CSV map data. + * @param key {string} Asset key for tileset image. + * @param tileWidth {number} Width of its tile. + * @param tileHeight {number} Height of its tile. + */ + Tilemap.prototype.parseCSV = function (data, key, tileWidth, tileHeight) { + var layer = new Phaser.TilemapLayer(this, 0, key, Tilemap.FORMAT_CSV, 'TileLayerCSV' + this.layers.length.toString(), tileWidth, tileHeight); + + // Trim any rogue whitespace from the data + data = data.trim(); + + var rows = data.split("\n"); + + for (var i = 0; i < rows.length; i++) { + var column = rows[i].split(","); + + if (column.length > 0) { + layer.addColumn(column); + } + } + + layer.updateBounds(); + + var tileQuantity = layer.parseTileOffsets(); + + this.currentLayer = layer; + this.collisionLayer = layer; + + this.layers.push(layer); + + this.generateTiles(tileQuantity); + }; + + /** + * Parse JSON map data and generate tiles. + * @param data {string} JSON map data. + * @param key {string} Asset key for tileset image. + */ + Tilemap.prototype.parseTiledJSON = function (data, key) { + // Trim any rogue whitespace from the data + data = data.trim(); + + var json = JSON.parse(data); + + for (var i = 0; i < json.layers.length; i++) { + var layer = new Phaser.TilemapLayer(this, i, key, Tilemap.FORMAT_TILED_JSON, json.layers[i].name, json.tilewidth, json.tileheight); + + if (!json.layers[i].data) { + continue; + } + + layer.alpha = json.layers[i].opacity; + layer.visible = json.layers[i].visible; + layer.tileMargin = json.tilesets[0].margin; + layer.tileSpacing = json.tilesets[0].spacing; + + var c = 0; + var row; + + for (var t = 0; t < json.layers[i].data.length; t++) { + if (c == 0) { + row = []; + } + + row.push(json.layers[i].data[t]); + + c++; + + if (c == json.layers[i].width) { + layer.addColumn(row); + c = 0; + } + } + + layer.updateBounds(); + + var tileQuantity = layer.parseTileOffsets(); + + this.currentLayer = layer; + this.collisionLayer = layer; + + this.layers.push(layer); + } + + this.generateTiles(tileQuantity); + }; + + /** + * Create tiles of given quantity. + * @param qty {number} Quentity of tiles to be generated. + */ + Tilemap.prototype.generateTiles = function (qty) { + for (var i = 0; i < qty; i++) { + this.tiles.push(new Phaser.Tile(this.game, this, i, this.currentLayer.tileWidth, this.currentLayer.tileHeight)); + } + }; + + Object.defineProperty(Tilemap.prototype, "widthInPixels", { + get: function () { + return this.currentLayer.widthInPixels; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Tilemap.prototype, "heightInPixels", { + get: function () { + return this.currentLayer.heightInPixels; + }, + enumerable: true, + configurable: true + }); + + // Tile Collision + /** + * Set callback to be called when this tilemap collides. + * @param context {object} Callback will be called with this context. + * @param callback {function} Callback function. + */ + Tilemap.prototype.setCollisionCallback = function (context, callback) { + this.collisionCallbackContext = context; + this.collisionCallback = callback; + }; + + /** + * Set collision configs of tiles in a range index. + * @param start {number} First index of tiles. + * @param end {number} Last index of tiles. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tilemap.prototype.setCollisionRange = function (start, end, collision, resetCollisions, separateX, separateY) { + if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } + if (typeof resetCollisions === "undefined") { resetCollisions = false; } + if (typeof separateX === "undefined") { separateX = true; } + if (typeof separateY === "undefined") { separateY = true; } + for (var i = start; i < end; i++) { + this.tiles[i].setCollision(collision, resetCollisions, separateX, separateY); + } + }; + + /** + * Set collision configs of tiles with given index. + * @param values {number[]} Index array which contains all tile indexes. The tiles with those indexes will be setup with rest parameters. + * @param collision {number} Bit field of flags. (see Tile.allowCollision) + * @param resetCollisions {boolean} Reset collision flags before set. + * @param separateX {boolean} Enable seprate at x-axis. + * @param separateY {boolean} Enable seprate at y-axis. + */ + Tilemap.prototype.setCollisionByIndex = function (values, collision, resetCollisions, separateX, separateY) { + if (typeof collision === "undefined") { collision = Phaser.Types.ANY; } + if (typeof resetCollisions === "undefined") { resetCollisions = false; } + if (typeof separateX === "undefined") { separateX = true; } + if (typeof separateY === "undefined") { separateY = true; } + for (var i = 0; i < values.length; i++) { + this.tiles[values[i]].setCollision(collision, resetCollisions, separateX, separateY); + } + }; + + // Tile Management + /** + * Get the tile by its index. + * @param value {number} Index of the tile you want to get. + * @return {Tile} The tile with given index. + */ + Tilemap.prototype.getTileByIndex = function (value) { + if (this.tiles[value]) { + return this.tiles[value]; + } + + return null; + }; + + /** + * Get the tile located at specific position and layer. + * @param x {number} X position of this tile located. + * @param y {number} Y position of this tile located. + * @param [layer] {number} layer of this tile located. + * @return {Tile} The tile with specific properties. + */ + Tilemap.prototype.getTile = function (x, y, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileIndex(x, y)]; + }; + + /** + * Get the tile located at specific position (in world coordinate) and layer. (thus you give a position of a point which is within the tile) + * @param x {number} X position of the point in target tile. + * @param x {number} Y position of the point in target tile. + * @param [layer] {number} layer of this tile located. + * @return {Tile} The tile with specific properties. + */ + Tilemap.prototype.getTileFromWorldXY = function (x, y, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileFromWorldXY(x, y)]; + }; + + /** + * Gets the tile underneath the Input.x/y position + * @param layer The layer to check, defaults to 0 + * @returns {Tile} + */ + Tilemap.prototype.getTileFromInputXY = function (layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + return this.tiles[this.layers[layer].getTileFromWorldXY(this.game.input.worldX, this.game.input.worldY)]; + }; + + /** + * Get tiles overlaps the given object. + * @param object {GameObject} Tiles you want to get that overlaps this. + * @return {array} Array with tiles information. (Each contains x, y and the tile.) + */ + Tilemap.prototype.getTileOverlaps = function (object) { + return this.currentLayer.getTileOverlaps(object); + }; + + // COLLIDE + /** + * Check whether this tilemap collides with the given game object or group of objects. + * @param objectOrGroup {function} Target object of group you want to check. + * @param callback {function} This is called if objectOrGroup collides the tilemap. + * @param context {object} Callback will be called with this context. + * @return {boolean} Return true if this collides with given object, otherwise return false. + */ + Tilemap.prototype.collide = function (objectOrGroup, callback, context) { + if (typeof objectOrGroup === "undefined") { objectOrGroup = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof context === "undefined") { context = null; } + if (callback !== null && context !== null) { + this.collisionCallback = callback; + this.collisionCallbackContext = context; + } + + if (objectOrGroup == null) { + objectOrGroup = this.game.world.group; + } + + if (objectOrGroup.isGroup == false) { + this.collideGameObject(objectOrGroup); + } else { + objectOrGroup.forEachAlive(this, this.collideGameObject, true); + } + }; + + /** + * Check whether this tilemap collides with the given game object. + * @param object {GameObject} Target object you want to check. + * @return {boolean} Return true if this collides with given object, otherwise return false. + */ + Tilemap.prototype.collideGameObject = function (object) { + if (object.body.type == Phaser.Types.BODY_DYNAMIC && object.exists == true && object.body.allowCollisions != Phaser.Types.NONE) { + this._tempCollisionData = this.collisionLayer.getTileOverlaps(object); + + if (this.collisionCallback !== null && this._tempCollisionData.length > 0) { + this.collisionCallback.call(this.collisionCallbackContext, object, this._tempCollisionData); + } + + return true; + } else { + return false; + } + }; + + /** + * Set a tile to a specific layer. + * @param x {number} X position of this tile. + * @param y {number} Y position of this tile. + * @param index {number} The index of this tile type in the core map data. + * @param [layer] {number} which layer you want to set the tile to. + */ + Tilemap.prototype.putTile = function (x, y, index, layer) { + if (typeof layer === "undefined") { layer = this.currentLayer.ID; } + this.layers[layer].putTile(x, y, index); + }; + + Tilemap.prototype.destroy = function () { + this.texture = null; + this.transform = null; + + this.tiles.length = 0; + this.layers.length = 0; + }; + Tilemap.FORMAT_CSV = 0; + + Tilemap.FORMAT_TILED_JSON = 1; + return Tilemap; + })(); + Phaser.Tilemap = Tilemap; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - TilemapLayer +* +* A Tilemap Layer. Tiled format maps can have multiple overlapping layers. +*/ +var Phaser; +(function (Phaser) { + var TilemapLayer = (function () { + /** + * TilemapLayer constructor + * Create a new TilemapLayer. + * + * @param parent {Tilemap} The tilemap that contains this layer. + * @param id {number} The ID of this layer within the Tilemap array. + * @param key {string} Asset key for this map. + * @param mapFormat {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. + * @param name {string} Name of this layer, so you can get this layer by its name. + * @param tileWidth {number} Width of tiles in this map. + * @param tileHeight {number} Height of tiles in this map. + */ + function TilemapLayer(parent, id, key, mapFormat, name, tileWidth, tileHeight) { + /** + * Controls whether update() and draw() are automatically called. + * @type {boolean} + */ + this.exists = true; + /** + * Controls whether draw() are automatically called. + * @type {boolean} + */ + this.visible = true; + /** + * How many tiles in each row. + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.widthInTiles = 0; + /** + * How many tiles in each column. + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.heightInTiles = 0; + /** + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.widthInPixels = 0; + /** + * Read-only variable, do NOT recommend changing after the map is loaded! + * @type {number} + */ + this.heightInPixels = 0; + /** + * Distance between REAL tiles to the tileset texture bound. + * @type {number} + */ + this.tileMargin = 0; + /** + * Distance between every 2 neighbor tile in the tileset texture. + * @type {number} + */ + this.tileSpacing = 0; + this.parent = parent; + this.game = parent.game; + + this.ID = id; + this.name = name; + this.mapFormat = mapFormat; + this.tileWidth = tileWidth; + this.tileHeight = tileHeight; + this.boundsInTiles = new Phaser.Rectangle(); + + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + if (key !== null) { + this.texture.loadImage(key, false); + } else { + this.texture.opaque = true; + } + + // Handy proxies + this.alpha = this.texture.alpha; + + this.mapData = []; + this._tempTileBlock = []; + } + /** + * Set a specific tile with its x and y in tiles. + * @param x {number} X position of this tile in world coordinates. + * @param y {number} Y position of this tile in world coordinates. + * @param index {number} The index of this tile type in the core map data. + */ + TilemapLayer.prototype.putTileWorldXY = function (x, y, index) { + x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; + y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; + + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + this.mapData[y][x] = index; + } + } + }; + + /** + * Set a specific tile with its x and y in tiles. + * @param x {number} X position of this tile. + * @param y {number} Y position of this tile. + * @param index {number} The index of this tile type in the core map data. + */ + TilemapLayer.prototype.putTile = function (x, y, index) { + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + this.mapData[y][x] = index; + } + } + }; + + /** + * Swap tiles with 2 kinds of indexes. + * @param tileA {number} First tile index. + * @param tileB {number} Second tile index. + * @param [x] {number} specify a Rectangle of tiles to operate. The x position in tiles of Rectangle's left-top corner. + * @param [y] {number} specify a Rectangle of tiles to operate. The y position in tiles of Rectangle's left-top corner. + * @param [width] {number} specify a Rectangle of tiles to operate. The width in tiles. + * @param [height] {number} specify a Rectangle of tiles to operate. The height in tiles. + */ + TilemapLayer.prototype.swapTile = function (tileA, tileB, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].tile.index == tileA) { + this._tempTileBlock[r].newIndex = true; + } + + if (this._tempTileBlock[r].tile.index == tileB) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileA; + } + } + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].newIndex == true) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; + } + } + }; + + /** + * Fill a tile block with a specific tile index. + * @param index {number} Index of tiles you want to fill with. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.fillTile = function (index, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = index; + } + }; + + /** + * Set random tiles to a specific tile block. + * @param tiles {number[]} Tiles with indexes in this array will be randomly set to the given block. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.randomiseTiles = function (tiles, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = this.game.math.getRandom(tiles); + } + }; + + /** + * Replace one kind of tiles to another kind. + * @param tileA {number} Index of tiles you want to replace. + * @param tileB {number} Index of tiles you want to set. + * @param [x] {number} x position (in tiles) of block's left-top corner. + * @param [y] {number} y position (in tiles) of block's left-top corner. + * @param [width] {number} width of block. + * @param [height] {number} height of block. + */ + TilemapLayer.prototype.replaceTile = function (tileA, tileB, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = this.widthInTiles; } + if (typeof height === "undefined") { height = this.heightInTiles; } + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + if (this._tempTileBlock[r].tile.index == tileA) { + this.mapData[this._tempTileBlock[r].y][this._tempTileBlock[r].x] = tileB; + } + } + }; + + /** + * Get a tile block with specific position and size.(both are in tiles) + * @param x {number} X position of block's left-top corner. + * @param y {number} Y position of block's left-top corner. + * @param width {number} Width of block. + * @param height {number} Height of block. + */ + TilemapLayer.prototype.getTileBlock = function (x, y, width, height) { + var output = []; + + this.getTempBlock(x, y, width, height); + + for (var r = 0; r < this._tempTileBlock.length; r++) { + output.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); + } + + return output; + }; + + /** + * Get a tile with specific position (in world coordinate). (thus you give a position of a point which is within the tile) + * @param x {number} X position of the point in target tile. + * @param x {number} Y position of the point in target tile. + */ + TilemapLayer.prototype.getTileFromWorldXY = function (x, y) { + x = this.game.math.snapToFloor(x, this.tileWidth) / this.tileWidth; + y = this.game.math.snapToFloor(y, this.tileHeight) / this.tileHeight; + + return this.getTileIndex(x, y); + }; + + /** + * Get tiles overlaps the given object. + * @param object {GameObject} Tiles you want to get that overlaps this. + * @return {array} Array with tiles informations. (Each contains x, y and the tile.) + */ + TilemapLayer.prototype.getTileOverlaps = function (object) { + if (object.body.bounds.x < 0 || object.body.bounds.x > this.widthInPixels || object.body.bounds.y < 0 || object.body.bounds.bottom > this.heightInPixels) { + return; + } + + // What tiles do we need to check against? + this._tempTileX = this.game.math.snapToFloor(object.body.bounds.x, this.tileWidth) / this.tileWidth; + this._tempTileY = this.game.math.snapToFloor(object.body.bounds.y, this.tileHeight) / this.tileHeight; + this._tempTileW = (this.game.math.snapToCeil(object.body.bounds.width, this.tileWidth) + this.tileWidth) / this.tileWidth; + this._tempTileH = (this.game.math.snapToCeil(object.body.bounds.height, this.tileHeight) + this.tileHeight) / this.tileHeight; + + // Loop through the tiles we've got and check overlaps accordingly (the results are stored in this._tempTileBlock) + this._tempBlockResults = []; + this.getTempBlock(this._tempTileX, this._tempTileY, this._tempTileW, this._tempTileH, true); + + /* + for (var r = 0; r < this._tempTileBlock.length; r++) + { + if (this.game.world.physics.separateTile(object, this._tempTileBlock[r].x * this.tileWidth, this._tempTileBlock[r].y * this.tileHeight, this.tileWidth, this.tileHeight, this._tempTileBlock[r].tile.mass, this._tempTileBlock[r].tile.collideLeft, this._tempTileBlock[r].tile.collideRight, this._tempTileBlock[r].tile.collideUp, this._tempTileBlock[r].tile.collideDown, this._tempTileBlock[r].tile.separateX, this._tempTileBlock[r].tile.separateY) == true) + { + this._tempBlockResults.push({ x: this._tempTileBlock[r].x, y: this._tempTileBlock[r].y, tile: this._tempTileBlock[r].tile }); + } + } + */ + return this._tempBlockResults; + }; + + /** + * Get a tile block with its position and size. (This method does not return, it'll set result to _tempTileBlock) + * @param x {number} X position of block's left-top corner. + * @param y {number} Y position of block's left-top corner. + * @param width {number} Width of block. + * @param height {number} Height of block. + * @param collisionOnly {boolean} Whethor or not ONLY return tiles which will collide (its allowCollisions value is not Collision.NONE). + */ + TilemapLayer.prototype.getTempBlock = function (x, y, width, height, collisionOnly) { + if (typeof collisionOnly === "undefined") { collisionOnly = false; } + if (x < 0) { + x = 0; + } + + if (y < 0) { + y = 0; + } + + if (width > this.widthInTiles) { + width = this.widthInTiles; + } + + if (height > this.heightInTiles) { + height = this.heightInTiles; + } + + this._tempTileBlock = []; + + for (var ty = y; ty < y + height; ty++) { + for (var tx = x; tx < x + width; tx++) { + if (collisionOnly) { + if (this.mapData[ty] && this.mapData[ty][tx] && this.parent.tiles[this.mapData[ty][tx]].allowCollisions != Phaser.Types.NONE) { + this._tempTileBlock.push({ x: tx, y: ty, tile: this.parent.tiles[this.mapData[ty][tx]] }); + } + } else { + if (this.mapData[ty] && this.mapData[ty][tx]) { + this._tempTileBlock.push({ x: tx, y: ty, tile: this.parent.tiles[this.mapData[ty][tx]] }); + } + } + } + } + }; + + /** + * Get the tile index of specific position (in tiles). + * @param x {number} X position of the tile. + * @param y {number} Y position of the tile. + * @return {number} Index of the tile at that position. Return null if there isn't a tile there. + */ + TilemapLayer.prototype.getTileIndex = function (x, y) { + if (y >= 0 && y < this.mapData.length) { + if (x >= 0 && x < this.mapData[y].length) { + return this.mapData[y][x]; + } + } + + return null; + }; + + /** + * Add a column of tiles into the layer. + * @param column {string[]/number[]} An array of tile indexes to be added. + */ + TilemapLayer.prototype.addColumn = function (column) { + var data = []; + + for (var c = 0; c < column.length; c++) { + data[c] = parseInt(column[c]); + } + + if (this.widthInTiles == 0) { + this.widthInTiles = data.length; + this.widthInPixels = this.widthInTiles * this.tileWidth; + } + + this.mapData.push(data); + + this.heightInTiles++; + this.heightInPixels += this.tileHeight; + }; + + /** + * Update boundsInTiles with widthInTiles and heightInTiles. + */ + TilemapLayer.prototype.updateBounds = function () { + this.boundsInTiles.setTo(0, 0, this.widthInTiles, this.heightInTiles); + }; + + /** + * Parse tile offsets from map data. + * @return {number} length of tileOffsets array. + */ + TilemapLayer.prototype.parseTileOffsets = function () { + this.tileOffsets = []; + + var i = 0; + + if (this.mapFormat == Phaser.Tilemap.FORMAT_TILED_JSON) { + // For some reason Tiled counts from 1 not 0 + this.tileOffsets[0] = null; + i = 1; + } + + for (var ty = this.tileMargin; ty < this.texture.height; ty += (this.tileHeight + this.tileSpacing)) { + for (var tx = this.tileMargin; tx < this.texture.width; tx += (this.tileWidth + this.tileSpacing)) { + this.tileOffsets[i] = { x: tx, y: ty }; + i++; + } + } + + return this.tileOffsets.length; + }; + return TilemapLayer; + })(); + Phaser.TilemapLayer = TilemapLayer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - UI - Button + */ + (function (UI) { + var Button = (function (_super) { + __extends(Button, _super); + /** + * Create a new Button object. + * + * @param game {Phaser.Game} Current game instance. + * @param [x] {number} X position of the button. + * @param [y] {number} Y position of the button. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. + * @param [callback] {function} The function to call when this button is pressed + * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') + * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. + * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. + * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. + */ + function Button(game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof key === "undefined") { key = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof callbackContext === "undefined") { callbackContext = null; } + if (typeof overFrame === "undefined") { overFrame = null; } + if (typeof outFrame === "undefined") { outFrame = null; } + if (typeof downFrame === "undefined") { downFrame = null; } + _super.call(this, game, x, y, key, outFrame); + this._onOverFrameName = null; + this._onOutFrameName = null; + this._onDownFrameName = null; + this._onUpFrameName = null; + this._onOverFrameID = null; + this._onOutFrameID = null; + this._onDownFrameID = null; + this._onUpFrameID = null; + + this.type = Phaser.Types.BUTTON; + + if (typeof overFrame == 'string') { + this._onOverFrameName = overFrame; + } else { + this._onOverFrameID = overFrame; + } + + if (typeof outFrame == 'string') { + this._onOutFrameName = outFrame; + this._onUpFrameName = outFrame; + } else { + this._onOutFrameID = outFrame; + this._onUpFrameID = outFrame; + } + + if (typeof downFrame == 'string') { + this._onDownFrameName = downFrame; + } else { + this._onDownFrameID = downFrame; + } + + // These are the signals the game will subscribe to + this.onInputOver = new Phaser.Signal(); + this.onInputOut = new Phaser.Signal(); + this.onInputDown = new Phaser.Signal(); + this.onInputUp = new Phaser.Signal(); + + if (callback) { + this.onInputUp.add(callback, callbackContext); + } + + this.input.start(0, false, true); + + // Redirect the input events to here so we can handle animation updates, etc + this.events.onInputOver.add(this.onInputOverHandler, this); + this.events.onInputOut.add(this.onInputOutHandler, this); + this.events.onInputDown.add(this.onInputDownHandler, this); + this.events.onInputUp.add(this.onInputUpHandler, this); + } + // TODO + //public tabIndex: number; + //public tabEnabled: boolean; + // ENTER or SPACE can activate this button if it has focus + Button.prototype.onInputOverHandler = function (pointer) { + if (this._onOverFrameName != null) { + this.frameName = this._onOverFrameName; + } else if (this._onOverFrameID != null) { + this.frame = this._onOverFrameID; + } + + if (this.onInputOver) { + this.onInputOver.dispatch(this, pointer); + } + }; + + Button.prototype.onInputOutHandler = function (pointer) { + if (this._onOutFrameName != null) { + this.frameName = this._onOutFrameName; + } else if (this._onOutFrameID != null) { + this.frame = this._onOutFrameID; + } + + if (this.onInputOut) { + this.onInputOut.dispatch(this, pointer); + } + }; + + Button.prototype.onInputDownHandler = function (pointer) { + if (this._onDownFrameName != null) { + this.frameName = this._onDownFrameName; + } else if (this._onDownFrameID != null) { + this.frame = this._onDownFrameID; + } + + if (this.onInputDown) { + this.onInputDown.dispatch(this, pointer); + } + }; + + Button.prototype.onInputUpHandler = function (pointer) { + if (this._onUpFrameName != null) { + this.frameName = this._onUpFrameName; + } else if (this._onUpFrameID != null) { + this.frame = this._onUpFrameID; + } + + if (this.onInputUp) { + this.onInputUp.dispatch(this, pointer); + } + }; + + + Object.defineProperty(Button.prototype, "priorityID", { + get: function () { + return this.input.priorityID; + }, + set: function (value) { + this.input.priorityID = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Button.prototype, "useHandCursor", { + get: function () { + return this.input.useHandCursor; + }, + set: function (value) { + this.input.useHandCursor = value; + }, + enumerable: true, + configurable: true + }); + return Button; + })(Phaser.Sprite); + UI.Button = Button; + })(Phaser.UI || (Phaser.UI = {})); + var UI = Phaser.UI; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - ArcadePhysics - Body + */ + (function (Physics) { + var Body = (function () { + function Body(sprite, type) { + this.angularVelocity = 0; + this.angularAcceleration = 0; + this.angularDrag = 0; + this.maxAngular = 10000; + this.mass = 1; + this._width = 0; + this._height = 0; + this.sprite = sprite; + this.game = sprite.game; + this.type = type; + + // Fixture properties + // Will extend into its own class at a later date - can move the fixture defs there and add shape support, but this will do for 1.0 release + this.bounds = new Phaser.Rectangle(); + + this._width = sprite.width; + this._height = sprite.height; + + // Body properties + //this.gravity = Vec2Utils.clone(ArcadePhysics.gravity); + //this.bounce = Vec2Utils.clone(ArcadePhysics.bounce); + this.velocity = new Phaser.Vec2(); + this.acceleration = new Phaser.Vec2(); + + //this.drag = Vec2Utils.clone(ArcadePhysics.drag); + this.maxVelocity = new Phaser.Vec2(10000, 10000); + + this.angularVelocity = 0; + this.angularAcceleration = 0; + this.angularDrag = 0; + + this.touching = Phaser.Types.NONE; + this.wasTouching = Phaser.Types.NONE; + this.allowCollisions = Phaser.Types.ANY; + + this.position = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); + this.oldPosition = new Phaser.Vec2(sprite.x + this.bounds.halfWidth, sprite.y + this.bounds.halfHeight); + this.offset = new Phaser.Vec2(); + } + Object.defineProperty(Body.prototype, "x", { + get: function () { + return this.sprite.x + this.offset.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "y", { + get: function () { + return this.sprite.y + this.offset.y; + }, + enumerable: true, + configurable: true + }); + + + + Object.defineProperty(Body.prototype, "width", { + get: function () { + return this._width * this.sprite.transform.scale.x; + }, + set: function (value) { + this._width = value; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "height", { + get: function () { + return this._height * this.sprite.transform.scale.y; + }, + set: function (value) { + this._height = value; + }, + enumerable: true, + configurable: true + }); + + Body.prototype.preUpdate = function () { + this.oldPosition.copyFrom(this.position); + + this.bounds.x = this.x; + this.bounds.y = this.y; + this.bounds.width = this.width; + this.bounds.height = this.height; + }; + + // Shall we do this? Or just update the values directly in the separate functions? But then the bounds will be out of sync - as long as + // the bounds are updated and used in calculations then we can do one final sprite movement here I guess? + Body.prototype.postUpdate = function () { + if (this.type !== Phaser.Types.BODY_DISABLED) { + //this.game.world.physics.updateMotion(this); + this.wasTouching = this.touching; + this.touching = Phaser.Types.NONE; + } + + this.position.setTo(this.x, this.y); + }; + + Object.defineProperty(Body.prototype, "hullWidth", { + get: function () { + if (this.deltaX > 0) { + return this.bounds.width + this.deltaX; + } else { + return this.bounds.width - this.deltaX; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "hullHeight", { + get: function () { + if (this.deltaY > 0) { + return this.bounds.height + this.deltaY; + } else { + return this.bounds.height - this.deltaY; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "hullX", { + get: function () { + if (this.position.x < this.oldPosition.x) { + return this.position.x; + } else { + return this.oldPosition.x; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "hullY", { + get: function () { + if (this.position.y < this.oldPosition.y) { + return this.position.y; + } else { + return this.oldPosition.y; + } + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaXAbs", { + get: function () { + return (this.deltaX > 0 ? this.deltaX : -this.deltaX); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaYAbs", { + get: function () { + return (this.deltaY > 0 ? this.deltaY : -this.deltaY); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaX", { + get: function () { + return this.position.x - this.oldPosition.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Body.prototype, "deltaY", { + get: function () { + return this.position.y - this.oldPosition.y; + }, + enumerable: true, + configurable: true + }); + + // MOVE THESE TO A UTIL + Body.prototype.render = function (context) { + context.beginPath(); + context.strokeStyle = 'rgb(0,255,0)'; + context.strokeRect(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight, this.bounds.width, this.bounds.height); + context.stroke(); + context.closePath(); + + // center point + context.fillStyle = 'rgb(0,255,0)'; + context.fillRect(this.position.x, this.position.y, 2, 2); + + if (this.touching & Phaser.Types.LEFT) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.lineTo(this.position.x - this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + if (this.touching & Phaser.Types.RIGHT) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x + this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + + if (this.touching & Phaser.Types.UP) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y - this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + if (this.touching & Phaser.Types.DOWN) { + context.beginPath(); + context.strokeStyle = 'rgb(255,0,0)'; + context.moveTo(this.position.x - this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.lineTo(this.position.x + this.bounds.halfWidth, this.position.y + this.bounds.halfHeight); + context.stroke(); + context.closePath(); + } + }; + + /** + * Render debug infos. (including name, bounds info, position and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + Body.prototype.renderDebugInfo = function (x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + this.sprite.texture.context.fillStyle = color; + this.sprite.texture.context.fillText('Sprite: (' + this.sprite.width + ' x ' + this.sprite.height + ')', x, y); + + //this.sprite.texture.context.fillText('x: ' + this._sprite.frameBounds.x.toFixed(1) + ' y: ' + this._sprite.frameBounds.y.toFixed(1) + ' rotation: ' + this._sprite.rotation.toFixed(1), x, y + 14); + this.sprite.texture.context.fillText('x: ' + this.bounds.x.toFixed(1) + ' y: ' + this.bounds.y.toFixed(1) + ' rotation: ' + this.sprite.transform.rotation.toFixed(0), x, y + 14); + this.sprite.texture.context.fillText('vx: ' + this.velocity.x.toFixed(1) + ' vy: ' + this.velocity.y.toFixed(1), x, y + 28); + this.sprite.texture.context.fillText('acx: ' + this.acceleration.x.toFixed(1) + ' acy: ' + this.acceleration.y.toFixed(1), x, y + 42); + this.sprite.texture.context.fillText('angVx: ' + this.angularVelocity.toFixed(1) + ' angAc: ' + this.angularAcceleration.toFixed(1), x, y + 56); + }; + return Body; + })(); + Physics.Body = Body; + })(Phaser.Physics || (Phaser.Physics = {})); + var Physics = Phaser.Physics; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Components - Events + * + * Signals that are dispatched by the Sprite and its various components + */ + (function (Components) { + var Events = (function () { + /** + * The Events component is a collection of events fired by the parent game object and its components. + * @param parent The game object using this Input component + */ + function Events(parent) { + this.game = parent.game; + this._parent = parent; + + this.onAddedToGroup = new Phaser.Signal(); + this.onRemovedFromGroup = new Phaser.Signal(); + this.onKilled = new Phaser.Signal(); + this.onRevived = new Phaser.Signal(); + this.onOutOfBounds = new Phaser.Signal(); + } + return Events; + })(); + Components.Events = Events; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Sprite +*/ +var Phaser; +(function (Phaser) { + var Sprite = (function () { + /** + * Create a new Sprite. + * + * @param game {Phaser.Game} Current game instance. + * @param [x] {number} the initial x position of the sprite. + * @param [y] {number} the initial y position of the sprite. + * @param [key] {string} Key of the graphic you want to load for this sprite. + */ + function Sprite(game, x, y, key, frame) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof key === "undefined") { key = null; } + if (typeof frame === "undefined") { frame = null; } + /** + * A boolean representing if the Sprite has been modified in any way via a scale, rotate, flip or skew. + */ + this.modified = false; + /** + * x value of the object. + */ + this.x = 0; + /** + * y value of the object. + */ + this.y = 0; + /** + * z order value of the object. + */ + this.z = -1; + /** + * Render iteration counter + */ + this.renderOrderID = 0; + this.game = game; + this.type = Phaser.Types.SPRITE; + + this.exists = true; + this.active = true; + this.visible = true; + this.alive = true; + + this.x = x; + this.y = y; + this.z = -1; + this.group = null; + this.name = ''; + + this.events = new Phaser.Components.Events(this); + this.animations = new Phaser.Components.AnimationManager(this); + this.input = new Phaser.Components.InputHandler(this); + this.texture = new Phaser.Display.Texture(this); + this.transform = new Phaser.Components.TransformManager(this); + + if (key !== null) { + this.texture.loadImage(key, false); + } else { + this.texture.opaque = true; + } + + if (frame !== null) { + if (typeof frame == 'string') { + this.frameName = frame; + } else { + this.frame = frame; + } + } + + this.worldView = new Phaser.Rectangle(x, y, this.width, this.height); + this.cameraView = new Phaser.Rectangle(x, y, this.width, this.height); + + this.transform.setCache(); + + this.outOfBounds = false; + this.outOfBoundsAction = Phaser.Types.OUT_OF_BOUNDS_PERSIST; + + // Handy proxies + this.scale = this.transform.scale; + this.alpha = this.texture.alpha; + this.origin = this.transform.origin; + this.crop = this.texture.crop; + } + Object.defineProperty(Sprite.prototype, "rotation", { + get: /** + * The rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + */ + function () { + return this.transform.rotation; + }, + set: /** + * Set the rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + * The value is automatically wrapped to be between 0 and 360. + */ + function (value) { + this.transform.rotation = this.game.math.wrap(value, 360, 0); + + if (this.body) { + //this.body.angle = this.game.math.degreesToRadians(this.game.math.wrap(value, 360, 0)); + } + }, + enumerable: true, + configurable: true + }); + + + /** + * Brings this Sprite to the top of its current Group, if set. + */ + Sprite.prototype.bringToTop = function () { + if (this.group) { + //this.group.bringToTop(this); + } + }; + + + Object.defineProperty(Sprite.prototype, "alpha", { + get: /** + * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. + */ + function () { + return this.texture.alpha; + }, + set: /** + * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. + */ + function (value) { + this.texture.alpha = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "frame", { + get: /** + * Get the animation frame number. + */ + function () { + return this.animations.frame; + }, + set: /** + * Set the animation frame by frame number. + */ + function (value) { + this.animations.frame = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "frameName", { + get: /** + * Get the animation frame name. + */ + function () { + return this.animations.frameName; + }, + set: /** + * Set the animation frame by frame name. + */ + function (value) { + this.animations.frameName = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "width", { + get: function () { + return this.texture.width * this.transform.scale.x; + }, + set: function (value) { + this.transform.scale.x = value / this.texture.width; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Sprite.prototype, "height", { + get: function () { + return this.texture.height * this.transform.scale.y; + }, + set: function (value) { + this.transform.scale.y = value / this.texture.height; + }, + enumerable: true, + configurable: true + }); + + /** + * Pre-update is called right before update() on each object in the game loop. + */ + Sprite.prototype.preUpdate = function () { + this.transform.update(); + + if (this.transform.scrollFactor.x != 1 && this.transform.scrollFactor.x != 0) { + this.worldView.x = (this.x * this.transform.scrollFactor.x) - (this.width * this.transform.origin.x); + } else { + this.worldView.x = this.x - (this.width * this.transform.origin.x); + } + + if (this.transform.scrollFactor.y != 1 && this.transform.scrollFactor.y != 0) { + this.worldView.y = (this.y * this.transform.scrollFactor.y) - (this.height * this.transform.origin.y); + } else { + this.worldView.y = this.y - (this.height * this.transform.origin.y); + } + + this.worldView.width = this.width; + this.worldView.height = this.height; + + if (this.modified == false && (!this.transform.scale.equals(1) || !this.transform.skew.equals(0) || this.transform.rotation != 0 || this.transform.rotationOffset != 0 || this.texture.flippedX || this.texture.flippedY)) { + this.modified = true; + } + }; + + /** + * Override this function to update your sprites position and appearance. + */ + Sprite.prototype.update = function () { + }; + + /** + * Automatically called after update() by the game loop for all 'alive' objects. + */ + Sprite.prototype.postUpdate = function () { + this.animations.update(); + + this.checkBounds(); + + if (this.modified == true && this.transform.scale.equals(1) && this.transform.skew.equals(0) && this.transform.rotation == 0 && this.transform.rotationOffset == 0 && this.texture.flippedX == false && this.texture.flippedY == false) { + this.modified = false; + } + }; + + Sprite.prototype.checkBounds = function () { + if (Phaser.RectangleUtils.intersects(this.worldView, this.game.world.bounds)) { + this.outOfBounds = false; + } else { + if (this.outOfBounds == false) { + this.events.onOutOfBounds.dispatch(this); + } + + this.outOfBounds = true; + + if (this.outOfBoundsAction == Phaser.Types.OUT_OF_BOUNDS_KILL) { + this.kill(); + } else if (this.outOfBoundsAction == Phaser.Types.OUT_OF_BOUNDS_DESTROY) { + this.destroy(); + } + } + }; + + /** + * Clean up memory. + */ + Sprite.prototype.destroy = function () { + this.input.destroy(); + }; + + /** + * Handy for "killing" game objects. + * Default behavior is to flag them as nonexistent AND dead. + * However, if you want the "corpse" to remain in the game, + * like to animate an effect or whatever, you should override this, + * setting only alive to false, and leaving exists true. + */ + Sprite.prototype.kill = function (removeFromGroup) { + if (typeof removeFromGroup === "undefined") { removeFromGroup = false; } + this.alive = false; + this.exists = false; + + if (removeFromGroup && this.group) { + //this.group.remove(this); + } + + this.events.onKilled.dispatch(this); + }; + + /** + * Handy for bringing game objects "back to life". Just sets alive and exists back to true. + * In practice, this is most often called by Object.reset(). + */ + Sprite.prototype.revive = function () { + this.alive = true; + this.exists = true; + + this.events.onRevived.dispatch(this); + }; + return Sprite; + })(); + Phaser.Sprite = Sprite; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + /// + /** + * Phaser - Components - TransformManager + */ + (function (Components) { + var TransformManager = (function () { + /** + * Creates a new TransformManager component + * @param parent The game object using this transform + */ + function TransformManager(parent) { + this._dirty = false; + /** + * This value is added to the rotation of the object. + * For example if you had a texture drawn facing straight up then you could set + * rotationOffset to 90 and it would correspond correctly with Phasers right-handed coordinate system. + * @type {number} + */ + this.rotationOffset = 0; + /** + * The rotation of the object in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. + */ + this.rotation = 0; + this.game = parent.game; + this.parent = parent; + + this.local = new Phaser.Mat3(); + + this.scrollFactor = new Phaser.Vec2(1, 1); + this.origin = new Phaser.Vec2(); + this.scale = new Phaser.Vec2(1, 1); + this.skew = new Phaser.Vec2(); + + this.center = new Phaser.Point(); + this.upperLeft = new Phaser.Point(); + this.upperRight = new Phaser.Point(); + this.bottomLeft = new Phaser.Point(); + this.bottomRight = new Phaser.Point(); + + this._pos = new Phaser.Point(); + this._scale = new Phaser.Point(); + this._size = new Phaser.Point(); + this._halfSize = new Phaser.Point(); + this._offset = new Phaser.Point(); + this._origin = new Phaser.Point(); + this._sc = new Phaser.Point(); + this._scA = new Phaser.Point(); + } + Object.defineProperty(TransformManager.prototype, "distance", { + get: /** + * The distance from the center of the transform to the rotation origin. + */ + function () { + return this._distance; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "angleToCenter", { + get: /** + * The angle between the center of the transform to the rotation origin. + */ + function () { + return this._angle; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "offsetX", { + get: /** + * The offset on the X axis of the origin That is the difference between the top left of the Sprite and the origin.x. + * So if the origin.x is 0 the offsetX will be 0. If the origin.x is 0.5 then offsetX will be sprite width / 2, and so on. + */ + function () { + return this._offset.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "offsetY", { + get: /** + * The offset on the Y axis of the origin + */ + function () { + return this._offset.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "halfWidth", { + get: /** + * Half the width of the parent sprite, taking into consideration scaling + */ + function () { + return this._halfSize.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "halfHeight", { + get: /** + * Half the height of the parent sprite, taking into consideration scaling + */ + function () { + return this._halfSize.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "sin", { + get: /** + * The equivalent of Math.sin(rotation + rotationOffset) + */ + function () { + return this._sc.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(TransformManager.prototype, "cos", { + get: /** + * The equivalent of Math.cos(rotation + rotationOffset) + */ + function () { + return this._sc.y; + }, + enumerable: true, + configurable: true + }); + + /** + * Moves the sprite so its center is located on the given x and y coordinates. + * Doesn't change the origin of the sprite. + */ + TransformManager.prototype.centerOn = function (x, y) { + this.parent.x = x + (this.parent.x - this.center.x); + this.parent.y = y + (this.parent.y - this.center.y); + + this.setCache(); + }; + + /** + * Populates the transform cache. Called by the parent object on creation. + */ + TransformManager.prototype.setCache = function () { + this._pos.x = this.parent.x; + this._pos.y = this.parent.y; + this._halfSize.x = this.parent.width / 2; + this._halfSize.y = this.parent.height / 2; + this._offset.x = this.origin.x * this.parent.width; + this._offset.y = this.origin.y * this.parent.height; + this._angle = Math.atan2(this.halfHeight - this._offset.x, this.halfWidth - this._offset.y); + this._distance = Math.sqrt(((this._offset.x - this._halfSize.x) * (this._offset.x - this._halfSize.x)) + ((this._offset.y - this._halfSize.y) * (this._offset.y - this._halfSize.y))); + this._size.x = this.parent.width; + this._size.y = this.parent.height; + this._origin.x = this.origin.x; + this._origin.y = this.origin.y; + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._prevRotation = this.rotation; + + if (this.parent.texture && this.parent.texture.renderRotation) { + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + } else { + this._sc.x = 0; + this._sc.y = 1; + } + + this.center.x = this.parent.x + this._distance * this._scA.y; + this.center.y = this.parent.y + this._distance * this._scA.x; + + this.upperLeft.setTo(this.center.x - this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.upperRight.setTo(this.center.x + this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + this.bottomLeft.setTo(this.center.x - this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.bottomRight.setTo(this.center.x + this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + + this._pos.x = this.parent.x; + this._pos.y = this.parent.y; + }; + + /** + * Updates the local transform matrix and the cache values if anything has changed in the parent. + */ + TransformManager.prototype.update = function () { + // Check cache + this._dirty = false; + + if (this.parent.width !== this._size.x || this.parent.height !== this._size.y || this.origin.x !== this._origin.x || this.origin.y !== this._origin.y) { + this._halfSize.x = this.parent.width / 2; + this._halfSize.y = this.parent.height / 2; + this._offset.x = this.origin.x * this.parent.width; + this._offset.y = this.origin.y * this.parent.height; + this._angle = Math.atan2(this.halfHeight - this._offset.y, this.halfWidth - this._offset.x); + this._distance = Math.sqrt(((this._offset.x - this._halfSize.x) * (this._offset.x - this._halfSize.x)) + ((this._offset.y - this._halfSize.y) * (this._offset.y - this._halfSize.y))); + + // Store + this._size.x = this.parent.width; + this._size.y = this.parent.height; + this._origin.x = this.origin.x; + this._origin.y = this.origin.y; + this._dirty = true; + } + + if (this.rotation != this._prevRotation) { + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._scA.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + this._scA.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD + this._angle); + + if (this.parent.texture.renderRotation) { + this._sc.x = Math.sin((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + this._sc.y = Math.cos((this.rotation + this.rotationOffset) * Phaser.GameMath.DEG_TO_RAD); + } else { + this._sc.x = 0; + this._sc.y = 1; + } + + // Store + this._prevRotation = this.rotation; + this._dirty = true; + } + + if (this._dirty || this.parent.x != this._pos.x || this.parent.y != this._pos.y) { + this.center.x = this.parent.x + this._distance * this._scA.y; + this.center.y = this.parent.y + this._distance * this._scA.x; + + this.upperLeft.setTo(this.center.x - this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.upperRight.setTo(this.center.x + this._halfSize.x * this._sc.y + this._halfSize.y * this._sc.x, this.center.y - this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + this.bottomLeft.setTo(this.center.x - this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y - this._halfSize.x * this._sc.x); + this.bottomRight.setTo(this.center.x + this._halfSize.x * this._sc.y - this._halfSize.y * this._sc.x, this.center.y + this._halfSize.y * this._sc.y + this._halfSize.x * this._sc.x); + + this._pos.x = this.parent.x; + this._pos.y = this.parent.y; + } + + if (this.parent.texture.flippedX) { + this.local.data[0] = this._sc.y * -this.scale.x; + this.local.data[3] = (this._sc.x * -this.scale.x) + this.skew.x; + } else { + this.local.data[0] = this._sc.y * this.scale.x; + this.local.data[3] = (this._sc.x * this.scale.x) + this.skew.x; + } + + if (this.parent.texture.flippedY) { + this.local.data[4] = this._sc.y * -this.scale.y; + this.local.data[1] = -(this._sc.x * -this.scale.y) + this.skew.y; + } else { + this.local.data[4] = this._sc.y * this.scale.y; + this.local.data[1] = -(this._sc.x * this.scale.y) + this.skew.y; + } + + // Translate + this.local.data[2] = this.parent.x; + this.local.data[5] = this.parent.y; + }; + return TransformManager; + })(); + Components.TransformManager = TransformManager; + })(Phaser.Components || (Phaser.Components = {})); + var Components = Phaser.Components; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - ScrollRegion +* +* Creates a scrolling region within a ScrollZone. +* It is scrolled via the scrollSpeed.x/y properties. +*/ +var Phaser; +(function (Phaser) { + var ScrollRegion = (function () { + /** + * ScrollRegion constructor + * Create a new ScrollRegion. + * + * @param x {number} X position in world coordinate. + * @param y {number} Y position in world coordinate. + * @param width {number} Width of this object. + * @param height {number} Height of this object. + * @param speedX {number} X-axis scrolling speed. + * @param speedY {number} Y-axis scrolling speed. + */ + function ScrollRegion(x, y, width, height, speedX, speedY) { + this._anchorWidth = 0; + this._anchorHeight = 0; + this._inverseWidth = 0; + this._inverseHeight = 0; + /** + * Will this region be rendered? (default to true) + * @type {boolean} + */ + this.visible = true; + // Our seamless scrolling quads + this._A = new Phaser.Rectangle(x, y, width, height); + this._B = new Phaser.Rectangle(x, y, width, height); + this._C = new Phaser.Rectangle(x, y, width, height); + this._D = new Phaser.Rectangle(x, y, width, height); + this._scroll = new Phaser.Vec2(); + this._bounds = new Phaser.Rectangle(x, y, width, height); + this.scrollSpeed = new Phaser.Vec2(speedX, speedY); + } + /** + * Update region scrolling with tick time. + * @param delta {number} Elapsed time since last update. + */ + ScrollRegion.prototype.update = function (delta) { + this._scroll.x += this.scrollSpeed.x; + this._scroll.y += this.scrollSpeed.y; + + if (this._scroll.x > this._bounds.right) { + this._scroll.x = this._bounds.x; + } + + if (this._scroll.x < this._bounds.x) { + this._scroll.x = this._bounds.right; + } + + if (this._scroll.y > this._bounds.bottom) { + this._scroll.y = this._bounds.y; + } + + if (this._scroll.y < this._bounds.y) { + this._scroll.y = this._bounds.bottom; + } + + // Anchor Dimensions + this._anchorWidth = (this._bounds.width - this._scroll.x) + this._bounds.x; + this._anchorHeight = (this._bounds.height - this._scroll.y) + this._bounds.y; + + if (this._anchorWidth > this._bounds.width) { + this._anchorWidth = this._bounds.width; + } + + if (this._anchorHeight > this._bounds.height) { + this._anchorHeight = this._bounds.height; + } + + this._inverseWidth = this._bounds.width - this._anchorWidth; + this._inverseHeight = this._bounds.height - this._anchorHeight; + + // Rectangle A + this._A.setTo(this._scroll.x, this._scroll.y, this._anchorWidth, this._anchorHeight); + + // Rectangle B + this._B.y = this._scroll.y; + this._B.width = this._inverseWidth; + this._B.height = this._anchorHeight; + + // Rectangle C + this._C.x = this._scroll.x; + this._C.width = this._anchorWidth; + this._C.height = this._inverseHeight; + + // Rectangle D + this._D.width = this._inverseWidth; + this._D.height = this._inverseHeight; + }; + + /** + * Render this region to specific context. + * @param context {CanvasRenderingContext2D} Canvas context this region will be rendered to. + * @param texture {object} The texture to be rendered. + * @param dx {number} X position in world coordinate. + * @param dy {number} Y position in world coordinate. + * @param width {number} Width of this region to be rendered. + * @param height {number} Height of this region to be rendered. + */ + ScrollRegion.prototype.render = function (context, texture, dx, dy, dw, dh) { + if (this.visible == false) { + return; + } + + // dx/dy are the world coordinates to render the FULL ScrollZone into. + // This ScrollRegion may be smaller than that and offset from the dx/dy coordinates. + this.crop(context, texture, this._A.x, this._A.y, this._A.width, this._A.height, dx, dy, dw, dh, 0, 0); + this.crop(context, texture, this._B.x, this._B.y, this._B.width, this._B.height, dx, dy, dw, dh, this._A.width, 0); + this.crop(context, texture, this._C.x, this._C.y, this._C.width, this._C.height, dx, dy, dw, dh, 0, this._A.height); + this.crop(context, texture, this._D.x, this._D.y, this._D.width, this._D.height, dx, dy, dw, dh, this._C.width, this._A.height); + //context.fillStyle = 'rgb(255,255,255)'; + //context.font = '18px Arial'; + //context.fillText('RectangleA: ' + this._A.toString(), 32, 450); + //context.fillText('RectangleB: ' + this._B.toString(), 32, 480); + //context.fillText('RectangleC: ' + this._C.toString(), 32, 510); + //context.fillText('RectangleD: ' + this._D.toString(), 32, 540); + }; + + /** + * Crop part of the texture and render it to the given context. + * @param context {CanvasRenderingContext2D} Canvas context the texture will be rendered to. + * @param texture {object} Texture to be rendered. + * @param srcX {number} Target region top-left x coordinate in the texture. + * @param srcX {number} Target region top-left y coordinate in the texture. + * @param srcW {number} Target region width in the texture. + * @param srcH {number} Target region height in the texture. + * @param destX {number} Render region top-left x coordinate in the context. + * @param destX {number} Render region top-left y coordinate in the context. + * @param destW {number} Target region width in the context. + * @param destH {number} Target region height in the context. + * @param offsetX {number} X offset to the context. + * @param offsetY {number} Y offset to the context. + */ + ScrollRegion.prototype.crop = function (context, texture, srcX, srcY, srcW, srcH, destX, destY, destW, destH, offsetX, offsetY) { + offsetX += destX; + offsetY += destY; + + if (srcW > (destX + destW) - offsetX) { + srcW = (destX + destW) - offsetX; + } + + if (srcH > (destY + destH) - offsetY) { + srcH = (destY + destH) - offsetY; + } + + srcX = Math.floor(srcX); + srcY = Math.floor(srcY); + srcW = Math.floor(srcW); + srcH = Math.floor(srcH); + offsetX = Math.floor(offsetX + this._bounds.x); + offsetY = Math.floor(offsetY + this._bounds.y); + + if (srcW > 0 && srcH > 0) { + context.drawImage(texture, srcX, srcY, srcW, srcH, offsetX, offsetY, srcW, srcH); + } + }; + return ScrollRegion; + })(); + Phaser.ScrollRegion = ScrollRegion; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - ScrollZone +* +* Creates a scrolling region of the given width and height from an image in the cache. +* The ScrollZone can be positioned anywhere in-world like a normal game object, re-act to physics, collision, etc. +* The image within it is scrolled via ScrollRegions and their scrollSpeed.x/y properties. +* If you create a scroll zone larger than the given source image it will create a DynamicTexture and fill it with a pattern of the source image. +*/ +var Phaser; +(function (Phaser) { + var ScrollZone = (function (_super) { + __extends(ScrollZone, _super); + /** + * ScrollZone constructor + * Create a new ScrollZone. + * + * @param game {Phaser.Game} Current game instance. + * @param key {string} Asset key for image texture of this object. + * @param x {number} X position in world coordinate. + * @param y {number} Y position in world coordinate. + * @param [width] {number} width of this object. + * @param [height] {number} height of this object. + */ + function ScrollZone(game, key, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + _super.call(this, game, x, y, key); + + this.type = Phaser.Types.SCROLLZONE; + + this.regions = []; + + if (this.texture.loaded) { + if (width > this.width || height > this.height) { + // Create our repeating texture (as the source image wasn't large enough for the requested size) + this.createRepeatingTexture(width, height); + this.width = width; + this.height = height; + } + + // Create a default ScrollRegion at the requested size + this.addRegion(0, 0, this.width, this.height); + + if ((width < this.width || height < this.height) && width !== 0 && height !== 0) { + this.width = width; + this.height = height; + } + } + } + /** + * Add a new region to this zone. + * @param x {number} X position of the new region. + * @param y {number} Y position of the new region. + * @param width {number} Width of the new region. + * @param height {number} Height of the new region. + * @param [speedX] {number} x-axis scrolling speed. + * @param [speedY] {number} y-axis scrolling speed. + * @return {ScrollRegion} The newly added region. + */ + ScrollZone.prototype.addRegion = function (x, y, width, height, speedX, speedY) { + if (typeof speedX === "undefined") { speedX = 0; } + if (typeof speedY === "undefined") { speedY = 0; } + if (x > this.width || y > this.height || x < 0 || y < 0 || (x + width) > this.width || (y + height) > this.height) { + throw Error('Invalid ScrollRegion defined. Cannot be larger than parent ScrollZone'); + return null; + } + + this.currentRegion = new Phaser.ScrollRegion(x, y, width, height, speedX, speedY); + + this.regions.push(this.currentRegion); + + return this.currentRegion; + }; + + /** + * Set scrolling speed of current region. + * @param x {number} X speed of current region. + * @param y {number} Y speed of current region. + */ + ScrollZone.prototype.setSpeed = function (x, y) { + if (this.currentRegion) { + this.currentRegion.scrollSpeed.setTo(x, y); + } + + return this; + }; + + /** + * Update regions. + */ + ScrollZone.prototype.update = function () { + for (var i = 0; i < this.regions.length; i++) { + this.regions[i].update(this.game.time.delta); + } + }; + + /** + * Create repeating texture with _texture, and store it into the _dynamicTexture. + * Used to create texture when texture image is small than size of the zone. + */ + ScrollZone.prototype.createRepeatingTexture = function (regionWidth, regionHeight) { + // Work out how many we'll need of the source image to make it tile properly + var tileWidth = Math.ceil(this.width / regionWidth) * regionWidth; + var tileHeight = Math.ceil(this.height / regionHeight) * regionHeight; + + var dt = new Phaser.Display.DynamicTexture(this.game, tileWidth, tileHeight); + + dt.context.rect(0, 0, tileWidth, tileHeight); + dt.context.fillStyle = dt.context.createPattern(this.texture.imageTexture, "repeat"); + dt.context.fill(); + + this.texture.loadDynamicTexture(dt); + }; + return ScrollZone; + })(Phaser.Sprite); + Phaser.ScrollZone = ScrollZone; +})(Phaser || (Phaser = {})); +/// +/// +/** +* Phaser - GameObjectFactory +* +* A quick way to create new world objects and add existing objects to the current world. +*/ +var Phaser; +(function (Phaser) { + var GameObjectFactory = (function () { + /** + * GameObjectFactory constructor + * @param game {Game} A reference to the current Game. + */ + function GameObjectFactory(game) { + this.game = game; + this._world = this.game.world; + } + /** + * Create a new camera with specific position and size. + * + * @param x {number} X position of the new camera. + * @param y {number} Y position of the new camera. + * @param width {number} Width of the new camera. + * @param height {number} Height of the new camera. + * @returns {Camera} The newly created camera object. + */ + GameObjectFactory.prototype.camera = function (x, y, width, height) { + return this._world.cameras.addCamera(x, y, width, height); + }; + + /** + * Create a new GeomSprite with specific position. + * + * @param x {number} X position of the new geom sprite. + * @param y {number} Y position of the new geom sprite. + * @returns {GeomSprite} The newly created geom sprite object. + */ + //public geomSprite(x: number, y: number): GeomSprite { + // return this._world.group.add(new GeomSprite(this.game, x, y)); + //} + /** + * Create a new Button game object. + * + * @param [x] {number} X position of the button. + * @param [y] {number} Y position of the button. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. + * @param [callback] {function} The function to call when this button is pressed + * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') + * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. + * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. + * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. + * @returns {Button} The newly created button object. + */ + GameObjectFactory.prototype.button = function (x, y, key, callback, callbackContext, overFrame, outFrame, downFrame) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof key === "undefined") { key = null; } + if (typeof callback === "undefined") { callback = null; } + if (typeof callbackContext === "undefined") { callbackContext = null; } + if (typeof overFrame === "undefined") { overFrame = null; } + if (typeof outFrame === "undefined") { outFrame = null; } + if (typeof downFrame === "undefined") { downFrame = null; } + return this._world.group.add(new Phaser.UI.Button(this.game, x, y, key, callback, callbackContext, overFrame, outFrame, downFrame)); + }; + + /** + * Create a new Sprite with specific position and sprite sheet key. + * + * @param x {number} X position of the new sprite. + * @param y {number} Y position of the new sprite. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite + * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. + * @returns {Sprite} The newly created sprite object. + */ + GameObjectFactory.prototype.sprite = function (x, y, key, frame) { + if (typeof key === "undefined") { key = ''; } + if (typeof frame === "undefined") { frame = null; } + return this._world.group.add(new Phaser.Sprite(this.game, x, y, key, frame)); + }; + + GameObjectFactory.prototype.audio = function (key, volume, loop) { + if (typeof volume === "undefined") { volume = 1; } + if (typeof loop === "undefined") { loop = false; } + return this.game.sound.add(key, volume, loop); + }; + + /** + * Create a new Sprite with the physics automatically created and set to DYNAMIC. The Sprite position offset is set to its center. + * + * @param x {number} X position of the new sprite. + * @param y {number} Y position of the new sprite. + * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite + * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. + * @param [bodyType] {number} The physics body type of the object (defaults to BODY_DYNAMIC) + * @param [shapeType] The default body shape is either 0 for a Box or 1 for a Circle. See Sprite.body.addShape for custom shapes (polygons, etc) + * @returns {Sprite} The newly created sprite object. + */ + //public physicsSprite(x: number, y: number, key: string = '', frame? = null, bodyType: number = Phaser.Types.BODY_DYNAMIC, shapeType:number = 0): Sprite { + // return this._world.group.add(new Sprite(this.game, x, y, key, frame, bodyType, shapeType)); + //} + /** + * Create a new DynamicTexture with specific size. + * + * @param width {number} Width of the texture. + * @param height {number} Height of the texture. + * @returns {DynamicTexture} The newly created dynamic texture object. + */ + GameObjectFactory.prototype.dynamicTexture = function (width, height) { + return new Phaser.Display.DynamicTexture(this.game, width, height); + }; + + /** + * Create a new object container. + * + * @param maxSize {number} Optional, capacity of this group. + * @returns {Group} The newly created group. + */ + GameObjectFactory.prototype.group = function (maxSize) { + if (typeof maxSize === "undefined") { maxSize = 0; } + return this._world.group.add(new Phaser.Group(this.game, maxSize)); + }; + + /** + * Create a new Particle. + * + * @return {Particle} The newly created particle object. + */ + //public particle(): ArcadeParticle { + // return new ArcadeParticle(this.game); + //} + /** + * Create a new Emitter. + * + * @param x {number} Optional, x position of the emitter. + * @param y {number} Optional, y position of the emitter. + * @param size {number} Optional, size of this emitter. + * @return {Emitter} The newly created emitter object. + */ + //public emitter(x: number = 0, y: number = 0, size: number = 0): ArcadeEmitter { + // return this._world.group.add(new ArcadeEmitter(this.game, x, y, size)); + //} + /** + * Create a new ScrollZone object with image key, position and size. + * + * @param key {string} Key to a image you wish this object to use. + * @param x {number} X position of this object. + * @param y {number} Y position of this object. + * @param width number} Width of this object. + * @param height {number} Height of this object. + * @returns {ScrollZone} The newly created scroll zone object. + */ + GameObjectFactory.prototype.scrollZone = function (key, x, y, width, height) { + if (typeof x === "undefined") { x = 0; } + if (typeof y === "undefined") { y = 0; } + if (typeof width === "undefined") { width = 0; } + if (typeof height === "undefined") { height = 0; } + return this._world.group.add(new Phaser.ScrollZone(this.game, key, x, y, width, height)); + }; + + /** + * Create a new Tilemap. + * + * @param key {string} Key for tileset image. + * @param mapData {string} Data of this tilemap. + * @param format {number} Format of map data. (Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON) + * @param [resizeWorld] {boolean} resize the world to make same as tilemap? + * @param [tileWidth] {number} width of each tile. + * @param [tileHeight] {number} height of each tile. + * @return {Tilemap} The newly created tilemap object. + */ + GameObjectFactory.prototype.tilemap = function (key, mapData, format, resizeWorld, tileWidth, tileHeight) { + if (typeof resizeWorld === "undefined") { resizeWorld = true; } + if (typeof tileWidth === "undefined") { tileWidth = 0; } + if (typeof tileHeight === "undefined") { tileHeight = 0; } + return this._world.group.add(new Phaser.Tilemap(this.game, key, mapData, format, resizeWorld, tileWidth, tileHeight)); + }; + + /** + * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. + * + * @param obj {object} Object the tween will be run on. + * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. + * @return {Phaser.Tween} The newly created tween object. + */ + GameObjectFactory.prototype.tween = function (obj, localReference) { + if (typeof localReference === "undefined") { localReference = false; } + return this.game.tweens.create(obj, localReference); + }; + + /** + * Add an existing Sprite to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param sprite The Sprite to add to the Game World + * @return {Phaser.Sprite} The Sprite object + */ + GameObjectFactory.prototype.existingSprite = function (sprite) { + return this._world.group.add(sprite); + }; + + /** + * Add an existing Group to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param group The Group to add to the Game World + * @return {Phaser.Group} The Group object + */ + GameObjectFactory.prototype.existingGroup = function (group) { + return this._world.group.add(group); + }; + + /** + * Add an existing Button to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param button The Button to add to the Game World + * @return {Phaser.Button} The Button object + */ + GameObjectFactory.prototype.existingButton = function (button) { + return this._world.group.add(button); + }; + + /** + * Add an existing GeomSprite to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param sprite The GeomSprite to add to the Game World + * @return {Phaser.GeomSprite} The GeomSprite object + */ + //public existingGeomSprite(sprite: GeomSprite): GeomSprite { + // return this._world.group.add(sprite); + //} + /** + * Add an existing Emitter to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param emitter The Emitter to add to the Game World + * @return {Phaser.Emitter} The Emitter object + */ + //public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter { + // return this._world.group.add(emitter); + //} + /** + * Add an existing ScrollZone to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param scrollZone The ScrollZone to add to the Game World + * @return {Phaser.ScrollZone} The ScrollZone object + */ + GameObjectFactory.prototype.existingScrollZone = function (scrollZone) { + return this._world.group.add(scrollZone); + }; + + /** + * Add an existing Tilemap to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param tilemap The Tilemap to add to the Game World + * @return {Phaser.Tilemap} The Tilemap object + */ + GameObjectFactory.prototype.existingTilemap = function (tilemap) { + return this._world.group.add(tilemap); + }; + + /** + * Add an existing Tween to the current world. + * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. + * + * @param tween The Tween to add to the Game World + * @return {Phaser.Tween} The Tween object + */ + GameObjectFactory.prototype.existingTween = function (tween) { + return this.game.tweens.add(tween); + }; + return GameObjectFactory; + })(); + Phaser.GameObjectFactory = GameObjectFactory; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - CircleUtils +* +* A collection of methods useful for manipulating and comparing Circle objects. +*/ +var Phaser; +(function (Phaser) { + var CircleUtils = (function () { + function CircleUtils() { + } + CircleUtils.clone = /** + * Returns a new Circle object with the same values for the x, y, width, and height properties as the original Circle object. + * @method clone + * @param {Circle} a - The Circle object. + * @param {Circle} [optional] out Optional Circle object. If given the values will be set into the object, otherwise a brand new Circle object will be created and returned. + * @return {Phaser.Circle} + **/ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Circle(); } + return out.setTo(a.x, a.y, a.diameter); + }; + + CircleUtils.contains = /** + * Return true if the given x/y coordinates are within the Circle object. + * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. + * @method contains + * @param {Circle} a - The Circle object. + * @param {Number} The X value of the coordinate to test. + * @param {Number} The Y value of the coordinate to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + function (a, x, y) { + if (x >= a.left && x <= a.right && y >= a.top && y <= a.bottom) { + var dx = (a.x - x) * (a.x - x); + var dy = (a.y - y) * (a.y - y); + return (dx + dy) <= (a.radius * a.radius); + } + + return false; + }; + + CircleUtils.containsPoint = /** + * Return true if the coordinates of the given Point object are within this Circle object. + * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. + * @method containsPoint + * @param {Circle} a - The Circle object. + * @param {Point} The Point object to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + function (a, point) { + return CircleUtils.contains(a, point.x, point.y); + }; + + CircleUtils.containsCircle = /** + * Return true if the given Circle is contained entirely within this Circle object. + * If you need details about the intersection then use Phaser.Intersect.circleToCircle instead. + * @method containsCircle + * @param {Circle} The Circle object to test. + * @return {Boolean} True if the coordinates are within this circle, otherwise false. + **/ + function (a, b) { + //return ((a.radius + b.radius) * (a.radius + b.radius)) >= Collision.distanceSquared(a.x, a.y, b.x, b.y); + return true; + }; + + CircleUtils.distanceBetween = /** + * Returns the distance from the center of the Circle object to the given object (can be Circle, Point or anything with x/y properties) + * @method distanceBetween + * @param {Circle} a - The Circle object. + * @param {Circle} b - The target object. Must have visible x and y properties that represent the center of the object. + * @param {Boolean} [optional] round - Round the distance to the nearest integer (default false) + * @return {Number} The distance between this Point object and the destination Point object. + **/ + function (a, target, round) { + if (typeof round === "undefined") { round = false; } + var dx = a.x - target.x; + var dy = a.y - target.y; + + if (round === true) { + return Math.round(Math.sqrt(dx * dx + dy * dy)); + } else { + return Math.sqrt(dx * dx + dy * dy); + } + }; + + CircleUtils.equals = /** + * Determines whether the two Circle objects match. This method compares the x, y and diameter properties. + * @method equals + * @param {Circle} a - The first Circle object. + * @param {Circle} b - The second Circle object. + * @return {Boolean} A value of true if the object has exactly the same values for the x, y and diameter properties as this Circle object; otherwise false. + **/ + function (a, b) { + return (a.x == b.x && a.y == b.y && a.diameter == b.diameter); + }; + + CircleUtils.intersects = /** + * Determines whether the two Circle objects intersect. + * This method checks the radius distances between the two Circle objects to see if they intersect. + * @method intersects + * @param {Circle} a - The first Circle object. + * @param {Circle} b - The second Circle object. + * @return {Boolean} A value of true if the specified object intersects with this Circle object; otherwise false. + **/ + function (a, b) { + return (Phaser.CircleUtils.distanceBetween(a, b) <= (a.radius + b.radius)); + }; + + CircleUtils.circumferencePoint = /** + * Returns a Point object containing the coordinates of a point on the circumference of the Circle based on the given angle. + * @method circumferencePoint + * @param {Circle} a - The first Circle object. + * @param {Number} angle The angle in radians (unless asDegrees is true) to return the point from. + * @param {Boolean} asDegrees Is the given angle in radians (false) or degrees (true)? + * @param {Phaser.Point} [optional] output An optional Point object to put the result in to. If none specified a new Point object will be created. + * @return {Phaser.Point} The Point object holding the result. + **/ + function (a, angle, asDegrees, out) { + if (typeof asDegrees === "undefined") { asDegrees = false; } + if (typeof out === "undefined") { out = new Phaser.Point(); } + if (asDegrees === true) { + angle = angle * Phaser.GameMath.DEG_TO_RAD; + } + + return out.setTo(a.x + a.radius * Math.cos(angle), a.y + a.radius * Math.sin(angle)); + }; + + CircleUtils.intersectsRectangle = /* + public static boolean intersect(Rectangle r, Circle c) + { + float cx = Math.abs(c.x - r.x - r.halfWidth); + float xDist = r.halfWidth + c.radius; + if (cx > xDist) + return false; + float cy = Math.abs(c.y - r.y - r.halfHeight); + float yDist = r.halfHeight + c.radius; + if (cy > yDist) + return false; + if (cx <= r.halfWidth || cy <= r.halfHeight) + return true; + float xCornerDist = cx - r.halfWidth; + float yCornerDist = cy - r.halfHeight; + float xCornerDistSq = xCornerDist * xCornerDist; + float yCornerDistSq = yCornerDist * yCornerDist; + float maxCornerDistSq = c.radius * c.radius; + return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + } + */ + function (c, r) { + var cx = Math.abs(c.x - r.x - r.halfWidth); + var xDist = r.halfWidth + c.radius; + + if (cx > xDist) { + return false; + } + + var cy = Math.abs(c.y - r.y - r.halfHeight); + var yDist = r.halfHeight + c.radius; + + if (cy > yDist) { + return false; + } + + if (cx <= r.halfWidth || cy <= r.halfHeight) { + return true; + } + + var xCornerDist = cx - r.halfWidth; + var yCornerDist = cy - r.halfHeight; + var xCornerDistSq = xCornerDist * xCornerDist; + var yCornerDistSq = yCornerDist * yCornerDist; + var maxCornerDistSq = c.radius * c.radius; + + return xCornerDistSq + yCornerDistSq <= maxCornerDistSq; + }; + return CircleUtils; + })(); + Phaser.CircleUtils = CircleUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - ColorUtils +* +* A collection of methods useful for manipulating color values. +*/ +var Phaser; +(function (Phaser) { + var ColorUtils = (function () { + function ColorUtils() { + } + ColorUtils.getColor32 = /** + * Given an alpha and 3 color values this will return an integer representation of it + * + * @param alpha {number} The Alpha value (between 0 and 255) + * @param red {number} The Red channel value (between 0 and 255) + * @param green {number} The Green channel value (between 0 and 255) + * @param blue {number} The Blue channel value (between 0 and 255) + * + * @return A native color value integer (format: 0xAARRGGBB) + */ + function (alpha, red, green, blue) { + return alpha << 24 | red << 16 | green << 8 | blue; + }; + + ColorUtils.getColor = /** + * Given 3 color values this will return an integer representation of it + * + * @param red {number} The Red channel value (between 0 and 255) + * @param green {number} The Green channel value (between 0 and 255) + * @param blue {number} The Blue channel value (between 0 and 255) + * + * @return A native color value integer (format: 0xRRGGBB) + */ + function (red, green, blue) { + return red << 16 | green << 8 | blue; + }; + + ColorUtils.getHSVColorWheel = /** + * Get HSV color wheel values in an array which will be 360 elements in size + * + * @param alpha Alpha value for each color of the color wheel, between 0 (transparent) and 255 (opaque) + * + * @return Array + */ + function (alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + var colors = []; + + for (var c = 0; c <= 359; c++) { + colors[c] = Phaser.ColorUtils.getWebRGB(Phaser.ColorUtils.HSVtoRGB(c, 1.0, 1.0, alpha)); + } + + return colors; + }; + + ColorUtils.getComplementHarmony = /** + * Returns a Complementary Color Harmony for the given color. + *

A complementary hue is one directly opposite the color given on the color wheel

+ *

Value returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * + * @return 0xAARRGGBB format color value + */ + function (color) { + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + var opposite = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); + + return Phaser.ColorUtils.HSVtoRGB(opposite, 1.0, 1.0); + }; + + ColorUtils.getAnalogousHarmony = /** + * Returns an Analogous Color Harmony for the given color. + *

An Analogous harmony are hues adjacent to each other on the color wheel

+ *

Values returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * @param threshold Control how adjacent the colors will be (default +- 30 degrees) + * + * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) + */ + function (color, threshold) { + if (typeof threshold === "undefined") { threshold = 30; } + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + if (threshold > 359 || threshold < 0) { + throw Error("Color Warning: Invalid threshold given to getAnalogousHarmony()"); + } + + var warmer = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 359 - threshold, 359); + var colder = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, threshold, 359); + + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(warmer, 1.0, 1.0), color3: Phaser.ColorUtils.HSVtoRGB(colder, 1.0, 1.0), hue1: hsv.hue, hue2: warmer, hue3: colder }; + }; + + ColorUtils.getSplitComplementHarmony = /** + * Returns an Split Complement Color Harmony for the given color. + *

A Split Complement harmony are the two hues on either side of the color's Complement

+ *

Values returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * @param threshold Control how adjacent the colors will be to the Complement (default +- 30 degrees) + * + * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) + */ + function (color, threshold) { + if (typeof threshold === "undefined") { threshold = 30; } + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + if (threshold >= 359 || threshold <= 0) { + throw Error("Phaser.ColorUtils Warning: Invalid threshold given to getSplitComplementHarmony()"); + } + + var opposite = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 180, 359); + + var warmer = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, opposite - threshold, 359); + var colder = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, opposite + threshold, 359); + + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(warmer, hsv.saturation, hsv.value), color3: Phaser.ColorUtils.HSVtoRGB(colder, hsv.saturation, hsv.value), hue1: hsv.hue, hue2: warmer, hue3: colder }; + }; + + ColorUtils.getTriadicHarmony = /** + * Returns a Triadic Color Harmony for the given color. + *

A Triadic harmony are 3 hues equidistant from each other on the color wheel

+ *

Values returned in 0xAARRGGBB format with Alpha set to 255.

+ * + * @param color The color to base the harmony on + * + * @return Object containing 3 properties: color1 (the original color), color2 and color3 (the equidistant colors) + */ + function (color) { + var hsv = Phaser.ColorUtils.RGBtoHSV(color); + + var triadic1 = Phaser.ColorUtils.game.math.wrapValue(hsv.hue, 120, 359); + var triadic2 = Phaser.ColorUtils.game.math.wrapValue(triadic1, 120, 359); + + return { color1: color, color2: Phaser.ColorUtils.HSVtoRGB(triadic1, 1.0, 1.0), color3: Phaser.ColorUtils.HSVtoRGB(triadic2, 1.0, 1.0) }; + }; + + ColorUtils.getColorInfo = /** + * Returns a string containing handy information about the given color including string hex value, + * RGB format information and HSL information. Each section starts on a newline, 3 lines in total. + * + * @param color A color value in the format 0xAARRGGBB + * + * @return string containing the 3 lines of information + */ + function (color) { + var argb = Phaser.ColorUtils.getRGB(color); + var hsl = Phaser.ColorUtils.RGBtoHSV(color); + + // Hex format + var result = Phaser.ColorUtils.RGBtoHexstring(color) + "\n"; + + // RGB format + result = result.concat("Alpha: " + argb.alpha + " Red: " + argb.red + " Green: " + argb.green + " Blue: " + argb.blue) + "\n"; + + // HSL info + result = result.concat("Hue: " + hsl.hue + " Saturation: " + hsl.saturation + " Lightnes: " + hsl.lightness); + + return result; + }; + + ColorUtils.RGBtoHexstring = /** + * Return a string representation of the color in the format 0xAARRGGBB + * + * @param color The color to get the string representation for + * + * @return A string of length 10 characters in the format 0xAARRGGBB + */ + function (color) { + var argb = Phaser.ColorUtils.getRGB(color); + + return "0x" + Phaser.ColorUtils.colorToHexstring(argb.alpha) + Phaser.ColorUtils.colorToHexstring(argb.red) + Phaser.ColorUtils.colorToHexstring(argb.green) + Phaser.ColorUtils.colorToHexstring(argb.blue); + }; + + ColorUtils.RGBtoWebstring = /** + * Return a string representation of the color in the format #RRGGBB + * + * @param color The color to get the string representation for + * + * @return A string of length 10 characters in the format 0xAARRGGBB + */ + function (color) { + var argb = Phaser.ColorUtils.getRGB(color); + + return "#" + Phaser.ColorUtils.colorToHexstring(argb.red) + Phaser.ColorUtils.colorToHexstring(argb.green) + Phaser.ColorUtils.colorToHexstring(argb.blue); + }; + + ColorUtils.colorToHexstring = /** + * Return a string containing a hex representation of the given color + * + * @param color The color channel to get the hex value for, must be a value between 0 and 255) + * + * @return A string of length 2 characters, i.e. 255 = FF, 0 = 00 + */ + function (color) { + var digits = "0123456789ABCDEF"; + + var lsd = color % 16; + var msd = (color - lsd) / 16; + + var hexified = digits.charAt(msd) + digits.charAt(lsd); + + return hexified; + }; + + ColorUtils.HSVtoRGB = /** + * Convert a HSV (hue, saturation, lightness) color space value to an RGB color + * + * @param h Hue degree, between 0 and 359 + * @param s Saturation, between 0.0 (grey) and 1.0 + * @param v Value, between 0.0 (black) and 1.0 + * @param alpha Alpha value to set per color (between 0 and 255) + * + * @return 32-bit ARGB color value (0xAARRGGBB) + */ + function (h, s, v, alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + var result; + + if (s == 0.0) { + result = Phaser.ColorUtils.getColor32(alpha, v * 255, v * 255, v * 255); + } else { + h = h / 60.0; + var f = h - Math.floor(h); + var p = v * (1.0 - s); + var q = v * (1.0 - s * f); + var t = v * (1.0 - s * (1.0 - f)); + + switch (Math.floor(h)) { + case 0: + result = Phaser.ColorUtils.getColor32(alpha, v * 255, t * 255, p * 255); + break; + + case 1: + result = Phaser.ColorUtils.getColor32(alpha, q * 255, v * 255, p * 255); + break; + + case 2: + result = Phaser.ColorUtils.getColor32(alpha, p * 255, v * 255, t * 255); + break; + + case 3: + result = Phaser.ColorUtils.getColor32(alpha, p * 255, q * 255, v * 255); + break; + + case 4: + result = Phaser.ColorUtils.getColor32(alpha, t * 255, p * 255, v * 255); + break; + + case 5: + result = Phaser.ColorUtils.getColor32(alpha, v * 255, p * 255, q * 255); + break; + + default: + throw new Error("Phaser.ColorUtils.HSVtoRGB : Unknown color"); + } + } + + return result; + }; + + ColorUtils.RGBtoHSV = /** + * Convert an RGB color value to an object containing the HSV color space values: Hue, Saturation and Lightness + * + * @param color In format 0xRRGGBB + * + * @return Object with the properties hue (from 0 to 360), saturation (from 0 to 1.0) and lightness (from 0 to 1.0, also available under .value) + */ + function (color) { + var rgb = Phaser.ColorUtils.getRGB(color); + + var red = rgb.red / 255; + var green = rgb.green / 255; + var blue = rgb.blue / 255; + + var min = Math.min(red, green, blue); + var max = Math.max(red, green, blue); + var delta = max - min; + var lightness = (max + min) / 2; + var hue; + var saturation; + + if (delta == 0) { + hue = 0; + saturation = 0; + } else { + if (lightness < 0.5) { + saturation = delta / (max + min); + } else { + saturation = delta / (2 - max - min); + } + + var delta_r = (((max - red) / 6) + (delta / 2)) / delta; + var delta_g = (((max - green) / 6) + (delta / 2)) / delta; + var delta_b = (((max - blue) / 6) + (delta / 2)) / delta; + + if (red == max) { + hue = delta_b - delta_g; + } else if (green == max) { + hue = (1 / 3) + delta_r - delta_b; + } else if (blue == max) { + hue = (2 / 3) + delta_g - delta_r; + } + + if (hue < 0) { + hue += 1; + } + + if (hue > 1) { + hue -= 1; + } + } + + // Keep the value with 0 to 359 + hue *= 360; + hue = Math.round(hue); + + return { hue: hue, saturation: saturation, lightness: lightness, value: lightness }; + }; + + ColorUtils.interpolateColor = /** + * + * @method interpolateColor + * @param {Number} color1 + * @param {Number} color2 + * @param {Number} steps + * @param {Number} currentStep + * @param {Number} alpha + * @return {Number} + * @static + */ + function (color1, color2, steps, currentStep, alpha) { + if (typeof alpha === "undefined") { alpha = 255; } + var src1 = Phaser.ColorUtils.getRGB(color1); + var src2 = Phaser.ColorUtils.getRGB(color2); + + var r = (((src2.red - src1.red) * currentStep) / steps) + src1.red; + var g = (((src2.green - src1.green) * currentStep) / steps) + src1.green; + var b = (((src2.blue - src1.blue) * currentStep) / steps) + src1.blue; + + return Phaser.ColorUtils.getColor32(alpha, r, g, b); + }; + + ColorUtils.interpolateColorWithRGB = /** + * + * @method interpolateColorWithRGB + * @param {Number} color + * @param {Number} r2 + * @param {Number} g2 + * @param {Number} b2 + * @param {Number} steps + * @param {Number} currentStep + * @return {Number} + * @static + */ + function (color, r2, g2, b2, steps, currentStep) { + var src = Phaser.ColorUtils.getRGB(color); + + var r = (((r2 - src.red) * currentStep) / steps) + src.red; + var g = (((g2 - src.green) * currentStep) / steps) + src.green; + var b = (((b2 - src.blue) * currentStep) / steps) + src.blue; + + return Phaser.ColorUtils.getColor(r, g, b); + }; + + ColorUtils.interpolateRGB = /** + * + * @method interpolateRGB + * @param {Number} r1 + * @param {Number} g1 + * @param {Number} b1 + * @param {Number} r2 + * @param {Number} g2 + * @param {Number} b2 + * @param {Number} steps + * @param {Number} currentStep + * @return {Number} + * @static + */ + function (r1, g1, b1, r2, g2, b2, steps, currentStep) { + var r = (((r2 - r1) * currentStep) / steps) + r1; + var g = (((g2 - g1) * currentStep) / steps) + g1; + var b = (((b2 - b1) * currentStep) / steps) + b1; + + return Phaser.ColorUtils.getColor(r, g, b); + }; + + ColorUtils.getRandomColor = /** + * Returns a random color value between black and white + *

Set the min value to start each channel from the given offset.

+ *

Set the max value to restrict the maximum color used per channel

+ * + * @param min The lowest value to use for the color + * @param max The highest value to use for the color + * @param alpha The alpha value of the returning color (default 255 = fully opaque) + * + * @return 32-bit color value with alpha + */ + function (min, max, alpha) { + if (typeof min === "undefined") { min = 0; } + if (typeof max === "undefined") { max = 255; } + if (typeof alpha === "undefined") { alpha = 255; } + if (max > 255) { + return Phaser.ColorUtils.getColor(255, 255, 255); + } + + if (min > max) { + return Phaser.ColorUtils.getColor(255, 255, 255); + } + + var red = min + Math.round(Math.random() * (max - min)); + var green = min + Math.round(Math.random() * (max - min)); + var blue = min + Math.round(Math.random() * (max - min)); + + return Phaser.ColorUtils.getColor32(alpha, red, green, blue); + }; + + ColorUtils.getRGB = /** + * Return the component parts of a color as an Object with the properties alpha, red, green, blue + * + *

Alpha will only be set if it exist in the given color (0xAARRGGBB)

+ * + * @param color in RGB (0xRRGGBB) or ARGB format (0xAARRGGBB) + * + * @return Object with properties: alpha, red, green, blue + */ + function (color) { + return { alpha: color >>> 24, red: color >> 16 & 0xFF, green: color >> 8 & 0xFF, blue: color & 0xFF }; + }; + + ColorUtils.getWebRGB = /** + * + * @method getWebRGB + * @param {Number} color + * @return {Any} + */ + function (color) { + var alpha = (color >>> 24) / 255; + var red = color >> 16 & 0xFF; + var green = color >> 8 & 0xFF; + var blue = color & 0xFF; + + return 'rgba(' + red.toString() + ',' + green.toString() + ',' + blue.toString() + ',' + alpha.toString() + ')'; + }; + + ColorUtils.getAlpha = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Alpha component of the color, will be between 0 and 255 (0 being no Alpha, 255 full Alpha) + */ + function (color) { + return color >>> 24; + }; + + ColorUtils.getAlphaFloat = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component as a value between 0 and 1 + * + * @param color In the format 0xAARRGGBB + * + * @return The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)) + */ + function (color) { + return (color >>> 24) / 255; + }; + + ColorUtils.getRed = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Red component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Red component of the color, will be between 0 and 255 (0 being no color, 255 full Red) + */ + function (color) { + return color >> 16 & 0xFF; + }; + + ColorUtils.getGreen = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Green component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Green component of the color, will be between 0 and 255 (0 being no color, 255 full Green) + */ + function (color) { + return color >> 8 & 0xFF; + }; + + ColorUtils.getBlue = /** + * Given a native color value (in the format 0xAARRGGBB) this will return the Blue component, as a value between 0 and 255 + * + * @param color In the format 0xAARRGGBB + * + * @return The Blue component of the color, will be between 0 and 255 (0 being no color, 255 full Blue) + */ + function (color) { + return color & 0xFF; + }; + return ColorUtils; + })(); + Phaser.ColorUtils = ColorUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - PointUtils +* +* A collection of methods useful for manipulating and comparing Point objects. +* +* TODO: interpolate & polar +*/ +var Phaser; +(function (Phaser) { + var PointUtils = (function () { + function PointUtils() { + } + PointUtils.add = /** + * Adds the coordinates of two points together to create a new point. + * @method add + * @param {Point} a - The first Point object. + * @param {Point} b - The second Point object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.x + b.x, a.y + b.y); + }; + + PointUtils.subtract = /** + * Subtracts the coordinates of two points to create a new point. + * @method subtract + * @param {Point} a - The first Point object. + * @param {Point} b - The second Point object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.x - b.x, a.y - b.y); + }; + + PointUtils.multiply = /** + * Multiplies the coordinates of two points to create a new point. + * @method subtract + * @param {Point} a - The first Point object. + * @param {Point} b - The second Point object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.x * b.x, a.y * b.y); + }; + + PointUtils.divide = /** + * Divides the coordinates of two points to create a new point. + * @method subtract + * @param {Point} a - The first Point object. + * @param {Point} b - The second Point object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.x / b.x, a.y / b.y); + }; + + PointUtils.clamp = /** + * Clamps the Point object values to be between the given min and max + * @method clamp + * @param {Point} a - The point. + * @param {number} The minimum value to clamp this Point to + * @param {number} The maximum value to clamp this Point to + * @return {Point} This Point object. + **/ + function (a, min, max) { + Phaser.PointUtils.clampX(a, min, max); + Phaser.PointUtils.clampY(a, min, max); + return a; + }; + + PointUtils.clampX = /** + * Clamps the x value of the given Point object to be between the min and max values. + * @method clampX + * @param {Point} a - The point. + * @param {number} The minimum value to clamp this Point to + * @param {number} The maximum value to clamp this Point to + * @return {Point} This Point object. + **/ + function (a, min, max) { + a.x = Math.max(Math.min(a.x, max), min); + return a; + }; + + PointUtils.clampY = /** + * Clamps the y value of the given Point object to be between the min and max values. + * @method clampY + * @param {Point} a - The point. + * @param {number} The minimum value to clamp this Point to + * @param {number} The maximum value to clamp this Point to + * @return {Point} This Point object. + **/ + function (a, min, max) { + a.y = Math.max(Math.min(a.y, max), min); + return a; + }; + + PointUtils.clone = /** + * Creates a copy of the given Point. + * @method clone + * @param {Point} output Optional Point object. If given the values will be set into this object, otherwise a brand new Point object will be created and returned. + * @return {Point} The new Point object. + **/ + function (a, output) { + if (typeof output === "undefined") { output = new Phaser.Point(); } + return output.setTo(a.x, a.y); + }; + + PointUtils.distanceBetween = /** + * Returns the distance between the two given Point objects. + * @method distanceBetween + * @param {Point} a - The first Point object. + * @param {Point} b - The second Point object. + * @param {Boolean} round - Round the distance to the nearest integer (default false) + * @return {Number} The distance between the two Point objects. + **/ + function (a, b, round) { + if (typeof round === "undefined") { round = false; } + var dx = a.x - b.x; + var dy = a.y - b.y; + + if (round === true) { + return Math.round(Math.sqrt(dx * dx + dy * dy)); + } else { + return Math.sqrt(dx * dx + dy * dy); + } + }; + + PointUtils.equals = /** + * Determines whether the two given Point objects are equal. They are considered equal if they have the same x and y values. + * @method equals + * @param {Point} a - The first Point object. + * @param {Point} b - The second Point object. + * @return {Boolean} A value of true if the Points are equal, otherwise false. + **/ + function (a, b) { + return (a.x == b.x && a.y == b.y); + }; + + PointUtils.rotate = /** + * Determines a point between two specified points. The parameter f determines where the new interpolated point is located relative to the two end points specified by parameters pt1 and pt2. + * The closer the value of the parameter f is to 1.0, the closer the interpolated point is to the first point (parameter pt1). The closer the value of the parameter f is to 0, the closer the interpolated point is to the second point (parameter pt2). + * @method interpolate + * @param {Point} pointA - The first Point object. + * @param {Point} pointB - The second Point object. + * @param {Number} f - The level of interpolation between the two points. Indicates where the new point will be, along the line between pt1 and pt2. If f=1, pt1 is returned; if f=0, pt2 is returned. + * @return {Point} The new interpolated Point object. + **/ + //static interpolate(pointA, pointB, f) { + //} + /** + * Converts a pair of polar coordinates to a Cartesian point coordinate. + * @method polar + * @param {Number} length - The length coordinate of the polar pair. + * @param {Number} angle - The angle, in radians, of the polar pair. + * @return {Point} The new Cartesian Point object. + **/ + //static polar(length, angle) { + //} + /** + * Rotates a Point around the x/y coordinates given to the desired angle. + * @param a {Point} The Point object to rotate. + * @param x {number} The x coordinate of the anchor point + * @param y {number} The y coordinate of the anchor point + * @param {Number} angle The angle in radians (unless asDegrees is true) to rotate the Point to. + * @param {Boolean} asDegrees Is the given rotation in radians (false) or degrees (true)? + * @param {Number} distance An optional distance constraint between the Point and the anchor. + * @return The modified point object + */ + function (a, x, y, angle, asDegrees, distance) { + if (typeof asDegrees === "undefined") { asDegrees = false; } + if (typeof distance === "undefined") { distance = null; } + if (asDegrees) { + angle = angle * Phaser.GameMath.DEG_TO_RAD; + } + + if (distance === null) { + distance = Math.sqrt(((x - a.x) * (x - a.x)) + ((y - a.y) * (y - a.y))); + } + + return a.setTo(x + distance * Math.cos(angle), y + distance * Math.sin(angle)); + }; + + PointUtils.rotateAroundPoint = /** + * Rotates a Point around the given Point to the desired angle. + * @param a {Point} The Point object to rotate. + * @param b {Point} The Point object to serve as point of rotation. + * @param x {number} The x coordinate of the anchor point + * @param y {number} The y coordinate of the anchor point + * @param {Number} angle The angle in radians (unless asDegrees is true) to rotate the Point to. + * @param {Boolean} asDegrees Is the given rotation in radians (false) or degrees (true)? + * @param {Number} distance An optional distance constraint between the Point and the anchor. + * @return The modified point object + */ + function (a, b, angle, asDegrees, distance) { + if (typeof asDegrees === "undefined") { asDegrees = false; } + if (typeof distance === "undefined") { distance = null; } + return Phaser.PointUtils.rotate(a, b.x, b.y, angle, asDegrees, distance); + }; + return PointUtils; + })(); + Phaser.PointUtils = PointUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - RectangleUtils +* +* A collection of methods useful for manipulating and comparing Rectangle objects. +* +* TODO: Check docs + overlap + intersect + toPolygon? +*/ +var Phaser; +(function (Phaser) { + var RectangleUtils = (function () { + function RectangleUtils() { + } + RectangleUtils.getTopLeftAsPoint = /** + * Get the location of the Rectangles top-left corner as a Point object. + * @method getTopLeftAsPoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.x, a.y); + }; + + RectangleUtils.getBottomRightAsPoint = /** + * Get the location of the Rectangles bottom-right corner as a Point object. + * @method getTopLeftAsPoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. + * @return {Point} The new Point object. + **/ + function (a, out) { + if (typeof out === "undefined") { out = new Phaser.Point(); } + return out.setTo(a.right, a.bottom); + }; + + RectangleUtils.inflate = /** + * Increases the size of the Rectangle object by the specified amounts. The center point of the Rectangle object stays the same, and its size increases to the left and right by the dx value, and to the top and the bottom by the dy value. + * @method inflate + * @param {Rectangle} a - The Rectangle object. + * @param {Number} dx The amount to be added to the left side of the Rectangle. + * @param {Number} dy The amount to be added to the bottom side of the Rectangle. + * @return {Rectangle} This Rectangle object. + **/ + function (a, dx, dy) { + a.x -= dx; + a.width += 2 * dx; + + a.y -= dy; + a.height += 2 * dy; + + return a; + }; + + RectangleUtils.inflatePoint = /** + * Increases the size of the Rectangle object. This method is similar to the Rectangle.inflate() method except it takes a Point object as a parameter. + * @method inflatePoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} point The x property of this Point object is used to increase the horizontal dimension of the Rectangle object. The y property is used to increase the vertical dimension of the Rectangle object. + * @return {Rectangle} The Rectangle object. + **/ + function (a, point) { + return Phaser.RectangleUtils.inflate(a, point.x, point.y); + }; + + RectangleUtils.size = /** + * The size of the Rectangle object, expressed as a Point object with the values of the width and height properties. + * @method size + * @param {Rectangle} a - The Rectangle object. + * @param {Point} output Optional Point object. If given the values will be set into the object, otherwise a brand new Point object will be created and returned. + * @return {Point} The size of the Rectangle object + **/ + function (a, output) { + if (typeof output === "undefined") { output = new Phaser.Point(); } + return output.setTo(a.width, a.height); + }; + + RectangleUtils.clone = /** + * Returns a new Rectangle object with the same values for the x, y, width, and height properties as the original Rectangle object. + * @method clone + * @param {Rectangle} a - The Rectangle object. + * @param {Rectangle} output Optional Rectangle object. If given the values will be set into the object, otherwise a brand new Rectangle object will be created and returned. + * @return {Rectangle} + **/ + function (a, output) { + if (typeof output === "undefined") { output = new Phaser.Rectangle(); } + return output.setTo(a.x, a.y, a.width, a.height); + }; + + RectangleUtils.contains = /** + * Determines whether the specified coordinates are contained within the region defined by this Rectangle object. + * @method contains + * @param {Rectangle} a - The Rectangle object. + * @param {Number} x The x coordinate of the point to test. + * @param {Number} y The y coordinate of the point to test. + * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. + **/ + function (a, x, y) { + return (x >= a.x && x <= a.right && y >= a.y && y <= a.bottom); + }; + + RectangleUtils.containsPoint = /** + * Determines whether the specified point is contained within the rectangular region defined by this Rectangle object. This method is similar to the Rectangle.contains() method, except that it takes a Point object as a parameter. + * @method containsPoint + * @param {Rectangle} a - The Rectangle object. + * @param {Point} point The point object being checked. Can be Point or any object with .x and .y values. + * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. + **/ + function (a, point) { + return Phaser.RectangleUtils.contains(a, point.x, point.y); + }; + + RectangleUtils.containsRect = /** + * Determines whether the first Rectangle object is fully contained within the second Rectangle object. + * A Rectangle object is said to contain another if the second Rectangle object falls entirely within the boundaries of the first. + * @method containsRect + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. + **/ + function (a, b) { + if (a.volume > b.volume) { + return false; + } + + return (a.x >= b.x && a.y >= b.y && a.right <= b.right && a.bottom <= b.bottom); + }; + + RectangleUtils.equals = /** + * Determines whether the two Rectangles are equal. + * This method compares the x, y, width and height properties of each Rectangle. + * @method equals + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @return {Boolean} A value of true if the two Rectangles have exactly the same values for the x, y, width and height properties; otherwise false. + **/ + function (a, b) { + return (a.x == b.x && a.y == b.y && a.width == b.width && a.height == b.height); + }; + + RectangleUtils.intersection = /** + * If the Rectangle object specified in the toIntersect parameter intersects with this Rectangle object, returns the area of intersection as a Rectangle object. If the Rectangles do not intersect, this method returns an empty Rectangle object with its properties set to 0. + * @method intersection + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @param {Rectangle} output Optional Rectangle object. If given the intersection values will be set into this object, otherwise a brand new Rectangle object will be created and returned. + * @return {Rectangle} A Rectangle object that equals the area of intersection. If the Rectangles do not intersect, this method returns an empty Rectangle object; that is, a Rectangle with its x, y, width, and height properties set to 0. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Rectangle(); } + if (Phaser.RectangleUtils.intersects(a, b)) { + out.x = Math.max(a.x, b.x); + out.y = Math.max(a.y, b.y); + out.width = Math.min(a.right, b.right) - out.x; + out.height = Math.min(a.bottom, b.bottom) - out.y; + } + + return out; + }; + + RectangleUtils.intersects = /** + * Determines whether the two Rectangles intersect with each other. + * This method checks the x, y, width, and height properties of the Rectangles. + * @method intersects + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 + * @return {Boolean} A value of true if the specified object intersects with this Rectangle object; otherwise false. + **/ + function (a, b, tolerance) { + if (typeof tolerance === "undefined") { tolerance = 0; } + return !(a.left > b.right + tolerance || a.right < b.left - tolerance || a.top > b.bottom + tolerance || a.bottom < b.top - tolerance); + }; + + RectangleUtils.intersectsRaw = /** + * Determines whether the object specified intersects (overlaps) with the given values. + * @method intersectsRaw + * @param {Number} left + * @param {Number} right + * @param {Number} top + * @param {Number} bottomt + * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 + * @return {Boolean} A value of true if the specified object intersects with the Rectangle; otherwise false. + **/ + function (a, left, right, top, bottom, tolerance) { + if (typeof tolerance === "undefined") { tolerance = 0; } + return !(left > a.right + tolerance || right < a.left - tolerance || top > a.bottom + tolerance || bottom < a.top - tolerance); + }; + + RectangleUtils.union = /** + * Adds two Rectangles together to create a new Rectangle object, by filling in the horizontal and vertical space between the two Rectangles. + * @method union + * @param {Rectangle} a - The first Rectangle object. + * @param {Rectangle} b - The second Rectangle object. + * @param {Rectangle} output Optional Rectangle object. If given the new values will be set into this object, otherwise a brand new Rectangle object will be created and returned. + * @return {Rectangle} A Rectangle object that is the union of the two Rectangles. + **/ + function (a, b, out) { + if (typeof out === "undefined") { out = new Phaser.Rectangle(); } + return out.setTo(Math.min(a.x, b.x), Math.min(a.y, b.y), Math.max(a.right, b.right), Math.max(a.bottom, b.bottom)); + }; + return RectangleUtils; + })(); + Phaser.RectangleUtils = RectangleUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - SpriteUtils +* +* A collection of methods useful for manipulating and checking Sprites. +*/ +var Phaser; +(function (Phaser) { + var SpriteUtils = (function () { + function SpriteUtils() { + } + SpriteUtils.updateCameraView = /** + * Updates a Sprites cameraView Rectangle based on the given camera, sprite world position and rotation + * @param camera {Camera} The Camera to use in the view + * @param sprite {Sprite} The Sprite that will have its cameraView property modified + * @return {Rectangle} A reference to the Sprite.cameraView property + */ + function (camera, sprite) { + if (sprite.rotation == 0 || sprite.texture.renderRotation == false) { + // Easy out + sprite.cameraView.x = Math.floor(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.width * sprite.transform.origin.x)); + sprite.cameraView.y = Math.floor(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.height * sprite.transform.origin.y)); + sprite.cameraView.width = sprite.width; + sprite.cameraView.height = sprite.height; + } else { + if (sprite.transform.origin.x == 0.5 && sprite.transform.origin.y == 0.5) { + Phaser.SpriteUtils._sin = sprite.transform.sin; + Phaser.SpriteUtils._cos = sprite.transform.cos; + + if (Phaser.SpriteUtils._sin < 0) { + Phaser.SpriteUtils._sin = -Phaser.SpriteUtils._sin; + } + + if (Phaser.SpriteUtils._cos < 0) { + Phaser.SpriteUtils._cos = -Phaser.SpriteUtils._cos; + } + + sprite.cameraView.width = Math.round(sprite.height * Phaser.SpriteUtils._sin + sprite.width * Phaser.SpriteUtils._cos); + sprite.cameraView.height = Math.round(sprite.height * Phaser.SpriteUtils._cos + sprite.width * Phaser.SpriteUtils._sin); + sprite.cameraView.x = Math.round(sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x) - (sprite.cameraView.width * sprite.transform.origin.x)); + sprite.cameraView.y = Math.round(sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y) - (sprite.cameraView.height * sprite.transform.origin.y)); + } else { + sprite.cameraView.x = Math.min(sprite.transform.upperLeft.x, sprite.transform.upperRight.x, sprite.transform.bottomLeft.x, sprite.transform.bottomRight.x); + sprite.cameraView.y = Math.min(sprite.transform.upperLeft.y, sprite.transform.upperRight.y, sprite.transform.bottomLeft.y, sprite.transform.bottomRight.y); + sprite.cameraView.width = Math.max(sprite.transform.upperLeft.x, sprite.transform.upperRight.x, sprite.transform.bottomLeft.x, sprite.transform.bottomRight.x) - sprite.cameraView.x; + sprite.cameraView.height = Math.max(sprite.transform.upperLeft.y, sprite.transform.upperRight.y, sprite.transform.bottomLeft.y, sprite.transform.bottomRight.y) - sprite.cameraView.y; + } + } + + return sprite.cameraView; + }; + + SpriteUtils.getAsPoints = function (sprite) { + var out = []; + + // top left + out.push(new Phaser.Point(sprite.x, sprite.y)); + + // top right + out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y)); + + // bottom right + out.push(new Phaser.Point(sprite.x + sprite.width, sprite.y + sprite.height)); + + // bottom left + out.push(new Phaser.Point(sprite.x, sprite.y + sprite.height)); + + return out; + }; + + SpriteUtils.overlapsXY = /** + * Checks to see if some GameObject overlaps this GameObject or Group. + * If the group has a LOT of things in it, it might be faster to use Collision.overlaps(). + * WARNING: Currently tilemaps do NOT support screen space overlap checks! + * + * @param objectOrGroup {object} The object or group being tested. + * @param inScreenSpace {boolean} Whether to take scroll factors numbero account when checking for overlap. Default is false, or "only compare in world space." + * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. + * + * @return {boolean} Whether or not the objects overlap this. + */ + /* + static overlaps(objectOrGroup, inScreenSpace: boolean = false, camera: Camera = null): boolean { + + if (objectOrGroup.isGroup) + { + var results: boolean = false; + var i: number = 0; + var members = objectOrGroup.members; + + while (i < length) + { + if (this.overlaps(members[i++], inScreenSpace, camera)) + { + results = true; + } + } + + return results; + + } + + if (!inScreenSpace) + { + return (objectOrGroup.x + objectOrGroup.width > this.x) && (objectOrGroup.x < this.x + this.width) && + (objectOrGroup.y + objectOrGroup.height > this.y) && (objectOrGroup.y < this.y + this.height); + } + + if (camera == null) + { + camera = this.game.camera; + } + + var objectScreenPos: Point = objectOrGroup.getScreenXY(null, camera); + + this.getScreenXY(this._point, camera); + + return (objectScreenPos.x + objectOrGroup.width > this._point.x) && (objectScreenPos.x < this._point.x + this.width) && + (objectScreenPos.y + objectOrGroup.height > this._point.y) && (objectScreenPos.y < this._point.y + this.height); + } + */ + /** + * Checks to see if the given x and y coordinates overlaps this Sprite, taking scaling and rotation into account. + * The coordinates must be given in world space, not local or camera space. + * + * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. + * @param x {Number} The x coordinate in world space. + * @param y {Number} The y coordinate in world space. + * + * @return Whether or not the point overlaps this object. + */ + function (sprite, x, y) { + if (sprite.transform.rotation == 0) { + return Phaser.RectangleUtils.contains(sprite.worldView, x, y); + } + + if ((x - sprite.transform.upperLeft.x) * (sprite.transform.upperRight.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperLeft.y) * (sprite.transform.upperRight.y - sprite.transform.upperLeft.y) < 0) { + return false; + } + + if ((x - sprite.transform.upperRight.x) * (sprite.transform.upperRight.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperRight.y) * (sprite.transform.upperRight.y - sprite.transform.upperLeft.y) > 0) { + return false; + } + + if ((x - sprite.transform.upperLeft.x) * (sprite.transform.bottomLeft.x - sprite.transform.upperLeft.x) + (y - sprite.transform.upperLeft.y) * (sprite.transform.bottomLeft.y - sprite.transform.upperLeft.y) < 0) { + return false; + } + + if ((x - sprite.transform.bottomLeft.x) * (sprite.transform.bottomLeft.x - sprite.transform.upperLeft.x) + (y - sprite.transform.bottomLeft.y) * (sprite.transform.bottomLeft.y - sprite.transform.upperLeft.y) > 0) { + return false; + } + + return true; + }; + + SpriteUtils.overlapsPoint = /** + * Checks to see if the given point overlaps this Sprite, taking scaling and rotation into account. + * The point must be given in world space, not local or camera space. + * + * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. + * @param point {Point} The point in world space you want to check. + * + * @return Whether or not the point overlaps this object. + */ + function (sprite, point) { + return Phaser.SpriteUtils.overlapsXY(sprite, point.x, point.y); + }; + + SpriteUtils.onScreen = /** + * Check and see if this object is currently on screen. + * + * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. + * + * @return {boolean} Whether the object is on screen or not. + */ + function (sprite, camera) { + if (typeof camera === "undefined") { camera = null; } + if (camera == null) { + camera = sprite.game.camera; + } + + Phaser.SpriteUtils.getScreenXY(sprite, SpriteUtils._tempPoint, camera); + + return (Phaser.SpriteUtils._tempPoint.x + sprite.width > 0) && (Phaser.SpriteUtils._tempPoint.x < camera.width) && (Phaser.SpriteUtils._tempPoint.y + sprite.height > 0) && (Phaser.SpriteUtils._tempPoint.y < camera.height); + }; + + SpriteUtils.getScreenXY = /** + * Call this to figure out the on-screen position of the object. + * + * @param point {Point} Takes a Point object and assigns the post-scrolled X and Y values of this object to it. + * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. + * + * @return {Point} The Point you passed in, or a new Point if you didn't pass one, containing the screen X and Y position of this object. + */ + function (sprite, point, camera) { + if (typeof point === "undefined") { point = null; } + if (typeof camera === "undefined") { camera = null; } + if (point == null) { + point = new Phaser.Point(); + } + + if (camera == null) { + camera = sprite.game.camera; + } + + point.x = sprite.x - camera.x * sprite.transform.scrollFactor.x; + point.y = sprite.y - camera.y * sprite.transform.scrollFactor.y; + point.x += (point.x > 0) ? 0.0000001 : -0.0000001; + point.y += (point.y > 0) ? 0.0000001 : -0.0000001; + + return point; + }; + + SpriteUtils.reset = /** + * Set the world bounds that this GameObject can exist within based on the size of the current game world. + * + * @param action {number} The action to take if the object hits the world bounds, either OUT_OF_BOUNDS_KILL or OUT_OF_BOUNDS_STOP + */ + /* + static setBoundsFromWorld(action: number = GameObject.OUT_OF_BOUNDS_STOP) { + + this.setBounds(this.game.world.bounds.x, this.game.world.bounds.y, this.game.world.bounds.width, this.game.world.bounds.height); + this.outOfBoundsAction = action; + + } + */ + /** + * Handy for reviving game objects. + * Resets their existence flags and position. + * + * @param x {number} The new X position of this object. + * @param y {number} The new Y position of this object. + */ + function (sprite, x, y) { + sprite.revive(); + + //sprite.body.touching = Types.NONE; + //sprite.body.wasTouching = Types.NONE; + sprite.x = x; + sprite.y = y; + sprite.body.velocity.x = 0; + sprite.body.velocity.y = 0; + sprite.body.position.x = x; + sprite.body.position.y = y; + }; + + SpriteUtils.setBounds = /** + * Set the world bounds that this GameObject can exist within. By default a GameObject can exist anywhere + * in the world. But by setting the bounds (which are given in world dimensions, not screen dimensions) + * it can be stopped from leaving the world, or a section of it. + * + * @param x {number} x position of the bound + * @param y {number} y position of the bound + * @param width {number} width of its bound + * @param height {number} height of its bound + */ + function (x, y, width, height) { + //this.worldBounds = new Quad(x, y, width, height); + }; + return SpriteUtils; + })(); + Phaser.SpriteUtils = SpriteUtils; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - DebugUtils +* +* A collection of methods for displaying debug information about game objects. +*/ +var Phaser; +(function (Phaser) { + var DebugUtils = (function () { + function DebugUtils() { + } + DebugUtils.start = function (x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.currentX = x; + Phaser.DebugUtils.currentY = y; + Phaser.DebugUtils.currentColor = color; + + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.font = Phaser.DebugUtils.font; + }; + + DebugUtils.line = function (text, x, y) { + if (typeof x === "undefined") { x = null; } + if (typeof y === "undefined") { y = null; } + if (x !== null) { + Phaser.DebugUtils.currentX = x; + } + + if (y !== null) { + Phaser.DebugUtils.currentY = y; + } + + if (Phaser.DebugUtils.renderShadow) { + Phaser.DebugUtils.context.fillStyle = 'rgb(0,0,0)'; + Phaser.DebugUtils.context.fillText(text, Phaser.DebugUtils.currentX + 1, Phaser.DebugUtils.currentY + 1); + Phaser.DebugUtils.context.fillStyle = Phaser.DebugUtils.currentColor; + } + + Phaser.DebugUtils.context.fillText(text, Phaser.DebugUtils.currentX, Phaser.DebugUtils.currentY); + + Phaser.DebugUtils.currentY += Phaser.DebugUtils.lineHeight; + }; + + DebugUtils.renderSpriteCorners = function (sprite, color) { + if (typeof color === "undefined") { color = 'rgb(255,0,255)'; } + Phaser.DebugUtils.start(0, 0, color); + + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.upperLeft.x) + ' y: ' + Math.floor(sprite.transform.upperLeft.y), sprite.transform.upperLeft.x, sprite.transform.upperLeft.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.upperRight.x) + ' y: ' + Math.floor(sprite.transform.upperRight.y), sprite.transform.upperRight.x, sprite.transform.upperRight.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomLeft.x) + ' y: ' + Math.floor(sprite.transform.bottomLeft.y), sprite.transform.bottomLeft.x, sprite.transform.bottomLeft.y); + Phaser.DebugUtils.line('x: ' + Math.floor(sprite.transform.bottomRight.x) + ' y: ' + Math.floor(sprite.transform.bottomRight.y), sprite.transform.bottomRight.x, sprite.transform.bottomRight.y); + }; + + DebugUtils.renderSoundInfo = /** + * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (sound, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + + Phaser.DebugUtils.line('Sound: ' + sound.key + ' Locked: ' + sound.game.sound.touchLocked + ' Pending Playback: ' + sound.pendingPlayback); + Phaser.DebugUtils.line('Decoded: ' + sound.isDecoded + ' Decoding: ' + sound.isDecoding); + Phaser.DebugUtils.line('Total Duration: ' + sound.totalDuration + ' Playing: ' + sound.isPlaying); + Phaser.DebugUtils.line('Time: ' + sound.currentTime); + Phaser.DebugUtils.line('Volume: ' + sound.volume + ' Muted: ' + sound.mute); + Phaser.DebugUtils.line('WebAudio: ' + sound.usingWebAudio + ' Audio: ' + sound.usingAudioTag); + + if (sound.currentMarker !== '') { + Phaser.DebugUtils.line('Marker: ' + sound.currentMarker + ' Duration: ' + sound.duration); + Phaser.DebugUtils.line('Start: ' + sound.markers[sound.currentMarker].start + ' Stop: ' + sound.markers[sound.currentMarker].stop); + Phaser.DebugUtils.line('Position: ' + sound.position); + } + }; + + DebugUtils.renderCameraInfo = /** + * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (camera, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Camera ID: ' + camera.ID + ' (' + camera.screenView.width + ' x ' + camera.screenView.height + ')'); + Phaser.DebugUtils.line('X: ' + camera.x + ' Y: ' + camera.y + ' Rotation: ' + camera.transform.rotation); + Phaser.DebugUtils.line('WorldView X: ' + camera.worldView.x + ' Y: ' + camera.worldView.y + ' W: ' + camera.worldView.width + ' H: ' + camera.worldView.height); + Phaser.DebugUtils.line('ScreenView X: ' + camera.screenView.x + ' Y: ' + camera.screenView.y + ' W: ' + camera.screenView.width + ' H: ' + camera.screenView.height); + + if (camera.worldBounds) { + Phaser.DebugUtils.line('Bounds: ' + camera.worldBounds.width + ' x ' + camera.worldBounds.height); + } + }; + + DebugUtils.renderPointer = /** + * Renders the Pointer.circle object onto the stage in green if down or red if up. + * @method renderDebug + */ + function (pointer, hideIfUp, downColor, upColor, color) { + if (typeof hideIfUp === "undefined") { hideIfUp = false; } + if (typeof downColor === "undefined") { downColor = 'rgba(0,255,0,0.5)'; } + if (typeof upColor === "undefined") { upColor = 'rgba(255,0,0,0.5)'; } + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + if (hideIfUp == true && pointer.isUp == true) { + return; + } + + Phaser.DebugUtils.context.beginPath(); + Phaser.DebugUtils.context.arc(pointer.x, pointer.y, pointer.circle.radius, 0, Math.PI * 2); + + if (pointer.active) { + Phaser.DebugUtils.context.fillStyle = downColor; + } else { + Phaser.DebugUtils.context.fillStyle = upColor; + } + + Phaser.DebugUtils.context.fill(); + Phaser.DebugUtils.context.closePath(); + + // Render the points + Phaser.DebugUtils.context.beginPath(); + Phaser.DebugUtils.context.moveTo(pointer.positionDown.x, pointer.positionDown.y); + Phaser.DebugUtils.context.lineTo(pointer.position.x, pointer.position.y); + Phaser.DebugUtils.context.lineWidth = 2; + Phaser.DebugUtils.context.stroke(); + Phaser.DebugUtils.context.closePath(); + + // Render the text + Phaser.DebugUtils.start(pointer.x, pointer.y - 100, color); + + Phaser.DebugUtils.line('ID: ' + pointer.id + " Active: " + pointer.active); + Phaser.DebugUtils.line('World X: ' + pointer.worldX + " World Y: " + pointer.worldY); + Phaser.DebugUtils.line('Screen X: ' + pointer.x + " Screen Y: " + pointer.y); + Phaser.DebugUtils.line('Duration: ' + pointer.duration + " ms"); + }; + + DebugUtils.renderSpriteInputInfo = /** + * Render Sprite Input Debug information + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (sprite, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + + Phaser.DebugUtils.line('Sprite Input: (' + sprite.width + ' x ' + sprite.height + ')'); + Phaser.DebugUtils.line('x: ' + sprite.input.pointerX().toFixed(1) + ' y: ' + sprite.input.pointerY().toFixed(1)); + Phaser.DebugUtils.line('over: ' + sprite.input.pointerOver() + ' duration: ' + sprite.input.overDuration().toFixed(0)); + Phaser.DebugUtils.line('down: ' + sprite.input.pointerDown() + ' duration: ' + sprite.input.downDuration().toFixed(0)); + Phaser.DebugUtils.line('just over: ' + sprite.input.justOver() + ' just out: ' + sprite.input.justOut()); + }; + + DebugUtils.renderInputInfo = /** + * Render debug information about the Input object. + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + + if (Phaser.DebugUtils.game.input.camera) { + Phaser.DebugUtils.line('Input - Camera: ' + Phaser.DebugUtils.game.input.camera.ID); + } else { + Phaser.DebugUtils.line('Input - Camera: null'); + } + + Phaser.DebugUtils.line('X: ' + Phaser.DebugUtils.game.input.x + ' Y: ' + Phaser.DebugUtils.game.input.y); + Phaser.DebugUtils.line('World X: ' + Phaser.DebugUtils.game.input.worldX + ' World Y: ' + Phaser.DebugUtils.game.input.worldY); + Phaser.DebugUtils.line('Scale X: ' + Phaser.DebugUtils.game.input.scale.x.toFixed(1) + ' Scale Y: ' + Phaser.DebugUtils.game.input.scale.x.toFixed(1)); + Phaser.DebugUtils.line('Screen X: ' + Phaser.DebugUtils.game.input.activePointer.screenX + ' Screen Y: ' + Phaser.DebugUtils.game.input.activePointer.screenY); + }; + + DebugUtils.renderSpriteWorldView = function (sprite, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Sprite World Coords (' + sprite.width + ' x ' + sprite.height + ')'); + Phaser.DebugUtils.line('x: ' + sprite.worldView.x + ' y: ' + sprite.worldView.y); + Phaser.DebugUtils.line('bottom: ' + sprite.worldView.bottom + ' right: ' + sprite.worldView.right.toFixed(1)); + }; + + DebugUtils.renderSpriteInfo = /** + * Render debug infos. (including name, bounds info, position and some other properties) + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (sprite, x, y, color) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + Phaser.DebugUtils.start(x, y, color); + Phaser.DebugUtils.line('Sprite: ' + ' (' + sprite.width + ' x ' + sprite.height + ') origin: ' + sprite.transform.origin.x + ' x ' + sprite.transform.origin.y); + Phaser.DebugUtils.line('x: ' + sprite.x.toFixed(1) + ' y: ' + sprite.y.toFixed(1) + ' rotation: ' + sprite.rotation.toFixed(1)); + Phaser.DebugUtils.line('wx: ' + sprite.worldView.x + ' wy: ' + sprite.worldView.y + ' ww: ' + sprite.worldView.width.toFixed(1) + ' wh: ' + sprite.worldView.height.toFixed(1) + ' wb: ' + sprite.worldView.bottom + ' wr: ' + sprite.worldView.right); + Phaser.DebugUtils.line('sx: ' + sprite.transform.scale.x.toFixed(1) + ' sy: ' + sprite.transform.scale.y.toFixed(1)); + Phaser.DebugUtils.line('tx: ' + sprite.texture.width.toFixed(1) + ' ty: ' + sprite.texture.height.toFixed(1)); + Phaser.DebugUtils.line('center x: ' + sprite.transform.center.x + ' y: ' + sprite.transform.center.y); + Phaser.DebugUtils.line('cameraView x: ' + sprite.cameraView.x + ' y: ' + sprite.cameraView.y + ' width: ' + sprite.cameraView.width + ' height: ' + sprite.cameraView.height); + Phaser.DebugUtils.line('inCamera: ' + Phaser.DebugUtils.game.renderer.spriteRenderer.inCamera(Phaser.DebugUtils.game.camera, sprite)); + }; + + DebugUtils.renderSpriteBounds = function (sprite, camera, color) { + if (typeof camera === "undefined") { camera = null; } + if (typeof color === "undefined") { color = 'rgba(0,255,0,0.2)'; } + if (camera == null) { + camera = Phaser.DebugUtils.game.camera; + } + + var dx = sprite.worldView.x; + var dy = sprite.worldView.y; + + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.fillRect(dx, dy, sprite.width, sprite.height); + }; + + DebugUtils.renderPixel = function (x, y, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,1)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(x, y, 1, 1); + }; + + DebugUtils.renderPoint = function (point, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,1)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(point.x, point.y, 1, 1); + }; + + DebugUtils.renderRectangle = function (rect, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,0.3)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.fillRect(rect.x, rect.y, rect.width, rect.height); + }; + + DebugUtils.renderCircle = function (circle, fillStyle) { + if (typeof fillStyle === "undefined") { fillStyle = 'rgba(0,255,0,0.3)'; } + Phaser.DebugUtils.context.fillStyle = fillStyle; + Phaser.DebugUtils.context.arc(circle.x, circle.y, circle.radius, 0, Math.PI * 2, false); + Phaser.DebugUtils.context.fill(); + }; + + DebugUtils.renderText = /** + * Render text + * @param x {number} X position of the debug info to be rendered. + * @param y {number} Y position of the debug info to be rendered. + * @param [color] {number} color of the debug info to be rendered. (format is css color string) + */ + function (text, x, y, color, font) { + if (typeof color === "undefined") { color = 'rgb(255,255,255)'; } + if (typeof font === "undefined") { font = '16px Courier'; } + Phaser.DebugUtils.context.font = font; + Phaser.DebugUtils.context.fillStyle = color; + Phaser.DebugUtils.context.fillText(text, x, y); + }; + DebugUtils.font = '14px Courier'; + DebugUtils.lineHeight = 16; + + DebugUtils.renderShadow = true; + return DebugUtils; + })(); + Phaser.DebugUtils = DebugUtils; +})(Phaser || (Phaser = {})); +/// +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Headless) { + var HeadlessRenderer = (function () { + function HeadlessRenderer(game) { + this.game = game; + } + HeadlessRenderer.prototype.render = function () { + // Nothing, headless remember? + }; + + HeadlessRenderer.prototype.renderGameObject = function (camera, object) { + // Nothing, headless remember? + }; + return HeadlessRenderer; + })(); + Headless.HeadlessRenderer = HeadlessRenderer; + })(Renderer.Headless || (Renderer.Headless = {})); + var Headless = Renderer.Headless; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var CameraRenderer = (function () { + function CameraRenderer(game) { + this._ga = 1; + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + this._fx = 1; + this._fy = 1; + this._tx = 0; + this._ty = 0; + this._gac = 1; + this._sin = 0; + this._cos = 1; + this.game = game; + } + CameraRenderer.prototype.preRender = function (camera) { + if (camera.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { + return false; + } + + if (this.game.device.patchAndroidClearRectBug) { + camera.texture.context.fillStyle = 'rgb(0,0,0)'; + camera.texture.context.fillRect(0, 0, camera.width, camera.height); + } else { + camera.texture.context.clearRect(0, 0, camera.width, camera.height); + } + + if (camera.texture.alpha !== 1 && camera.texture.context.globalAlpha != camera.texture.alpha) { + this._ga = camera.texture.context.globalAlpha; + camera.texture.context.globalAlpha = camera.texture.alpha; + } + + if (camera.texture.opaque) { + camera.texture.context.fillStyle = camera.texture.backgroundColor; + camera.texture.context.fillRect(0, 0, camera.width, camera.height); + } + + if (camera.texture.globalCompositeOperation) { + camera.texture.context.globalCompositeOperation = camera.texture.globalCompositeOperation; + } + + camera.plugins.preRender(); + }; + + CameraRenderer.prototype.postRender = function (camera) { + if (this._ga > -1) { + camera.texture.context.globalAlpha = this._ga; + } + + camera.plugins.postRender(); + + // Reset our temp vars + this._ga = -1; + this._sx = 0; + this._sy = 0; + this._sw = camera.width; + this._sh = camera.height; + this._fx = camera.transform.scale.x; + this._fy = camera.transform.scale.y; + this._sin = 0; + this._cos = 1; + this._dx = camera.screenView.x; + this._dy = camera.screenView.y; + this._dw = camera.width; + this._dh = camera.height; + + this.game.stage.context.save(); + + if (camera.texture.flippedX) { + this._fx = -camera.transform.scale.x; + } + + if (camera.texture.flippedY) { + this._fy = -camera.transform.scale.y; + } + + if (camera.modified) { + if (camera.transform.rotation !== 0 || camera.transform.rotationOffset !== 0) { + this._sin = Math.sin(camera.game.math.degreesToRadians(camera.transform.rotationOffset + camera.transform.rotation)); + this._cos = Math.cos(camera.game.math.degreesToRadians(camera.transform.rotationOffset + camera.transform.rotation)); + } + + this.game.stage.context.setTransform(this._cos * this._fx, (this._sin * this._fx) + camera.transform.skew.x, -(this._sin * this._fy) + camera.transform.skew.y, this._cos * this._fy, this._dx, this._dy); + + this._dx = camera.transform.origin.x * -this._dw; + this._dy = camera.transform.origin.y * -this._dh; + } else { + this._dx -= (this._dw * camera.transform.origin.x); + this._dy -= (this._dh * camera.transform.origin.y); + } + + this._sx = Math.floor(this._sx); + this._sy = Math.floor(this._sy); + this._sw = Math.floor(this._sw); + this._sh = Math.floor(this._sh); + this._dx = Math.floor(this._dx); + this._dy = Math.floor(this._dy); + this._dw = Math.floor(this._dw); + this._dh = Math.floor(this._dh); + + if (this._sw <= 0 || this._sh <= 0 || this._dw <= 0 || this._dh <= 0) { + this.game.stage.context.restore(); + return false; + } + + this.game.stage.context.drawImage(camera.texture.canvas, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + + this.game.stage.context.restore(); + }; + return CameraRenderer; + })(); + Canvas.CameraRenderer = CameraRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var GeometryRenderer = (function () { + function GeometryRenderer(game) { + // Local rendering related temp vars to help avoid gc spikes through constant var creation + this._ga = 1; + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + this._fx = 1; + this._fy = 1; + this._sin = 0; + this._cos = 1; + this.game = game; + } + GeometryRenderer.prototype.renderCircle = function (camera, circle, context, outline, fill, lineColor, fillColor, lineWidth) { + if (typeof outline === "undefined") { outline = false; } + if (typeof fill === "undefined") { fill = true; } + if (typeof lineColor === "undefined") { lineColor = 'rgb(0,255,0)'; } + if (typeof fillColor === "undefined") { fillColor = 'rgba(0,100,0.0.3)'; } + if (typeof lineWidth === "undefined") { lineWidth = 1; } + // Reset our temp vars + this._sx = 0; + this._sy = 0; + this._sw = circle.diameter; + this._sh = circle.diameter; + this._fx = 1; + this._fy = 1; + this._sin = 0; + this._cos = 1; + this._dx = camera.screenView.x + circle.x - camera.worldView.x; + this._dy = camera.screenView.y + circle.y - camera.worldView.y; + this._dw = circle.diameter; + this._dh = circle.diameter; + + this._sx = Math.floor(this._sx); + this._sy = Math.floor(this._sy); + this._sw = Math.floor(this._sw); + this._sh = Math.floor(this._sh); + this._dx = Math.floor(this._dx); + this._dy = Math.floor(this._dy); + this._dw = Math.floor(this._dw); + this._dh = Math.floor(this._dh); + + this.game.stage.saveCanvasValues(); + + context.save(); + context.lineWidth = lineWidth; + context.strokeStyle = lineColor; + context.fillStyle = fillColor; + + context.beginPath(); + context.arc(this._dx, this._dy, circle.radius, 0, Math.PI * 2); + context.closePath(); + + if (outline) { + //context.stroke(); + } + + if (fill) { + context.fill(); + } + + context.restore(); + + this.game.stage.restoreCanvasValues(); + + return true; + }; + return GeometryRenderer; + })(); + Canvas.GeometryRenderer = GeometryRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var GroupRenderer = (function () { + function GroupRenderer(game) { + // Local rendering related temp vars to help avoid gc spikes through var creation + this._ga = 1; + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + this._fx = 1; + this._fy = 1; + this._sin = 0; + this._cos = 1; + this.game = game; + } + GroupRenderer.prototype.preRender = function (camera, group) { + if (group.visible == false || camera.transform.scale.x == 0 || camera.transform.scale.y == 0 || camera.texture.alpha < 0.1) { + return false; + } + + // Reset our temp vars + this._ga = -1; + this._sx = 0; + this._sy = 0; + this._sw = group.texture.width; + this._sh = group.texture.height; + this._fx = group.transform.scale.x; + this._fy = group.transform.scale.y; + this._sin = 0; + this._cos = 1; + + //this._dx = (camera.screenView.x * camera.scrollFactor.x) + camera.frameBounds.x - (camera.worldView.x * camera.scrollFactor.x); + //this._dy = (camera.screenView.y * camera.scrollFactor.y) + camera.frameBounds.y - (camera.worldView.y * camera.scrollFactor.y); + this._dx = 0; + this._dy = 0; + this._dw = group.texture.width; + this._dh = group.texture.height; + + if (group.texture.globalCompositeOperation) { + group.texture.context.save(); + group.texture.context.globalCompositeOperation = group.texture.globalCompositeOperation; + } + + if (group.texture.alpha !== 1 && group.texture.context.globalAlpha !== group.texture.alpha) { + this._ga = group.texture.context.globalAlpha; + group.texture.context.globalAlpha = group.texture.alpha; + } + + if (group.texture.flippedX) { + this._fx = -group.transform.scale.x; + } + + if (group.texture.flippedY) { + this._fy = -group.transform.scale.y; + } + + if (group.modified) { + if (group.transform.rotation !== 0 || group.transform.rotationOffset !== 0) { + this._sin = Math.sin(group.game.math.degreesToRadians(group.transform.rotationOffset + group.transform.rotation)); + this._cos = Math.cos(group.game.math.degreesToRadians(group.transform.rotationOffset + group.transform.rotation)); + } + + group.texture.context.save(); + + group.texture.context.setTransform(this._cos * this._fx, (this._sin * this._fx) + group.transform.skew.x, -(this._sin * this._fy) + group.transform.skew.y, this._cos * this._fy, this._dx, this._dy); + + this._dx = -group.transform.origin.x; + this._dy = -group.transform.origin.y; + } else { + if (!group.transform.origin.equals(0)) { + this._dx -= group.transform.origin.x; + this._dy -= group.transform.origin.y; + } + } + + this._sx = Math.floor(this._sx); + this._sy = Math.floor(this._sy); + this._sw = Math.floor(this._sw); + this._sh = Math.floor(this._sh); + this._dx = Math.floor(this._dx); + this._dy = Math.floor(this._dy); + this._dw = Math.floor(this._dw); + this._dh = Math.floor(this._dh); + + if (group.texture.opaque) { + group.texture.context.fillStyle = group.texture.backgroundColor; + group.texture.context.fillRect(this._dx, this._dy, this._dw, this._dh); + } + + if (group.texture.loaded) { + group.texture.context.drawImage(group.texture.texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + + return true; + }; + + GroupRenderer.prototype.postRender = function (camera, group) { + if (group.modified || group.texture.globalCompositeOperation) { + group.texture.context.restore(); + } + + if (this._ga > -1) { + group.texture.context.globalAlpha = this._ga; + } + }; + return GroupRenderer; + })(); + Canvas.GroupRenderer = GroupRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var ScrollZoneRenderer = (function () { + function ScrollZoneRenderer(game) { + // Local rendering related temp vars to help avoid gc spikes through constant var creation + this._ga = 1; + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + this._fx = 1; + this._fy = 1; + this._sin = 0; + this._cos = 1; + this.game = game; + } + /** + * Check whether this object is visible in a specific camera Rectangle. + * @param camera {Rectangle} The Rectangle you want to check. + * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. + */ + ScrollZoneRenderer.prototype.inCamera = function (camera, scrollZone) { + if (scrollZone.transform.scrollFactor.equals(0)) { + return true; + } + + //return RectangleUtils.intersects(sprite.cameraView, camera.screenView); + return true; + }; + + ScrollZoneRenderer.prototype.render = function (camera, scrollZone) { + if (scrollZone.transform.scale.x == 0 || scrollZone.transform.scale.y == 0 || scrollZone.texture.alpha < 0.1 || this.inCamera(camera, scrollZone) == false) { + return false; + } + + // Reset our temp vars + this._ga = -1; + this._sx = 0; + this._sy = 0; + this._sw = scrollZone.width; + this._sh = scrollZone.height; + this._fx = scrollZone.transform.scale.x; + this._fy = scrollZone.transform.scale.y; + this._sin = 0; + this._cos = 1; + this._dx = (camera.screenView.x * scrollZone.transform.scrollFactor.x) + scrollZone.x - (camera.worldView.x * scrollZone.transform.scrollFactor.x); + this._dy = (camera.screenView.y * scrollZone.transform.scrollFactor.y) + scrollZone.y - (camera.worldView.y * scrollZone.transform.scrollFactor.y); + this._dw = scrollZone.width; + this._dh = scrollZone.height; + + if (scrollZone.texture.alpha !== 1) { + this._ga = scrollZone.texture.context.globalAlpha; + scrollZone.texture.context.globalAlpha = scrollZone.texture.alpha; + } + + if (scrollZone.texture.flippedX) { + this._fx = -scrollZone.transform.scale.x; + } + + if (scrollZone.texture.flippedY) { + this._fy = -scrollZone.transform.scale.y; + } + + if (scrollZone.modified) { + if (scrollZone.texture.renderRotation == true && (scrollZone.rotation !== 0 || scrollZone.transform.rotationOffset !== 0)) { + this._sin = Math.sin(scrollZone.game.math.degreesToRadians(scrollZone.transform.rotationOffset + scrollZone.rotation)); + this._cos = Math.cos(scrollZone.game.math.degreesToRadians(scrollZone.transform.rotationOffset + scrollZone.rotation)); + } + + scrollZone.texture.context.save(); + + scrollZone.texture.context.setTransform(this._cos * this._fx, (this._sin * this._fx) + scrollZone.transform.skew.x, -(this._sin * this._fy) + scrollZone.transform.skew.y, this._cos * this._fy, this._dx, this._dy); + + this._dx = -scrollZone.transform.origin.x; + this._dy = -scrollZone.transform.origin.y; + } else { + if (!scrollZone.transform.origin.equals(0)) { + this._dx -= scrollZone.transform.origin.x; + this._dy -= scrollZone.transform.origin.y; + } + } + + this._sx = Math.floor(this._sx); + this._sy = Math.floor(this._sy); + this._sw = Math.floor(this._sw); + this._sh = Math.floor(this._sh); + this._dx = Math.floor(this._dx); + this._dy = Math.floor(this._dy); + this._dw = Math.floor(this._dw); + this._dh = Math.floor(this._dh); + + for (var i = 0; i < scrollZone.regions.length; i++) { + if (scrollZone.texture.isDynamic) { + scrollZone.regions[i].render(scrollZone.texture.context, scrollZone.texture.texture, this._dx, this._dy, this._dw, this._dh); + } else { + scrollZone.regions[i].render(scrollZone.texture.context, scrollZone.texture.texture, this._dx, this._dy, this._dw, this._dh); + } + } + + if (scrollZone.modified) { + scrollZone.texture.context.restore(); + } + + if (this._ga > -1) { + scrollZone.texture.context.globalAlpha = this._ga; + } + + this.game.renderer.renderCount++; + + return true; + }; + return ScrollZoneRenderer; + })(); + Canvas.ScrollZoneRenderer = ScrollZoneRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var SpriteRenderer = (function () { + function SpriteRenderer(game) { + // Local rendering related temp vars to help avoid gc spikes through constant var creation + //private _c: number = 0; + this._ga = 1; + this._sx = 0; + this._sy = 0; + this._sw = 0; + this._sh = 0; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + this.game = game; + } + /** + * Check whether this object is visible in a specific camera Rectangle. + * @param camera {Rectangle} The Rectangle you want to check. + * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. + */ + SpriteRenderer.prototype.inCamera = function (camera, sprite) { + if (sprite.transform.scrollFactor.equals(0)) { + return true; + } + + //return RectangleUtils.intersects(sprite.cameraView, camera.screenView); + return true; + }; + + /** + * Render this sprite to specific camera. Called by game loop after update(). + * @param camera {Camera} Camera this sprite will be rendered to. + * @return {boolean} Return false if not rendered, otherwise return true. + */ + SpriteRenderer.prototype.render = function (camera, sprite) { + Phaser.SpriteUtils.updateCameraView(camera, sprite); + + if (sprite.transform.scale.x == 0 || sprite.transform.scale.y == 0 || sprite.texture.alpha < 0.1 || this.inCamera(camera, sprite) == false) { + return false; + } + + // Reset our temp vars + this._ga = -1; + this._sx = 0; + this._sy = 0; + this._sw = sprite.texture.width; + this._sh = sprite.texture.height; + + //this._dx = camera.screenView.x + sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x); + //this._dy = camera.screenView.y + sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y); + this._dx = sprite.x - (camera.worldView.x * sprite.transform.scrollFactor.x); + this._dy = sprite.y - (camera.worldView.y * sprite.transform.scrollFactor.y); + this._dw = sprite.texture.width; + this._dh = sprite.texture.height; + + if (sprite.animations.currentFrame !== null) { + this._sx = sprite.animations.currentFrame.x; + this._sy = sprite.animations.currentFrame.y; + + if (sprite.animations.currentFrame.trimmed) { + this._dx += sprite.animations.currentFrame.spriteSourceSizeX; + this._dy += sprite.animations.currentFrame.spriteSourceSizeY; + this._sw = sprite.animations.currentFrame.spriteSourceSizeW; + this._sh = sprite.animations.currentFrame.spriteSourceSizeH; + this._dw = sprite.animations.currentFrame.spriteSourceSizeW; + this._dh = sprite.animations.currentFrame.spriteSourceSizeH; + } + } + + if (sprite.modified) { + camera.texture.context.save(); + + camera.texture.context.setTransform(sprite.transform.local.data[0], sprite.transform.local.data[3], sprite.transform.local.data[1], sprite.transform.local.data[4], this._dx, this._dy); + + this._dx = sprite.transform.origin.x * -this._dw; + this._dy = sprite.transform.origin.y * -this._dh; + } else { + this._dx -= (this._dw * sprite.transform.origin.x); + this._dy -= (this._dh * sprite.transform.origin.y); + } + + if (sprite.crop) { + this._sx += sprite.crop.x * sprite.transform.scale.x; + this._sy += sprite.crop.y * sprite.transform.scale.y; + this._sw = sprite.crop.width * sprite.transform.scale.x; + this._sh = sprite.crop.height * sprite.transform.scale.y; + this._dx += sprite.crop.x * sprite.transform.scale.x; + this._dy += sprite.crop.y * sprite.transform.scale.y; + this._dw = sprite.crop.width * sprite.transform.scale.x; + this._dh = sprite.crop.height * sprite.transform.scale.y; + } + + this._sx = Math.floor(this._sx); + this._sy = Math.floor(this._sy); + this._sw = Math.floor(this._sw); + this._sh = Math.floor(this._sh); + this._dx = Math.floor(this._dx); + this._dy = Math.floor(this._dy); + this._dw = Math.floor(this._dw); + this._dh = Math.floor(this._dh); + + if (this._sw <= 0 || this._sh <= 0 || this._dw <= 0 || this._dh <= 0) { + return false; + } + + if (sprite.texture.globalCompositeOperation) { + camera.texture.context.save(); + camera.texture.context.globalCompositeOperation = sprite.texture.globalCompositeOperation; + } + + if (sprite.texture.alpha !== 1 && camera.texture.context.globalAlpha != sprite.texture.alpha) { + this._ga = sprite.texture.context.globalAlpha; + camera.texture.context.globalAlpha = sprite.texture.alpha; + } + + if (sprite.texture.opaque) { + camera.texture.context.fillStyle = sprite.texture.backgroundColor; + camera.texture.context.fillRect(this._dx, this._dy, this._dw, this._dh); + } + + if (sprite.texture.loaded) { + camera.texture.context.drawImage(sprite.texture.texture, this._sx, this._sy, this._sw, this._sh, this._dx, this._dy, this._dw, this._dh); + } + + if (sprite.modified || sprite.texture.globalCompositeOperation) { + camera.texture.context.restore(); + } + + if (this._ga > -1) { + camera.texture.context.globalAlpha = this._ga; + } + + sprite.renderOrderID = this.game.renderer.renderCount; + + this.game.renderer.renderCount++; + + return true; + }; + return SpriteRenderer; + })(); + Canvas.SpriteRenderer = SpriteRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var TilemapRenderer = (function () { + function TilemapRenderer(game) { + // Local rendering related temp vars to help avoid gc spikes through constant var creation + this._ga = 1; + this._dx = 0; + this._dy = 0; + this._dw = 0; + this._dh = 0; + this._tx = 0; + this._ty = 0; + this._tl = 0; + this._maxX = 0; + this._maxY = 0; + this._startX = 0; + this._startY = 0; + this.game = game; + } + /** + * Render a tilemap to a specific camera. + * @param camera {Camera} The camera this tilemap will be rendered to. + */ + TilemapRenderer.prototype.render = function (camera, tilemap) { + // Loop through the layers + this._tl = tilemap.layers.length; + + for (var i = 0; i < this._tl; i++) { + if (tilemap.layers[i].visible == false || tilemap.layers[i].alpha < 0.1) { + continue; + } + + var layer = tilemap.layers[i]; + + // Work out how many tiles we can fit into our camera and round it up for the edges + this._maxX = this.game.math.ceil(camera.width / layer.tileWidth) + 1; + this._maxY = this.game.math.ceil(camera.height / layer.tileHeight) + 1; + + // And now work out where in the tilemap the camera actually is + this._startX = this.game.math.floor(camera.worldView.x / layer.tileWidth); + this._startY = this.game.math.floor(camera.worldView.y / layer.tileHeight); + + if (this._startX < 0) { + this._startX = 0; + } + + if (this._startY < 0) { + this._startY = 0; + } + + if (this._maxX > layer.widthInTiles) { + this._maxX = layer.widthInTiles; + } + + if (this._maxY > layer.heightInTiles) { + this._maxY = layer.heightInTiles; + } + + if (this._startX + this._maxX > layer.widthInTiles) { + this._startX = layer.widthInTiles - this._maxX; + } + + if (this._startY + this._maxY > layer.heightInTiles) { + this._startY = layer.heightInTiles - this._maxY; + } + + // Finally get the offset to avoid the blocky movement + //this._dx = (camera.screenView.x * layer.transform.scrollFactor.x) - (camera.worldView.x * layer.transform.scrollFactor.x); + //this._dy = (camera.screenView.y * layer.transform.scrollFactor.y) - (camera.worldView.y * layer.transform.scrollFactor.y); + //this._dx = (camera.screenView.x * this.scrollFactor.x) + this.x - (camera.worldView.x * this.scrollFactor.x); + //this._dy = (camera.screenView.y * this.scrollFactor.y) + this.y - (camera.worldView.y * this.scrollFactor.y); + this._dx = 0; + this._dy = 0; + + this._dx += -(camera.worldView.x - (this._startX * layer.tileWidth)); + this._dy += -(camera.worldView.y - (this._startY * layer.tileHeight)); + + this._tx = this._dx; + this._ty = this._dy; + + if (layer.texture.alpha !== 1) { + this._ga = layer.texture.context.globalAlpha; + layer.texture.context.globalAlpha = layer.texture.alpha; + } + + for (var row = this._startY; row < this._startY + this._maxY; row++) { + this._columnData = layer.mapData[row]; + + for (var tile = this._startX; tile < this._startX + this._maxX; tile++) { + if (layer.tileOffsets[this._columnData[tile]]) { + layer.texture.context.drawImage(layer.texture.texture, layer.tileOffsets[this._columnData[tile]].x, layer.tileOffsets[this._columnData[tile]].y, layer.tileWidth, layer.tileHeight, this._tx, this._ty, layer.tileWidth, layer.tileHeight); + } + + this._tx += layer.tileWidth; + } + + this._tx = this._dx; + this._ty += layer.tileHeight; + } + + if (this._ga > -1) { + layer.texture.context.globalAlpha = this._ga; + } + } + + return true; + }; + return TilemapRenderer; + })(); + Canvas.TilemapRenderer = TilemapRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +var Phaser; +(function (Phaser) { + (function (Renderer) { + /// + (function (Canvas) { + var CanvasRenderer = (function () { + function CanvasRenderer(game) { + this._c = 0; + this.game = game; + + this.cameraRenderer = new Phaser.Renderer.Canvas.CameraRenderer(game); + this.groupRenderer = new Phaser.Renderer.Canvas.GroupRenderer(game); + this.spriteRenderer = new Phaser.Renderer.Canvas.SpriteRenderer(game); + this.geometryRenderer = new Phaser.Renderer.Canvas.GeometryRenderer(game); + this.scrollZoneRenderer = new Phaser.Renderer.Canvas.ScrollZoneRenderer(game); + this.tilemapRenderer = new Phaser.Renderer.Canvas.TilemapRenderer(game); + } + CanvasRenderer.prototype.render = function () { + this._cameraList = this.game.world.getAllCameras(); + this.renderCount = 0; + + for (this._c = 0; this._c < this._cameraList.length; this._c++) { + if (this._cameraList[this._c].visible) { + this.cameraRenderer.preRender(this._cameraList[this._c]); + + this.game.world.group.render(this._cameraList[this._c]); + + this.cameraRenderer.postRender(this._cameraList[this._c]); + } + } + + this.renderTotal = this.renderCount; + }; + + CanvasRenderer.prototype.renderGameObject = function (camera, object) { + if (object.type == Phaser.Types.SPRITE || object.type == Phaser.Types.BUTTON) { + this.spriteRenderer.render(camera, object); + } else if (object.type == Phaser.Types.SCROLLZONE) { + this.scrollZoneRenderer.render(camera, object); + } else if (object.type == Phaser.Types.TILEMAP) { + this.tilemapRenderer.render(camera, object); + } + }; + return CanvasRenderer; + })(); + Canvas.CanvasRenderer = CanvasRenderer; + })(Renderer.Canvas || (Renderer.Canvas = {})); + var Canvas = Renderer.Canvas; + })(Phaser.Renderer || (Phaser.Renderer = {})); + var Renderer = Phaser.Renderer; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - World +* +* "This world is but a canvas to our imagination." - Henry David Thoreau +* +* A game has only one world. The world is an abstract place in which all game objects live. It is not bound +* by stage limits and can be any size or dimension. You look into the world via cameras and all game objects +* live within the world at world-based coordinates. By default a world is created the same size as your Stage. +*/ +var Phaser; +(function (Phaser) { + var World = (function () { + /** + * World constructor + * Create a new World with specific width and height. + * + * @param width {number} Width of the world bound. + * @param height {number} Height of the world bound. + */ + function World(game, width, height) { + /** + * Object container stores every object created with `create*` methods. + * @type {Group} + */ + this._groupCounter = 0; + this.game = game; + + this.cameras = new Phaser.CameraManager(this.game, 0, 0, width, height); + + this.bounds = new Phaser.Rectangle(0, 0, width, height); + } + World.prototype.getNextGroupID = function () { + return this._groupCounter++; + }; + + /** + * Called once by Game during the boot process. + */ + World.prototype.boot = function () { + this.group = new Phaser.Group(this.game, 0); + }; + + /** + * This is called automatically every frame, and is where main logic happens. + */ + World.prototype.update = function () { + this.group.update(); + this.cameras.update(); + }; + + /** + * This is called automatically every frame, and is where main logic happens. + */ + World.prototype.postUpdate = function () { + this.group.postUpdate(); + this.cameras.postUpdate(); + }; + + /** + * Clean up memory. + */ + World.prototype.destroy = function () { + this.group.destroy(); + this.cameras.destroy(); + }; + + /** + * Updates the size of this world. + * + * @param width {number} New width of the world. + * @param height {number} New height of the world. + * @param [updateCameraBounds] {boolean} Update camera bounds automatically or not. Default to true. + */ + World.prototype.setSize = function (width, height, updateCameraBounds) { + if (typeof updateCameraBounds === "undefined") { updateCameraBounds = true; } + this.bounds.width = width; + this.bounds.height = height; + + if (updateCameraBounds == true) { + this.game.camera.setBounds(0, 0, width, height); + } + // dispatch world resize event + }; + + Object.defineProperty(World.prototype, "width", { + get: function () { + return this.bounds.width; + }, + set: function (value) { + this.bounds.width = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(World.prototype, "height", { + get: function () { + return this.bounds.height; + }, + set: function (value) { + this.bounds.height = value; + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(World.prototype, "centerX", { + get: function () { + return this.bounds.halfWidth; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(World.prototype, "centerY", { + get: function () { + return this.bounds.halfHeight; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(World.prototype, "randomX", { + get: function () { + return Math.round(Math.random() * this.bounds.width); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(World.prototype, "randomY", { + get: function () { + return Math.round(Math.random() * this.bounds.height); + }, + enumerable: true, + configurable: true + }); + + /** + * Get all the cameras. + * + * @returns {array} An array contains all the cameras. + */ + World.prototype.getAllCameras = function () { + return this.cameras.getAll(); + }; + return World; + })(); + Phaser.World = World; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Stage +* +* The Stage is the canvas on which everything is displayed. This class handles display within the web browser, focus handling, +* resizing, scaling and pause/boot screens. +*/ +var Phaser; +(function (Phaser) { + var Stage = (function () { + /** + * Stage constructor + * + * Create a new Stage with specific width and height. + * + * @param parent {number} ID of parent DOM element. + * @param width {number} Width of the stage. + * @param height {number} Height of the stage. + */ + function Stage(game, parent, width, height) { + var _this = this; + /** + * Background color of the stage (defaults to black). Set via the public backgroundColor property. + * @type {string} + */ + this._backgroundColor = 'rgb(0,0,0)'; + /** + * Clear the whole stage every frame? (Default to true) + * @type {boolean} + */ + this.clear = true; + /** + * Do not use pause screen when game is paused? + * (Default to false, aka always use PauseScreen) + * @type {boolean} + */ + this.disablePauseScreen = false; + /** + * Do not use boot screen when engine starts? + * (Default to false, aka always use BootScreen) + * @type {boolean} + */ + this.disableBootScreen = false; + /** + * If set to true the game will never pause when the browser or browser tab loses focuses + * @type {boolean} + */ + this.disableVisibilityChange = false; + this.game = game; + + this.canvas = document.createElement('canvas'); + this.canvas.width = width; + this.canvas.height = height; + + if ((parent !== '' || parent !== null) && document.getElementById(parent)) { + document.getElementById(parent).appendChild(this.canvas); + document.getElementById(parent).style.overflow = 'hidden'; + } else { + document.body.appendChild(this.canvas); + } + + // Consume default actions on the canvas + this.canvas.style.msTouchAction = 'none'; + this.canvas.style['ms-touch-action'] = 'none'; + this.canvas.style['touch-action'] = 'none'; + this.canvas.style.backgroundColor = 'rgb(0,0,0)'; + this.canvas.oncontextmenu = function (event) { + event.preventDefault(); + }; + + this.context = this.canvas.getContext('2d'); + + this.css3 = new Phaser.Display.CSS3Filters(this.canvas); + + this.scaleMode = Phaser.StageScaleMode.NO_SCALE; + this.scale = new Phaser.StageScaleMode(this.game, width, height); + + this.getOffset(this.canvas); + this.bounds = new Phaser.Rectangle(this.offset.x, this.offset.y, width, height); + this.aspectRatio = width / height; + + document.addEventListener('visibilitychange', function (event) { + return _this.visibilityChange(event); + }, false); + document.addEventListener('webkitvisibilitychange', function (event) { + return _this.visibilityChange(event); + }, false); + document.addEventListener('pagehide', function (event) { + return _this.visibilityChange(event); + }, false); + document.addEventListener('pageshow', function (event) { + return _this.visibilityChange(event); + }, false); + window.onblur = function (event) { + return _this.visibilityChange(event); + }; + window.onfocus = function (event) { + return _this.visibilityChange(event); + }; + } + /** + * Stage boot + */ + Stage.prototype.boot = function () { + this.bootScreen = new Phaser.BootScreen(this.game); + this.pauseScreen = new Phaser.PauseScreen(this.game, this.width, this.height); + this.orientationScreen = new Phaser.OrientationScreen(this.game); + + this.scale.setScreenSize(true); + }; + + /** + * Update stage for rendering. This will handle scaling, clearing + * and PauseScreen/BootScreen updating and rendering. + */ + Stage.prototype.update = function () { + this.scale.update(); + + this.context.setTransform(1, 0, 0, 1, 0, 0); + + if (this.clear || (this.game.paused && this.disablePauseScreen == false)) { + if (this.game.device.patchAndroidClearRectBug) { + this.context.fillStyle = 'rgb(0,0,0)'; + this.context.fillRect(0, 0, this.width, this.height); + } else { + this.context.clearRect(0, 0, this.width, this.height); + } + } + + if (this.game.paused && this.scale.incorrectOrientation) { + this.orientationScreen.update(); + this.orientationScreen.render(); + return; + } + + if (this.game.isRunning == false && this.disableBootScreen == false) { + this.bootScreen.update(); + this.bootScreen.render(); + } + + if (this.game.paused && this.disablePauseScreen == false) { + this.pauseScreen.update(); + this.pauseScreen.render(); + } + }; + + /** + * This method is called when the canvas elements visibility is changed. + */ + Stage.prototype.visibilityChange = function (event) { + if (this.disableVisibilityChange) { + return; + } + + if (event.type == 'pagehide' || event.type == 'blur' || document['hidden'] == true || document['webkitHidden'] == true) { + if (this.game.paused == false) { + this.pauseGame(); + } + } else { + if (this.game.paused == true) { + this.resumeGame(); + } + } + }; + + Stage.prototype.enableOrientationCheck = function (forceLandscape, forcePortrait, imageKey) { + if (typeof imageKey === "undefined") { imageKey = ''; } + this.scale.forceLandscape = forceLandscape; + this.scale.forcePortrait = forcePortrait; + this.orientationScreen.enable(forceLandscape, forcePortrait, imageKey); + + if (forceLandscape || forcePortrait) { + if ((this.scale.isLandscape && forcePortrait) || (this.scale.isPortrait && forceLandscape)) { + // They are in the wrong orientation right now + this.game.paused = true; + this.scale.incorrectOrientation = true; + } else { + this.scale.incorrectOrientation = false; + } + } + }; + + Stage.prototype.setImageRenderingCrisp = function () { + this.canvas.style['image-rendering'] = 'crisp-edges'; + this.canvas.style['image-rendering'] = '-moz-crisp-edges'; + this.canvas.style['image-rendering'] = '-webkit-optimize-contrast'; + this.canvas.style['-ms-interpolation-mode'] = 'nearest-neighbor'; + }; + + Stage.prototype.pauseGame = function () { + this.game.paused = true; + + if (this.disablePauseScreen == false && this.pauseScreen) { + this.pauseScreen.onPaused(); + } + + this.saveCanvasValues(); + }; + + Stage.prototype.resumeGame = function () { + if (this.disablePauseScreen == false && this.pauseScreen) { + this.pauseScreen.onResume(); + } + + this.restoreCanvasValues(); + + this.game.paused = false; + }; + + /** + * Get the DOM offset values of the given element + */ + Stage.prototype.getOffset = function (element, populateOffset) { + if (typeof populateOffset === "undefined") { populateOffset = true; } + var box = element.getBoundingClientRect(); + + var clientTop = element.clientTop || document.body.clientTop || 0; + var clientLeft = element.clientLeft || document.body.clientLeft || 0; + var scrollTop = window.pageYOffset || element.scrollTop || document.body.scrollTop; + var scrollLeft = window.pageXOffset || element.scrollLeft || document.body.scrollLeft; + + if (populateOffset) { + this.offset = new Phaser.Point(box.left + scrollLeft - clientLeft, box.top + scrollTop - clientTop); + return this.offset; + } else { + return new Phaser.Point(box.left + scrollLeft - clientLeft, box.top + scrollTop - clientTop); + } + }; + + /** + * Save current canvas properties (strokeStyle, lineWidth and fillStyle) for later using. + */ + Stage.prototype.saveCanvasValues = function () { + this.strokeStyle = this.context.strokeStyle; + this.lineWidth = this.context.lineWidth; + this.fillStyle = this.context.fillStyle; + }; + + /** + * Restore current canvas values (strokeStyle, lineWidth and fillStyle) with saved values. + */ + Stage.prototype.restoreCanvasValues = function () { + this.context.strokeStyle = this.strokeStyle; + this.context.lineWidth = this.lineWidth; + this.context.fillStyle = this.fillStyle; + + if (this.game.device.patchAndroidClearRectBug) { + this.context.fillStyle = 'rgb(0,0,0)'; + this.context.fillRect(0, 0, this.width, this.height); + } else { + this.context.clearRect(0, 0, this.width, this.height); + } + }; + + + Object.defineProperty(Stage.prototype, "backgroundColor", { + get: function () { + return this._backgroundColor; + }, + set: function (color) { + this.canvas.style.backgroundColor = color; + this._backgroundColor = color; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "x", { + get: function () { + return this.bounds.x; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "y", { + get: function () { + return this.bounds.y; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "width", { + get: function () { + return this.bounds.width; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "height", { + get: function () { + return this.bounds.height; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "centerX", { + get: function () { + return this.bounds.halfWidth; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "centerY", { + get: function () { + return this.bounds.halfHeight; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "randomX", { + get: function () { + return Math.round(Math.random() * this.bounds.width); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(Stage.prototype, "randomY", { + get: function () { + return Math.round(Math.random() * this.bounds.height); + }, + enumerable: true, + configurable: true + }); + return Stage; + })(); + Phaser.Stage = Stage; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - State +* +* This is a base State class which can be extended if you are creating your game using TypeScript. +*/ +var Phaser; +(function (Phaser) { + var State = (function () { + /** + * State constructor + * Create a new State. + */ + function State(game) { + this.game = game; + + this.add = game.add; + this.camera = game.camera; + this.cache = game.cache; + this.input = game.input; + this.load = game.load; + this.math = game.math; + this.sound = game.sound; + this.stage = game.stage; + this.time = game.time; + this.tweens = game.tweens; + this.world = game.world; + } + // Override these in your own States + /** + * Override this method to add some load operations. + * If you need to use the loader, you may need to use them here. + */ + State.prototype.init = function () { + }; + + /** + * This method is called after the game engine successfully switches states. + * Feel free to add any setup code here.(Do not load anything here, override init() instead) + */ + State.prototype.create = function () { + }; + + /** + * Put update logic here. + */ + State.prototype.update = function () { + }; + + /** + * Put render operations here. + */ + State.prototype.render = function () { + }; + + /** + * This method will be called when game paused. + */ + State.prototype.paused = function () { + }; + + /** + * This method will be called when the state is destroyed + */ + State.prototype.destroy = function () { + }; + return State; + })(); + Phaser.State = State; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - Game +* +* This is where the magic happens. The Game object is the heart of your game, +* providing quick access to common functions and handling the boot process. +* +* "Hell, there are no rules here - we're trying to accomplish something." +* Thomas A. Edison +*/ +var Phaser; +(function (Phaser) { + var Game = (function () { + /** + * Game constructor + * + * Instantiate a new Phaser.Game object. + * + * @param callbackContext Which context will the callbacks be called with. + * @param parent {string} ID of its parent DOM element. + * @param width {number} The width of your game in game pixels. + * @param height {number} The height of your game in game pixels. + * @param preloadCallback {function} Preload callback invoked when init default screen. + * @param createCallback {function} Create callback invoked when create default screen. + * @param updateCallback {function} Update callback invoked when update default screen. + * @param renderCallback {function} Render callback invoked when render default screen. + * @param destroyCallback {function} Destroy callback invoked when state is destroyed. + */ + function Game(callbackContext, parent, width, height, preloadCallback, createCallback, updateCallback, renderCallback, destroyCallback) { + if (typeof parent === "undefined") { parent = ''; } + if (typeof width === "undefined") { width = 800; } + if (typeof height === "undefined") { height = 600; } + if (typeof preloadCallback === "undefined") { preloadCallback = null; } + if (typeof createCallback === "undefined") { createCallback = null; } + if (typeof updateCallback === "undefined") { updateCallback = null; } + if (typeof renderCallback === "undefined") { renderCallback = null; } + if (typeof destroyCallback === "undefined") { destroyCallback = null; } + var _this = this; + /** + * Whether load complete loading or not. + * @type {boolean} + */ + this._loadComplete = false; + /** + * Game is paused? + * @type {boolean} + */ + this._paused = false; + /** + * The state to be switched to in the next frame. + * @type {State} + */ + this._pendingState = null; + /** + * The current State object (defaults to null) + * @type {State} + */ + this.state = null; + /** + * This will be called when init states. (loading assets...) + * @type {function} + */ + this.onPreloadCallback = null; + /** + * This will be called when create states. (setup states...) + * @type {function} + */ + this.onCreateCallback = null; + /** + * This will be called when State is updated, this doesn't happen during load (see onLoadUpdateCallback) + * @type {function} + */ + this.onUpdateCallback = null; + /** + * This will be called when the State is rendered, this doesn't happen during load (see onLoadRenderCallback) + * @type {function} + */ + this.onRenderCallback = null; + /** + * This will be called before the State is rendered and before the stage is cleared + * @type {function} + */ + this.onPreRenderCallback = null; + /** + * This will be called when the State is updated but only during the load process + * @type {function} + */ + this.onLoadUpdateCallback = null; + /** + * This will be called when the State is rendered but only during the load process + * @type {function} + */ + this.onLoadRenderCallback = null; + /** + * This will be called when states paused. + * @type {function} + */ + this.onPausedCallback = null; + /** + * This will be called when the state is destroyed (i.e. swapping to a new state) + * @type {function} + */ + this.onDestroyCallback = null; + /** + * Whether the game engine is booted, aka available. + * @type {boolean} + */ + this.isBooted = false; + /** + * Is game running or paused? + * @type {boolean} + */ + this.isRunning = false; + this.id = Phaser.GAMES.push(this) - 1; + + this.callbackContext = callbackContext; + this.onPreloadCallback = preloadCallback; + this.onCreateCallback = createCallback; + this.onUpdateCallback = updateCallback; + this.onRenderCallback = renderCallback; + this.onDestroyCallback = destroyCallback; + + if (document.readyState === 'complete' || document.readyState === 'interactive') { + setTimeout(function () { + return Phaser.GAMES[_this.id].boot(parent, width, height); + }); + } else { + document.addEventListener('DOMContentLoaded', Phaser.GAMES[this.id].boot(parent, width, height), false); + window.addEventListener('load', Phaser.GAMES[this.id].boot(parent, width, height), false); + } + } + /** + * Initialize engine sub modules and start the game. + * @param parent {string} ID of parent Dom element. + * @param width {number} Width of the game screen. + * @param height {number} Height of the game screen. + */ + Game.prototype.boot = function (parent, width, height) { + var _this = this; + if (this.isBooted == true) { + return; + } + + if (!document.body) { + setTimeout(function () { + return Phaser.GAMES[_this.id].boot(parent, width, height); + }, 13); + } else { + document.removeEventListener('DOMContentLoaded', Phaser.GAMES[this.id].boot); + window.removeEventListener('load', Phaser.GAMES[this.id].boot); + + this.onPause = new Phaser.Signal(); + this.onResume = new Phaser.Signal(); + + this.device = new Phaser.Device(); + this.net = new Phaser.Net(this); + this.math = new Phaser.GameMath(this); + this.stage = new Phaser.Stage(this, parent, width, height); + this.world = new Phaser.World(this, width, height); + this.add = new Phaser.GameObjectFactory(this); + this.cache = new Phaser.Cache(this); + this.load = new Phaser.Loader(this); + this.time = new Phaser.TimeManager(this); + this.tweens = new Phaser.TweenManager(this); + this.input = new Phaser.InputManager(this); + this.sound = new Phaser.SoundManager(this); + this.rnd = new Phaser.RandomDataGenerator([(Date.now() * Math.random()).toString()]); + + //this.physics = new Phaser.Physics.Manager(this); + this.plugins = new Phaser.PluginManager(this, this); + + this.load.onLoadComplete.addOnce(this.loadComplete, this); + + this.setRenderer(Phaser.Types.RENDERER_CANVAS); + + this.world.boot(); + this.stage.boot(); + this.input.boot(); + + this.isBooted = true; + + // Set-up some static helper references + Phaser.DebugUtils.game = this; + Phaser.ColorUtils.game = this; + Phaser.DebugUtils.context = this.stage.context; + + if (this.onPreloadCallback == null && this.onCreateCallback == null && this.onUpdateCallback == null && this.onRenderCallback == null && this._pendingState == null) { + this._raf = new Phaser.RequestAnimationFrame(this, this.bootLoop); + } else { + this.isRunning = true; + this._loadComplete = false; + + this._raf = new Phaser.RequestAnimationFrame(this, this.loop); + + if (this._pendingState) { + this.switchState(this._pendingState, false, false); + } else { + this.startState(); + } + } + } + }; + + /** + * Called when the load has finished after preload was run. + */ + Game.prototype.loadComplete = function () { + this._loadComplete = true; + this.onCreateCallback.call(this.callbackContext); + }; + + /** + * The bootLoop is called while the game is still booting (waiting for the DOM and resources to be available) + */ + Game.prototype.bootLoop = function () { + this.tweens.update(); + this.input.update(); + this.stage.update(); + }; + + /** + * The pausedLoop is called when the game is paused. + */ + Game.prototype.pausedLoop = function () { + this.tweens.update(); + this.input.update(); + this.stage.update(); + this.sound.update(); + + if (this.onPausedCallback !== null) { + this.onPausedCallback.call(this.callbackContext); + } + }; + + Game.prototype.emptyCallback = function () { + // Called by onUpdateCallback etc + }; + + /** + * Game loop method will be called when it's running. + */ + Game.prototype.loop = function () { + this.plugins.preUpdate(); + + this.tweens.update(); + this.input.update(); + this.stage.update(); + this.sound.update(); + + //this.physics.update(); + this.world.update(); + this.plugins.update(); + + if (this._loadComplete && this.onUpdateCallback) { + this.onUpdateCallback.call(this.callbackContext); + } else if (this._loadComplete == false && this.onLoadUpdateCallback) { + this.onLoadUpdateCallback.call(this.callbackContext); + } + + this.world.postUpdate(); + + this.plugins.postUpdate(); + this.plugins.preRender(); + + if (this._loadComplete && this.onPreRenderCallback) { + this.onPreRenderCallback.call(this.callbackContext); + } + + this.renderer.render(); + this.plugins.render(); + + if (this._loadComplete && this.onRenderCallback) { + this.onRenderCallback.call(this.callbackContext); + } else if (this._loadComplete == false && this.onLoadRenderCallback) { + this.onLoadRenderCallback.call(this.callbackContext); + } + + this.plugins.postRender(); + }; + + /** + * Start current state. + */ + Game.prototype.startState = function () { + if (this.onPreloadCallback !== null) { + this.load.reset(); + + this.onPreloadCallback.call(this.callbackContext); + + if (this.load.queueSize == 0) { + if (this.onCreateCallback !== null) { + this.onCreateCallback.call(this.callbackContext); + } + + this._loadComplete = true; + } else { + // Start the loader going as we have something in the queue + this.load.start(); + } + } else { + if (this.onCreateCallback !== null) { + this.onCreateCallback.call(this.callbackContext); + } + + this._loadComplete = true; + } + }; + + Game.prototype.setRenderer = function (renderer) { + switch (renderer) { + case Phaser.Types.RENDERER_AUTO_DETECT: + this.renderer = new Phaser.Renderer.Headless.HeadlessRenderer(this); + break; + + case Phaser.Types.RENDERER_AUTO_DETECT: + case Phaser.Types.RENDERER_CANVAS: + this.renderer = new Phaser.Renderer.Canvas.CanvasRenderer(this); + break; + } + }; + + /** + * Set the most common state callbacks (init, create, update, render). + * @param preloadCallback {function} Init callback invoked when init state. + * @param createCallback {function} Create callback invoked when create state. + * @param updateCallback {function} Update callback invoked when update state. + * @param renderCallback {function} Render callback invoked when render state. + * @param destroyCallback {function} Destroy callback invoked when state is destroyed. + */ + Game.prototype.setCallbacks = function (preloadCallback, createCallback, updateCallback, renderCallback, destroyCallback) { + if (typeof preloadCallback === "undefined") { preloadCallback = null; } + if (typeof createCallback === "undefined") { createCallback = null; } + if (typeof updateCallback === "undefined") { updateCallback = null; } + if (typeof renderCallback === "undefined") { renderCallback = null; } + if (typeof destroyCallback === "undefined") { destroyCallback = null; } + this.onPreloadCallback = preloadCallback; + this.onCreateCallback = createCallback; + this.onUpdateCallback = updateCallback; + this.onRenderCallback = renderCallback; + this.onDestroyCallback = destroyCallback; + }; + + /** + * Switch to a new State. + * @param state {State} The state you want to switch to. + * @param [clearWorld] {boolean} clear everything in the world? (Default to true) + * @param [clearCache] {boolean} clear asset cache? (Default to false and ONLY available when clearWorld=true) + */ + Game.prototype.switchState = function (state, clearWorld, clearCache) { + if (typeof clearWorld === "undefined") { clearWorld = true; } + if (typeof clearCache === "undefined") { clearCache = false; } + if (this.isBooted == false) { + this._pendingState = state; + return; + } + + if (this.onDestroyCallback !== null) { + this.onDestroyCallback.call(this.callbackContext); + } + + this.input.reset(true); + + if (typeof state === 'function') { + this.state = new state(this); + } + + if (this.state['create'] || this.state['update']) { + this.callbackContext = this.state; + + this.onPreloadCallback = null; + this.onLoadRenderCallback = null; + this.onLoadUpdateCallback = null; + this.onCreateCallback = null; + this.onUpdateCallback = null; + this.onRenderCallback = null; + this.onPreRenderCallback = null; + this.onPausedCallback = null; + this.onDestroyCallback = null; + + if (this.state['preload']) { + this.onPreloadCallback = this.state['preload']; + } + + if (this.state['loadRender']) { + this.onLoadRenderCallback = this.state['loadRender']; + } + + if (this.state['loadUpdate']) { + this.onLoadUpdateCallback = this.state['loadUpdate']; + } + + if (this.state['create']) { + this.onCreateCallback = this.state['create']; + } + + if (this.state['update']) { + this.onUpdateCallback = this.state['update']; + } + + if (this.state['preRender']) { + this.onPreRenderCallback = this.state['preRender']; + } + + if (this.state['render']) { + this.onRenderCallback = this.state['render']; + } + + if (this.state['paused']) { + this.onPausedCallback = this.state['paused']; + } + + if (this.state['destroy']) { + this.onDestroyCallback = this.state['destroy']; + } + + if (clearWorld) { + this.world.destroy(); + + if (clearCache == true) { + this.cache.destroy(); + } + } + + this._loadComplete = false; + + this.startState(); + } else { + throw new Error("Invalid State object given. Must contain at least a create or update function."); + } + }; + + /** + * Nuke the entire game from orbit + */ + Game.prototype.destroy = function () { + this.callbackContext = null; + this.onPreloadCallback = null; + this.onLoadRenderCallback = null; + this.onLoadUpdateCallback = null; + this.onCreateCallback = null; + this.onUpdateCallback = null; + this.onRenderCallback = null; + this.onPausedCallback = null; + this.onDestroyCallback = null; + this.cache = null; + this.input = null; + this.load = null; + this.sound = null; + this.stage = null; + this.time = null; + this.world = null; + this.isBooted = false; + }; + + Object.defineProperty(Game.prototype, "paused", { + get: function () { + return this._paused; + }, + set: function (value) { + if (value == true && this._paused == false) { + this._paused = true; + this.onPause.dispatch(); + this.sound.pauseAll(); + this._raf.callback = this.pausedLoop; + } else if (value == false && this._paused == true) { + this._paused = false; + this.onResume.dispatch(); + this.input.reset(); + this.sound.resumeAll(); + + if (this.isRunning == false) { + this._raf.callback = this.bootLoop; + } else { + this._raf.callback = this.loop; + } + } + }, + enumerable: true, + configurable: true + }); + + + Object.defineProperty(Game.prototype, "camera", { + get: function () { + return this.world.cameras.current; + }, + enumerable: true, + configurable: true + }); + return Game; + })(); + Phaser.Game = Game; +})(Phaser || (Phaser = {})); +/// +/** +* Phaser - RandomDataGenerator +* +* An extremely useful repeatable random data generator. Access it via Game.rnd +* Based on Nonsense by Josh Faul https://github.com/jocafa/Nonsense +* Random number generator from http://baagoe.org/en/wiki/Better_random_numbers_for_javascript +*/ +var Phaser; +(function (Phaser) { + var RandomDataGenerator = (function () { + /** + * @constructor + * @param {Array} seeds + * @return {Phaser.RandomDataGenerator} + */ + function RandomDataGenerator(seeds) { + if (typeof seeds === "undefined") { seeds = []; } + /** + * @property c + * @type Number + * @private + */ + this.c = 1; + this.sow(seeds); + } + /** + * @method uint32 + * @private + */ + RandomDataGenerator.prototype.uint32 = function () { + return this.rnd.apply(this) * 0x100000000; + }; + + /** + * @method fract32 + * @private + */ + RandomDataGenerator.prototype.fract32 = function () { + return this.rnd.apply(this) + (this.rnd.apply(this) * 0x200000 | 0) * 1.1102230246251565e-16; + }; + + // private random helper + /** + * @method rnd + * @private + */ + RandomDataGenerator.prototype.rnd = function () { + var t = 2091639 * this.s0 + this.c * 2.3283064365386963e-10; + + this.c = t | 0; + this.s0 = this.s1; + this.s1 = this.s2; + this.s2 = t - this.c; + + return this.s2; + }; + + /** + * @method hash + * @param {Any} data + * @private + */ + RandomDataGenerator.prototype.hash = function (data) { + var h, i, n; + + n = 0xefc8249d; + + data = data.toString(); + + for (i = 0; i < data.length; i++) { + n += data.charCodeAt(i); + h = 0.02519603282416938 * n; + n = h >>> 0; + h -= n; + h *= n; + n = h >>> 0; + h -= n; + n += h * 0x100000000; + } + + return (n >>> 0) * 2.3283064365386963e-10; + }; + + /** + * Reset the seed of the random data generator + * @method sow + * @param {Array} seeds + */ + RandomDataGenerator.prototype.sow = function (seeds) { + if (typeof seeds === "undefined") { seeds = []; } + this.s0 = this.hash(' '); + this.s1 = this.hash(this.s0); + this.s2 = this.hash(this.s1); + + var seed; + + for (var i = 0; seed = seeds[i++];) { + this.s0 -= this.hash(seed); + this.s0 += ~~(this.s0 < 0); + + this.s1 -= this.hash(seed); + this.s1 += ~~(this.s1 < 0); + + this.s2 -= this.hash(seed); + this.s2 += ~~(this.s2 < 0); + } + }; + + Object.defineProperty(RandomDataGenerator.prototype, "integer", { + get: /** + * Returns a random integer between 0 and 2^32 + * @method integer + * @return {Number} + */ + function () { + return this.uint32(); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(RandomDataGenerator.prototype, "frac", { + get: /** + * Returns a random real number between 0 and 1 + * @method frac + * @return {Number} + */ + function () { + return this.fract32(); + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(RandomDataGenerator.prototype, "real", { + get: /** + * Returns a random real number between 0 and 2^32 + * @method real + * @return {Number} + */ + function () { + return this.uint32() + this.fract32(); + }, + enumerable: true, + configurable: true + }); + + /** + * Returns a random integer between min and max + * @method integerInRange + * @param {Number} min + * @param {Number} max + * @return {Number} + */ + RandomDataGenerator.prototype.integerInRange = function (min, max) { + return Math.floor(this.realInRange(min, max)); + }; + + /** + * Returns a random real number between min and max + * @method realInRange + * @param {Number} min + * @param {Number} max + * @return {Number} + */ + RandomDataGenerator.prototype.realInRange = function (min, max) { + min = min || 0; + max = max || 0; + + return this.frac * (max - min) + min; + }; + + Object.defineProperty(RandomDataGenerator.prototype, "normal", { + get: /** + * Returns a random real number between -1 and 1 + * @method normal + * @return {Number} + */ + function () { + return 1 - 2 * this.frac; + }, + enumerable: true, + configurable: true + }); + + Object.defineProperty(RandomDataGenerator.prototype, "uuid", { + get: /** + * Returns a valid v4 UUID hex string (from https://gist.github.com/1308368) + * @method uuid + * @return {String} + */ + function () { + var a, b; + + for (b = a = ''; a++ < 36; b += ~a % 5 | a * 3 & 4 ? (a ^ 15 ? 8 ^ this.frac * (a ^ 20 ? 16 : 4) : 4).toString(16) : '-') + ; + + return b; + }, + enumerable: true, + configurable: true + }); + + /** + * Returns a random member of `array` + * @method pick + * @param {Any} array + */ + RandomDataGenerator.prototype.pick = function (array) { + return array[this.integerInRange(0, array.length)]; + }; + + /** + * Returns a random member of `array`, favoring the earlier entries + * @method weightedPick + * @param {Any} array + */ + RandomDataGenerator.prototype.weightedPick = function (array) { + return array[~~(Math.pow(this.frac, 2) * array.length)]; + }; + + /** + * Returns a random timestamp between min and max, or between the beginning of 2000 and the end of 2020 if min and max aren't specified + * @method timestamp + * @param {Number} min + * @param {Number} max + */ + RandomDataGenerator.prototype.timestamp = function (min, max) { + if (typeof min === "undefined") { min = 946684800000; } + if (typeof max === "undefined") { max = 1577862000000; } + return this.realInRange(min, max); + }; + + Object.defineProperty(RandomDataGenerator.prototype, "angle", { + get: /** + * Returns a random angle between -180 and 180 + * @method angle + */ + function () { + return this.integerInRange(-180, 180); + }, + enumerable: true, + configurable: true + }); + return RandomDataGenerator; + })(); + Phaser.RandomDataGenerator = RandomDataGenerator; +})(Phaser || (Phaser = {})); diff --git a/build/phaser.d.ts b/build/phaser.d.ts deleted file mode 100644 index 6fb44cc1..00000000 --- a/build/phaser.d.ts +++ /dev/null @@ -1,10303 +0,0 @@ -/** -* Phaser - Point -* -* The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis. -*/ -module Phaser { - class Point { - /** - * Creates a new Point. If you pass no parameters a Point is created set to (0,0). - * @class Point - * @constructor - * @param {Number} x The horizontal position of this Point (default 0) - * @param {Number} y The vertical position of this Point (default 0) - **/ - constructor(x?: number, y?: number); - public x: number; - public y: number; - /** - * Copies the x and y properties from any given object to this Point. - * @method copyFrom - * @param {any} source - The object to copy from. - * @return {Point} This Point object. - **/ - public copyFrom(source: any): Point; - /** - * Inverts the x and y values of this Point - * @method invert - * @return {Point} This Point object. - **/ - public invert(): Point; - /** - * Sets the x and y values of this MicroPoint object to the given coordinates. - * @method setTo - * @param {Number} x - The horizontal position of this point. - * @param {Number} y - The vertical position of this point. - * @return {MicroPoint} This MicroPoint object. Useful for chaining method calls. - **/ - public setTo(x: number, y: number): Point; - /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the instance. - **/ - public toString(): string; - } -} -/** -* Rectangle -* -* @desc A Rectangle object is an area defined by its position, as indicated by its top-left corner (x,y) and width and height. -* -* @version 1.6 - 24th May 2013 -* @author Richard Davey -*/ -module Phaser { - class Rectangle { - /** - * Creates a new Rectangle object with the top-left corner specified by the x and y parameters and with the specified width and height parameters. If you call this function without parameters, a Rectangle with x, y, width, and height properties set to 0 is created. - * @class Rectangle - * @constructor - * @param {Number} x The x coordinate of the top-left corner of the Rectangle. - * @param {Number} y The y coordinate of the top-left corner of the Rectangle. - * @param {Number} width The width of the Rectangle in pixels. - * @param {Number} height The height of the Rectangle in pixels. - * @return {Rectangle} This Rectangle object - **/ - constructor(x?: number, y?: number, width?: number, height?: number); - /** - * The x coordinate of the top-left corner of the Rectangle - * @property x - * @type Number - **/ - public x: number; - /** - * The y coordinate of the top-left corner of the Rectangle - * @property y - * @type Number - **/ - public y: number; - /** - * The width of the Rectangle in pixels - * @property width - * @type Number - **/ - public width: number; - /** - * The height of the Rectangle in pixels - * @property height - * @type Number - **/ - public height: number; - /** - * Half of the width of the Rectangle - * @property halfWidth - * @type Number - **/ - public halfWidth : number; - /** - * Half of the height of the Rectangle - * @property halfHeight - * @type Number - **/ - public halfHeight : number; - /** - * The sum of the y and height properties. Changing the bottom property of a Rectangle object has no effect on the x, y and width properties, but does change the height property. - * @method bottom - * @return {Number} - **/ - /** - * The sum of the y and height properties. Changing the bottom property of a Rectangle object has no effect on the x, y and width properties, but does change the height property. - * @method bottom - * @param {Number} value - **/ - public bottom : number; - /** - * Sets the bottom-right corner of the Rectangle, determined by the values of the given Point object. - * @method bottomRight - * @param {Point} value - **/ - public bottomRight : Point; - /** - * The x coordinate of the left of the Rectangle. Changing the left property of a Rectangle object has no effect on the y and height properties. However it does affect the width property, whereas changing the x value does not affect the width property. - * @method left - * @ return {number} - **/ - /** - * The x coordinate of the left of the Rectangle. Changing the left property of a Rectangle object has no effect on the y and height properties. - * However it does affect the width, whereas changing the x value does not affect the width property. - * @method left - * @param {Number} value - **/ - public left : number; - /** - * The sum of the x and width properties. Changing the right property of a Rectangle object has no effect on the x, y and height properties. - * However it does affect the width property. - * @method right - * @return {Number} - **/ - /** - * The sum of the x and width properties. Changing the right property of a Rectangle object has no effect on the x, y and height properties. - * However it does affect the width property. - * @method right - * @param {Number} value - **/ - public right : number; - /** - * The volume of the Rectangle derived from width * height - * @method volume - * @return {Number} - **/ - public volume : number; - /** - * The perimeter size of the Rectangle. This is the sum of all 4 sides. - * @method perimeter - * @return {Number} - **/ - public perimeter : number; - /** - * The y coordinate of the top of the Rectangle. Changing the top property of a Rectangle object has no effect on the x and width properties. - * However it does affect the height property, whereas changing the y value does not affect the height property. - * @method top - * @return {Number} - **/ - /** - * The y coordinate of the top of the Rectangle. Changing the top property of a Rectangle object has no effect on the x and width properties. - * However it does affect the height property, whereas changing the y value does not affect the height property. - * @method top - * @param {Number} value - **/ - public top : number; - /** - * The location of the Rectangles top-left corner, determined by the x and y coordinates of the Point. - * @method topLeft - * @param {Point} value - **/ - public topLeft : Point; - /** - * Determines whether or not this Rectangle object is empty. - * @method isEmpty - * @return {Boolean} A value of true if the Rectangle objects width or height is less than or equal to 0; otherwise false. - **/ - /** - * Sets all of the Rectangle object's properties to 0. A Rectangle object is empty if its width or height is less than or equal to 0. - * @method setEmpty - * @return {Rectangle} This Rectangle object - **/ - public empty : bool; - /** - * Adjusts the location of the Rectangle object, as determined by its top-left corner, by the specified amounts. - * @method offset - * @param {Number} dx Moves the x value of the Rectangle object by this amount. - * @param {Number} dy Moves the y value of the Rectangle object by this amount. - * @return {Rectangle} This Rectangle object. - **/ - public offset(dx: number, dy: number): Rectangle; - /** - * Adjusts the location of the Rectangle object using a Point object as a parameter. This method is similar to the Rectangle.offset() method, except that it takes a Point object as a parameter. - * @method offsetPoint - * @param {Point} point A Point object to use to offset this Rectangle object. - * @return {Rectangle} This Rectangle object. - **/ - public offsetPoint(point: Point): Rectangle; - /** - * Sets the members of Rectangle to the specified values. - * @method setTo - * @param {Number} x The x coordinate of the top-left corner of the Rectangle. - * @param {Number} y The y coordinate of the top-left corner of the Rectangle. - * @param {Number} width The width of the Rectangle in pixels. - * @param {Number} height The height of the Rectangle in pixels. - * @return {Rectangle} This Rectangle object - **/ - public setTo(x: number, y: number, width: number, height: number): Rectangle; - /** - * Runs Math.floor() on both the x and y values of this Rectangle. - * @method floor - **/ - public floor(): void; - /** - * Copies the x, y, width and height properties from any given object to this Rectangle. - * @method copyFrom - * @param {any} source - The object to copy from. - * @return {Rectangle} This Rectangle object. - **/ - public copyFrom(source: any): Rectangle; - /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the instance. - **/ - public toString(): string; - } -} -module Phaser { - interface IGameObject { - /** - * Reference to the main game object - */ - game: Game; - /** - * The type of game object. - */ - type: number; - /** - * The ID of the Group this Sprite belongs to. - */ - group: Group; - /** - * The name of the Game Object. Typically not set by Phaser, but extremely useful for debugging / logic. - */ - name: string; - /** - * x value of the object. - */ - x: number; - /** - * y value of the object. - */ - y: number; - /** - * z-index value of the object. - */ - z: number; - /** - * Controls if both update and render are called by the core game loop. - */ - exists: bool; - /** - * Controls if update() is automatically called by the core game loop. - */ - active: bool; - /** - * Controls if this is rendered or skipped during the core game loop. - */ - visible: bool; - /** - * The animation manager component - */ - animations: Components.AnimationManager; - /** - * Associated events - */ - events; - /** - * The input component - */ - input; - /** - * The texture used to render. - */ - texture: Display.Texture; - /** - * The transform component. - */ - transform: Components.TransformManager; - } -} -/** -* Phaser - LinkedList -* -* A miniature linked list class. Useful for optimizing time-critical or highly repetitive tasks! -*/ -module Phaser { - class LinkedList { - /** - * Creates a new link, and sets object and next to null. - */ - constructor(); - /** - * Stores a reference to an IGameObject. - */ - public object: IGameObject; - /** - * Stores a reference to the next link in the list. - */ - public next: LinkedList; - /** - * Clean up memory. - */ - public destroy(): void; - } -} -/** -* Phaser - QuadTree -* -* A fairly generic quad tree structure for rapid overlap checks. QuadTree is also configured for single or dual list operation. -* You can add items either to its A list or its B list. When you do an overlap check, you can compare the A list to itself, -* or the A list against the B list. Handy for different things! -*/ -module Phaser { - class QuadTree extends Rectangle { - /** - * Instantiate a new Quad Tree node. - * - * @param {Number} x The X-coordinate of the point in space. - * @param {Number} y The Y-coordinate of the point in space. - * @param {Number} width Desired width of this node. - * @param {Number} height Desired height of this node. - * @param {Number} parent The parent branch or node. Pass null to create a root. - */ - constructor(manager: Physics.Manager, x: number, y: number, width: number, height: number, parent?: QuadTree); - private _iterator; - private _ot; - private _i; - private _basic; - private _members; - private _l; - private _overlapProcessed; - private _checkObject; - static physics: Physics.Manager; - /** - * Flag for specifying that you want to add an object to the A list. - */ - static A_LIST: number; - /** - * Flag for specifying that you want to add an object to the B list. - */ - static B_LIST: number; - /** - * Controls the granularity of the quad tree. Default is 6 (decent performance on large and small worlds). - */ - static divisions: number; - /** - * Whether this branch of the tree can be subdivided or not. - */ - private _canSubdivide; - /** - * Refers to the internal A and B linked lists, - * which are used to store objects in the leaves. - */ - private _headA; - /** - * Refers to the internal A and B linked lists, - * which are used to store objects in the leaves. - */ - private _tailA; - /** - * Refers to the internal A and B linked lists, - * which are used to store objects in the leaves. - */ - private _headB; - /** - * Refers to the internal A and B linked lists, - * which are used to store objects in the leaves. - */ - private _tailB; - /** - * Internal, governs and assists with the formation of the tree. - */ - private static _min; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _northWestTree; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _northEastTree; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _southEastTree; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _southWestTree; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _leftEdge; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _rightEdge; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _topEdge; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _bottomEdge; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _halfWidth; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _halfHeight; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _midpointX; - /** - * Internal, governs and assists with the formation of the tree. - */ - private _midpointY; - /** - * Internal, used to reduce recursive method parameters during object placement and tree formation. - */ - private static _object; - /** - * Internal, used during tree processing and overlap checks. - */ - private static _list; - /** - * Internal, used during tree processing and overlap checks. - */ - private static _useBothLists; - /** - * Internal, used during tree processing and overlap checks. - */ - private static _processingCallback; - /** - * Internal, used during tree processing and overlap checks. - */ - private static _notifyCallback; - /** - * Internal, used during tree processing and overlap checks. - */ - private static _callbackContext; - /** - * Internal, used during tree processing and overlap checks. - */ - private static _iterator; - /** - * Clean up memory. - */ - public destroy(): void; - /** - * Load objects and/or groups into the quad tree, and register notify and processing callbacks. - * - * @param {} objectOrGroup1 Any object that is or extends IGameObject or Group. - * @param {} objectOrGroup2 Any object that is or extends IGameObject or Group. If null, the first parameter will be checked against itself. - * @param {Function} notifyCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject) that is called whenever two objects are found to overlap in world space, and either no processCallback is specified, or the processCallback returns true. - * @param {Function} processCallback A function with the form myFunction(Object1:GameObject,Object2:GameObject):bool that is called whenever two objects are found to overlap in world space. The notifyCallback is only called if this function returns true. See GameObject.separate(). - * @param context The context in which the callbacks will be called - */ - public load(objectOrGroup1, objectOrGroup2?, notifyCallback?, processCallback?, context?): void; - /** - * Call this function to add an object to the root of the tree. - * This function will recursively add all group members, but - * not the groups themselves. - * - * @param {} objectOrGroup GameObjects are just added, Groups are recursed and their applicable members added accordingly. - * @param {Number} list A uint flag indicating the list to which you want to add the objects. Options are QuadTree.A_LIST and QuadTree.B_LIST. - */ - public add(objectOrGroup, list: number): void; - /** - * Internal function for recursively navigating and creating the tree - * while adding objects to the appropriate nodes. - */ - private addObject(); - /** - * Internal function for recursively adding objects to leaf lists. - */ - private addToList(); - /** - * QuadTree's other main function. Call this after adding objects - * using QuadTree.load() to compare the objects that you loaded. - * - * @return {Boolean} Whether or not any overlaps were found. - */ - public execute(): bool; - /** - * A private for comparing an object against the contents of a node. - * - * @return {Boolean} Whether or not any overlaps were found. - */ - private overlapNode(); - } -} -/** -* Phaser - Vec2 -* -* A Vector 2 -*/ -module Phaser { - class Vec2 { - /** - * Creates a new Vec2 object. - * @class Vec2 - * @constructor - * @param {Number} x The x position of the vector - * @param {Number} y The y position of the vector - * @return {Vec2} This object - **/ - constructor(x?: number, y?: number); - /** - * The x coordinate of the vector - * @property x - * @type Number - **/ - public x: number; - /** - * The y coordinate of the vector - * @property y - * @type Number - **/ - public y: number; - /** - * Copies the x and y properties from any given object to this Vec2. - * @method copyFrom - * @param {any} source - The object to copy from. - * @return {Vec2} This Vec2 object. - **/ - public copyFrom(source: any): Vec2; - /** - * Sets the x and y properties of the Vector. - * @param {Number} x The x position of the vector - * @param {Number} y The y position of the vector - * @return {Vec2} This object - **/ - public setTo(x: number, y: number): Vec2; - /** - * Add another vector to this one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - public add(a: Vec2): Vec2; - /** - * Subtract another vector from this one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - public subtract(v: Vec2): Vec2; - /** - * Multiply another vector with this one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - public multiply(v: Vec2): Vec2; - /** - * Divide this vector by another one. - * - * @param {Vec2} other The other Vector. - * @return {Vec2} This for chaining. - */ - public divide(v: Vec2): Vec2; - /** - * Get the length of this vector. - * - * @return {number} The length of this vector. - */ - public length(): number; - /** - * Get the length squared of this vector. - * - * @return {number} The length^2 of this vector. - */ - public lengthSq(): number; - /** - * Normalize this vector. - * - * @return {Vec2} This for chaining. - */ - public normalize(): Vec2; - /** - * The dot product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - public dot(a: Vec2): number; - /** - * The cross product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - public cross(a: Vec2): number; - /** - * The projection magnitude of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - public projectionLength(a: Vec2): number; - /** - * The angle between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @return {Number} - */ - public angle(a: Vec2): number; - /** - * Scale this vector. - * - * @param {number} x The scaling factor in the x direction. - * @param {?number=} y The scaling factor in the y direction. If this is not specified, the x scaling factor will be used. - * @return {Vec2} This for chaining. - */ - public scale(x: number, y?: number): Vec2; - /** - * Multiply this vector by the given scalar. - * - * @param {number} scalar - * @return {Vec2} This for chaining. - */ - public multiplyByScalar(scalar: number): Vec2; - /** - * Adds the given vector to this vector then multiplies by the given scalar. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {number} scalar - * @return {Vec2} This for chaining. - */ - public multiplyAddByScalar(a: Vec2, scalar: number): Vec2; - /** - * Divide this vector by the given scalar. - * - * @param {number} scalar - * @return {Vec2} This for chaining. - */ - public divideByScalar(scalar: number): Vec2; - /** - * Reverse this vector. - * - * @return {Vec2} This for chaining. - */ - public reverse(): Vec2; - /** - * Check if both the x and y of this vector equal the given value. - * - * @return {Boolean} - */ - public equals(value): bool; - /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the object. - **/ - public toString(): string; - } -} -/** -* Phaser - Circle -* -* A Circle object is an area defined by its position, as indicated by its center point (x,y) and diameter. -*/ -module Phaser { - class Circle { - /** - * Creates a new Circle object with the center coordinate specified by the x and y parameters and the diameter specified by the diameter parameter. If you call this function without parameters, a circle with x, y, diameter and radius properties set to 0 is created. - * @class Circle - * @constructor - * @param {Number} [x] The x coordinate of the center of the circle. - * @param {Number} [y] The y coordinate of the center of the circle. - * @param {Number} [diameter] The diameter of the circle. - * @return {Circle} This circle object - **/ - constructor(x?: number, y?: number, diameter?: number); - private _diameter; - private _radius; - /** - * The x coordinate of the center of the circle - * @property x - * @type Number - **/ - public x: number; - /** - * The y coordinate of the center of the circle - * @property y - * @type Number - **/ - public y: number; - /** - * The diameter of the circle. The largest distance between any two points on the circle. The same as the radius * 2. - * @method diameter - * @return {Number} - **/ - /** - * The diameter of the circle. The largest distance between any two points on the circle. The same as the radius * 2. - * @method diameter - * @param {Number} The diameter of the circle. - **/ - public diameter : number; - /** - * The radius of the circle. The length of a line extending from the center of the circle to any point on the circle itself. The same as half the diameter. - * @method radius - * @return {Number} - **/ - /** - * The radius of the circle. The length of a line extending from the center of the circle to any point on the circle itself. The same as half the diameter. - * @method radius - * @param {Number} The radius of the circle. - **/ - public radius : number; - /** - * The circumference of the circle. - * @method circumference - * @return {Number} - **/ - public circumference(): number; - /** - * The sum of the y and radius properties. Changing the bottom property of a Circle object has no effect on the x and y properties, but does change the diameter. - * @method bottom - * @return {Number} - **/ - /** - * The sum of the y and radius properties. Changing the bottom property of a Circle object has no effect on the x and y properties, but does change the diameter. - * @method bottom - * @param {Number} The value to adjust the height of the circle by. - **/ - public bottom : number; - /** - * The x coordinate of the leftmost point of the circle. Changing the left property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. - * @method left - * @return {Number} The x coordinate of the leftmost point of the circle. - **/ - /** - * The x coordinate of the leftmost point of the circle. Changing the left property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. - * @method left - * @param {Number} The value to adjust the position of the leftmost point of the circle by. - **/ - public left : number; - /** - * The x coordinate of the rightmost point of the circle. Changing the right property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. - * @method right - * @return {Number} - **/ - /** - * The x coordinate of the rightmost point of the circle. Changing the right property of a Circle object has no effect on the x and y properties. However it does affect the diameter, whereas changing the x value does not affect the diameter property. - * @method right - * @param {Number} The amount to adjust the diameter of the circle by. - **/ - public right : number; - /** - * The sum of the y minus the radius property. Changing the top property of a Circle object has no effect on the x and y properties, but does change the diameter. - * @method bottom - * @return {Number} - **/ - /** - * The sum of the y minus the radius property. Changing the top property of a Circle object has no effect on the x and y properties, but does change the diameter. - * @method bottom - * @param {Number} The amount to adjust the height of the circle by. - **/ - public top : number; - /** - * Gets the area of this Circle. - * @method area - * @return {Number} This area of this circle. - **/ - public area : number; - /** - * Sets the members of Circle to the specified values. - * @method setTo - * @param {Number} x The x coordinate of the center of the circle. - * @param {Number} y The y coordinate of the center of the circle. - * @param {Number} diameter The diameter of the circle in pixels. - * @return {Circle} This circle object - **/ - public setTo(x: number, y: number, diameter: number): Circle; - /** - * Copies the x, y and diameter properties from any given object to this Circle. - * @method copyFrom - * @param {any} source - The object to copy from. - * @return {Circle} This Circle object. - **/ - public copyFrom(source: any): Circle; - /** - * Determines whether or not this Circle object is empty. - * @method empty - * @return {Boolean} A value of true if the Circle objects diameter is less than or equal to 0; otherwise false. - **/ - /** - * Sets all of the Circle objects properties to 0. A Circle object is empty if its diameter is less than or equal to 0. - * @method setEmpty - * @return {Circle} This Circle object - **/ - public empty : bool; - /** - * Adjusts the location of the Circle object, as determined by its center coordinate, by the specified amounts. - * @method offset - * @param {Number} dx Moves the x value of the Circle object by this amount. - * @param {Number} dy Moves the y value of the Circle object by this amount. - * @return {Circle} This Circle object. - **/ - public offset(dx: number, dy: number): Circle; - /** - * Adjusts the location of the Circle object using a Point object as a parameter. This method is similar to the Circle.offset() method, except that it takes a Point object as a parameter. - * @method offsetPoint - * @param {Point} point A Point object to use to offset this Circle object. - * @return {Circle} This Circle object. - **/ - public offsetPoint(point: Point): Circle; - /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the instance. - **/ - public toString(): string; - } -} -module Phaser { - /** - * Constants used to define game object types (faster than doing typeof object checks in core loops) - */ - class Types { - static RENDERER_AUTO_DETECT: number; - static RENDERER_HEADLESS: number; - static RENDERER_CANVAS: number; - static RENDERER_WEBGL: number; - static CAMERA_TYPE_ORTHOGRAPHIC: number; - static CAMERA_TYPE_ISOMETRIC: number; - /** - * Camera "follow" style preset: camera has no deadzone, just tracks the focus object directly. - * @type {number} - */ - static CAMERA_FOLLOW_LOCKON: number; - /** - * Camera "follow" style preset: camera deadzone is narrow but tall. - * @type {number} - */ - static CAMERA_FOLLOW_PLATFORMER: number; - /** - * Camera "follow" style preset: camera deadzone is a medium-size square around the focus object. - * @type {number} - */ - static CAMERA_FOLLOW_TOPDOWN: number; - /** - * Camera "follow" style preset: camera deadzone is a small square around the focus object. - * @type {number} - */ - static CAMERA_FOLLOW_TOPDOWN_TIGHT: number; - static GROUP: number; - static SPRITE: number; - static GEOMSPRITE: number; - static PARTICLE: number; - static EMITTER: number; - static TILEMAP: number; - static SCROLLZONE: number; - static BUTTON: number; - static GEOM_POINT: number; - static GEOM_CIRCLE: number; - static GEOM_RECTANGLE: number; - static GEOM_LINE: number; - static GEOM_POLYGON: number; - static BODY_DISABLED: number; - static BODY_STATIC: number; - static BODY_KINETIC: number; - static BODY_DYNAMIC: number; - static OUT_OF_BOUNDS_KILL: number; - static OUT_OF_BOUNDS_DESTROY: number; - static OUT_OF_BOUNDS_PERSIST: number; - /** - * Flag used to allow GameObjects to collide on their left side - * @type {number} - */ - static LEFT: number; - /** - * Flag used to allow GameObjects to collide on their right side - * @type {number} - */ - static RIGHT: number; - /** - * Flag used to allow GameObjects to collide on their top side - * @type {number} - */ - static UP: number; - /** - * Flag used to allow GameObjects to collide on their bottom side - * @type {number} - */ - static DOWN: number; - /** - * Flag used with GameObjects to disable collision - * @type {number} - */ - static NONE: number; - /** - * Flag used to allow GameObjects to collide with a ceiling - * @type {number} - */ - static CEILING: number; - /** - * Flag used to allow GameObjects to collide with a floor - * @type {number} - */ - static FLOOR: number; - /** - * Flag used to allow GameObjects to collide with a wall (same as LEFT+RIGHT) - * @type {number} - */ - static WALL: number; - /** - * Flag used to allow GameObjects to collide on any face - * @type {number} - */ - static ANY: number; - } -} -/** -* Phaser - AnimationLoader -* -* Responsible for parsing sprite sheet and JSON data into the internal FrameData format that Phaser uses for animations. -*/ -module Phaser { - class AnimationLoader { - /** - * Parse a sprite sheet from asset data. - * @param key {string} Asset key for the sprite sheet data. - * @param frameWidth {number} Width of animation frame. - * @param frameHeight {number} Height of animation frame. - * @param frameMax {number} Number of animation frames. - * @return {FrameData} Generated FrameData object. - */ - static parseSpriteSheet(game: Game, key: string, frameWidth: number, frameHeight: number, frameMax: number): FrameData; - /** - * Parse frame datas from json. - * @param json {object} Json data you want to parse. - * @return {FrameData} Generated FrameData object. - */ - static parseJSONData(game: Game, json): FrameData; - static parseXMLData(game: Game, xml, format: number): FrameData; - } -} -/** -* Phaser - Frame -* -* A Frame is a single frame of an animation and is part of a FrameData collection. -*/ -module Phaser { - class Frame { - /** - * Frame constructor - * Create a new Frame with specific position, size and name. - * - * @param x {number} X position within the image to cut from. - * @param y {number} Y position within the image to cut from. - * @param width {number} Width of the frame. - * @param height {number} Height of the frame. - * @param name {string} Name of this frame. - */ - constructor(x: number, y: number, width: number, height: number, name: string); - /** - * X position within the image to cut from. - * @type {number} - */ - public x: number; - /** - * Y position within the image to cut from. - * @type {number} - */ - public y: number; - /** - * Width of the frame. - * @type {number} - */ - public width: number; - /** - * Height of the frame. - * @type {number} - */ - public height: number; - /** - * Useful for Sprite Sheets. - * @type {number} - */ - public index: number; - /** - * Useful for Texture Atlas files. (is set to the filename value) - */ - public name: string; - /** - * Rotated? (not yet implemented) - */ - public rotated: bool; - /** - * Either cw or ccw, rotation is always 90 degrees. - */ - public rotationDirection: string; - /** - * Was it trimmed when packed? - * @type {boolean} - */ - public trimmed: bool; - /** - * Width of the original sprite. - * @type {number} - */ - public sourceSizeW: number; - /** - * Height of the original sprite. - * @type {number} - */ - public sourceSizeH: number; - /** - * X position of the trimmed sprite inside original sprite. - * @type {number} - */ - public spriteSourceSizeX: number; - /** - * Y position of the trimmed sprite inside original sprite. - * @type {number} - */ - public spriteSourceSizeY: number; - /** - * Width of the trimmed sprite. - * @type {number} - */ - public spriteSourceSizeW: number; - /** - * Height of the trimmed sprite. - * @type {number} - */ - public spriteSourceSizeH: number; - /** - * Set rotation of this frame. (Not yet supported!) - */ - public setRotation(rotated: bool, rotationDirection: string): void; - /** - * Set trim of the frame. - * @param trimmed {boolean} Whether this frame trimmed or not. - * @param actualWidth {number} Actual width of this frame. - * @param actualHeight {number} Actual height of this frame. - * @param destX {number} Destination x position. - * @param destY {number} Destination y position. - * @param destWidth {number} Destination draw width. - * @param destHeight {number} Destination draw height. - */ - public setTrim(trimmed: bool, actualWidth: number, actualHeight: number, destX: number, destY: number, destWidth: number, destHeight: number): void; - } -} -/** -* Phaser - FrameData -* -* FrameData is a container for Frame objects, the internal representation of animation data in Phaser. -*/ -module Phaser { - class FrameData { - /** - * FrameData constructor - */ - constructor(); - /** - * Local frame container. - */ - private _frames; - /** - * Local frameName<->index container. - */ - private _frameNames; - public total : number; - /** - * Add a new frame. - * @param frame {Frame} The frame you want to add. - * @return {Frame} The frame you just added. - */ - public addFrame(frame: Frame): Frame; - /** - * Get a frame by its index. - * @param index {number} Index of the frame you want to get. - * @return {Frame} The frame you want. - */ - public getFrame(index: number): Frame; - /** - * Get a frame by its name. - * @param name {string} Name of the frame you want to get. - * @return {Frame} The frame you want. - */ - public getFrameByName(name: string): Frame; - /** - * Check whether there's a frame with given name. - * @param name {string} Name of the frame you want to check. - * @return {boolean} True if frame with given name found, otherwise return false. - */ - public checkFrameName(name: string): bool; - /** - * Get ranges of frames in an array. - * @param start {number} Start index of frames you want. - * @param end {number} End index of frames you want. - * @param [output] {Frame[]} result will be added into this array. - * @return {Frame[]} Ranges of specific frames in an array. - */ - public getFrameRange(start: number, end: number, output?: Frame[]): Frame[]; - /** - * Get all indexes of frames by giving their name. - * @param [output] {number[]} result will be added into this array. - * @return {number[]} Indexes of specific frames in an array. - */ - public getFrameIndexes(output?: number[]): number[]; - /** - * Get the frame indexes by giving the frame names. - * @param [output] {number[]} result will be added into this array. - * @return {number[]} Names of specific frames in an array. - */ - public getFrameIndexesByName(input: string[]): number[]; - /** - * Get all frames in this frame data. - * @return {Frame[]} All the frames in an array. - */ - public getAllFrames(): Frame[]; - /** - * Get All frames with specific ranges. - * @param range {number[]} Ranges in an array. - * @return {Frame[]} All frames in an array. - */ - public getFrames(range: number[]): Frame[]; - } -} -/** -* Phaser - AnimationManager -* -* Any Sprite that has animation contains an instance of the AnimationManager, which is used to add, play and update -* sprite specific animations. -*/ -module Phaser.Components { - class AnimationManager { - /** - * AnimationManager constructor - * Create a new AnimationManager. - * - * @param parent {Sprite} Owner sprite of this manager. - */ - constructor(parent: Sprite); - /** - * Reference to Phaser.Game - */ - public game: Game; - /** - * Local private reference to its parent game object. - */ - private _parent; - /** - * Animation key-value container. - */ - private _anims; - /** - * Index of current frame. - * @type {number} - */ - private _frameIndex; - /** - * Data contains animation frames. - * @type {FrameData} - */ - private _frameData; - /** - * When an animation frame changes you can choose to automatically update the physics bounds of the parent Sprite - * to the width and height of the new frame. If you've set a specific physics bounds that you don't want changed during - * animation then set this to false, otherwise leave it set to true. - * @type {boolean} - */ - public autoUpdateBounds: bool; - /** - * Keeps track of the current animation being played. - */ - public currentAnim: Animation; - /** - * Keeps track of the current frame of animation. - */ - public currentFrame: Frame; - /** - * Load animation frame data. - * @param frameData Data to be loaded. - */ - public loadFrameData(frameData: FrameData): void; - /** - * Add a new animation. - * @param name {string} What this animation should be called (e.g. "run"). - * @param frames {any[]} An array of numbers/strings indicating what frames to play in what order (e.g. [1, 2, 3] or ['run0', 'run1', run2]). - * @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[], frameRate?: number, loop?: bool, useNumericIndex?: bool): Animation; - /** - * Check whether the frames is valid. - * @param frames {any[]} Frames to be validated. - * @param useNumericIndex {boolean} Does these frames use number indexes or string indexes? - * @return {boolean} True if they're valid, otherwise return false. - */ - private validateFrames(frames, useNumericIndex); - /** - * Play animation with specific name. - * @param name {string} The string name of the animation you want to play. - * @param frameRate {number} FrameRate you want to specify instead of using default. - * @param loop {boolean} Whether or not the animation is looped or just plays once. - */ - public play(name: string, frameRate?: number, loop?: bool): Animation; - /** - * Stop animation by name. - * Current animation will be automatically set to the stopped one. - */ - public stop(name: string): void; - /** - * Update animation and parent sprite's bounds. - */ - public update(): void; - public frameData : FrameData; - public frameTotal : number; - public frame : number; - public frameName : string; - /** - * Removes all related references - */ - public destroy(): void; - } -} -/** -* Phaser - RectangleUtils -* -* A collection of methods useful for manipulating and comparing Rectangle objects. -* -* TODO: Check docs + overlap + intersect + toPolygon? -*/ -module Phaser { - class RectangleUtils { - /** - * Get the location of the Rectangles top-left corner as a Point object. - * @method getTopLeftAsPoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - static getTopLeftAsPoint(a: Rectangle, out?: Point): Point; - /** - * Get the location of the Rectangles bottom-right corner as a Point object. - * @method getTopLeftAsPoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - static getBottomRightAsPoint(a: Rectangle, out?: Point): Point; - /** - * Increases the size of the Rectangle object by the specified amounts. The center point of the Rectangle object stays the same, and its size increases to the left and right by the dx value, and to the top and the bottom by the dy value. - * @method inflate - * @param {Rectangle} a - The Rectangle object. - * @param {Number} dx The amount to be added to the left side of the Rectangle. - * @param {Number} dy The amount to be added to the bottom side of the Rectangle. - * @return {Rectangle} This Rectangle object. - **/ - static inflate(a: Rectangle, dx: number, dy: number): Rectangle; - /** - * Increases the size of the Rectangle object. This method is similar to the Rectangle.inflate() method except it takes a Point object as a parameter. - * @method inflatePoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} point The x property of this Point object is used to increase the horizontal dimension of the Rectangle object. The y property is used to increase the vertical dimension of the Rectangle object. - * @return {Rectangle} The Rectangle object. - **/ - static inflatePoint(a: Rectangle, point: Point): Rectangle; - /** - * The size of the Rectangle object, expressed as a Point object with the values of the width and height properties. - * @method size - * @param {Rectangle} a - The Rectangle object. - * @param {Point} output Optional Point object. If given the values will be set into the object, otherwise a brand new Point object will be created and returned. - * @return {Point} The size of the Rectangle object - **/ - static size(a: Rectangle, output?: Point): Point; - /** - * Returns a new Rectangle object with the same values for the x, y, width, and height properties as the original Rectangle object. - * @method clone - * @param {Rectangle} a - The Rectangle object. - * @param {Rectangle} output Optional Rectangle object. If given the values will be set into the object, otherwise a brand new Rectangle object will be created and returned. - * @return {Rectangle} - **/ - static clone(a: Rectangle, output?: Rectangle): Rectangle; - /** - * Determines whether the specified coordinates are contained within the region defined by this Rectangle object. - * @method contains - * @param {Rectangle} a - The Rectangle object. - * @param {Number} x The x coordinate of the point to test. - * @param {Number} y The y coordinate of the point to test. - * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. - **/ - static contains(a: Rectangle, x: number, y: number): bool; - /** - * Determines whether the specified point is contained within the rectangular region defined by this Rectangle object. This method is similar to the Rectangle.contains() method, except that it takes a Point object as a parameter. - * @method containsPoint - * @param {Rectangle} a - The Rectangle object. - * @param {Point} point The point object being checked. Can be Point or any object with .x and .y values. - * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. - **/ - static containsPoint(a: Rectangle, point: Point): bool; - /** - * Determines whether the first Rectangle object is fully contained within the second Rectangle object. - * A Rectangle object is said to contain another if the second Rectangle object falls entirely within the boundaries of the first. - * @method containsRect - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @return {Boolean} A value of true if the Rectangle object contains the specified point; otherwise false. - **/ - static containsRect(a: Rectangle, b: Rectangle): bool; - /** - * Determines whether the two Rectangles are equal. - * This method compares the x, y, width and height properties of each Rectangle. - * @method equals - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @return {Boolean} A value of true if the two Rectangles have exactly the same values for the x, y, width and height properties; otherwise false. - **/ - static equals(a: Rectangle, b: Rectangle): bool; - /** - * If the Rectangle object specified in the toIntersect parameter intersects with this Rectangle object, returns the area of intersection as a Rectangle object. If the Rectangles do not intersect, this method returns an empty Rectangle object with its properties set to 0. - * @method intersection - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @param {Rectangle} output Optional Rectangle object. If given the intersection values will be set into this object, otherwise a brand new Rectangle object will be created and returned. - * @return {Rectangle} A Rectangle object that equals the area of intersection. If the Rectangles do not intersect, this method returns an empty Rectangle object; that is, a Rectangle with its x, y, width, and height properties set to 0. - **/ - static intersection(a: Rectangle, b: Rectangle, out?: Rectangle): Rectangle; - /** - * Determines whether the two Rectangles intersect with each other. - * This method checks the x, y, width, and height properties of the Rectangles. - * @method intersects - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 - * @return {Boolean} A value of true if the specified object intersects with this Rectangle object; otherwise false. - **/ - static intersects(a: Rectangle, b: Rectangle, tolerance?: number): bool; - /** - * Determines whether the object specified intersects (overlaps) with the given values. - * @method intersectsRaw - * @param {Number} left - * @param {Number} right - * @param {Number} top - * @param {Number} bottomt - * @param {Number} tolerance A tolerance value to allow for an intersection test with padding, default to 0 - * @return {Boolean} A value of true if the specified object intersects with the Rectangle; otherwise false. - **/ - static intersectsRaw(a: Rectangle, left: number, right: number, top: number, bottom: number, tolerance?: number): bool; - /** - * Adds two Rectangles together to create a new Rectangle object, by filling in the horizontal and vertical space between the two Rectangles. - * @method union - * @param {Rectangle} a - The first Rectangle object. - * @param {Rectangle} b - The second Rectangle object. - * @param {Rectangle} output Optional Rectangle object. If given the new values will be set into this object, otherwise a brand new Rectangle object will be created and returned. - * @return {Rectangle} A Rectangle object that is the union of the two Rectangles. - **/ - static union(a: Rectangle, b: Rectangle, out?: Rectangle): Rectangle; - } -} -/** -* Phaser - Components - InputHandler -* -* Input detection component -*/ -module Phaser.Components { - class InputHandler { - /** - * Sprite Input component constructor - * @param parent The Sprite using this Input component - */ - constructor(parent: Sprite); - /** - * Reference to Phaser.Game - */ - public game: Game; - /** - * Local private reference to its parent game object. - */ - private _parent; - private _pointerData; - /** - * If enabled the Input component will be updated by the parent Sprite - * @type {Boolean} - */ - public enabled: bool; - /** - * The PriorityID controls which Sprite receives an Input event first if they should overlap. - */ - public priorityID: number; - /** - * The index of this Input component entry in the Game.Input manager. - */ - public indexID: number; - private _dragPoint; - private _draggedPointerID; - public dragOffset: Point; - public isDragged: bool; - public dragFromCenter: bool; - public dragPixelPerfect: bool; - public dragPixelPerfectAlpha: number; - public allowHorizontalDrag: bool; - public allowVerticalDrag: bool; - public bringToTop: bool; - public snapOnDrag: bool; - public snapOnRelease: bool; - public snapOffset: Point; - public snapX: number; - public snapY: number; - /** - * Is this sprite allowed to be dragged by the mouse? true = yes, false = no - * @default false - */ - public draggable: bool; - /** - * A region of the game world within which the sprite is restricted during drag - * @default null - */ - public boundsRect: Rectangle; - /** - * An Sprite the bounds of which this sprite is restricted during drag - * @default null - */ - public boundsSprite: Sprite; - /** - * The Input component can monitor either the physics body of the Sprite or the frameBounds - * If checkBody is set to true it will monitor the bounds of the physics body. - * @type {Boolean} - */ - public checkBody: bool; - /** - * Turn the mouse pointer into a hand image by temporarily setting the CSS style of the Game canvas - * on Input over. Only works on desktop browsers or browsers with a visible input pointer. - * @type {Boolean} - */ - public useHandCursor: bool; - /** - * If this object is set to consume the pointer event then it will stop all propogation from this object on. - * For example if you had a stack of 6 sprites with the same priority IDs and one consumed the event, none of the others would receive it. - * @type {Boolean} - */ - public consumePointerEvent: bool; - /** - * The x coordinate of the Input pointer, relative to the top-left of the parent Sprite. - * This value is only set when the pointer is over this Sprite. - * @type {number} - */ - public pointerX(pointer?: number): number; - /** - * The y coordinate of the Input pointer, relative to the top-left of the parent Sprite - * This value is only set when the pointer is over this Sprite. - * @type {number} - */ - public pointerY(pointer?: number): number; - /** - * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true - * @property isDown - * @type {Boolean} - **/ - public pointerDown(pointer?: number): bool; - /** - * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true - * @property isUp - * @type {Boolean} - **/ - public pointerUp(pointer?: number): bool; - /** - * A timestamp representing when the Pointer first touched the touchscreen. - * @property timeDown - * @type {Number} - **/ - public pointerTimeDown(pointer?: number): bool; - /** - * A timestamp representing when the Pointer left the touchscreen. - * @property timeUp - * @type {Number} - **/ - public pointerTimeUp(pointer?: number): bool; - /** - * Is the Pointer over this Sprite - * @property isOver - * @type {Boolean} - **/ - public pointerOver(pointer?: number): bool; - /** - * Is the Pointer outside of this Sprite - * @property isOut - * @type {Boolean} - **/ - public pointerOut(pointer?: number): bool; - /** - * A timestamp representing when the Pointer first touched the touchscreen. - * @property timeDown - * @type {Number} - **/ - public pointerTimeOver(pointer?: number): bool; - /** - * A timestamp representing when the Pointer left the touchscreen. - * @property timeUp - * @type {Number} - **/ - public pointerTimeOut(pointer?: number): bool; - /** - * Is this sprite being dragged by the mouse or not? - * @default false - */ - public pointerDragged(pointer?: number): bool; - public start(priority?: number, checkBody?: bool, useHandCursor?: bool): Sprite; - public reset(): void; - public stop(): void; - /** - * Clean up memory. - */ - public destroy(): void; - /** - * Checks if the given pointer is over this Sprite. All checks are done in world coordinates. - */ - public checkPointerOver(pointer: Pointer): bool; - /** - * Update - */ - public update(pointer: Pointer): bool; - public _pointerOverHandler(pointer: Pointer): void; - public _pointerOutHandler(pointer: Pointer): void; - public _touchedHandler(pointer: Pointer): bool; - public _releasedHandler(pointer: Pointer): void; - /** - * Updates the Pointer drag on this Sprite. - */ - private updateDrag(pointer); - /** - * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just over. - * @returns {boolean} - */ - public justOver(pointer?: number, delay?: number): bool; - /** - * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just out. - * @returns {boolean} - */ - public justOut(pointer?: number, delay?: number): bool; - /** - * Returns true if the pointer has entered the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just over. - * @returns {boolean} - */ - public justPressed(pointer?: number, delay?: number): bool; - /** - * Returns true if the pointer has left the Sprite within the specified delay time (defaults to 500ms, half a second) - * @param delay The time below which the pointer is considered as just out. - * @returns {boolean} - */ - public justReleased(pointer?: number, delay?: number): bool; - /** - * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. - * @returns {number} The number of milliseconds the pointer has been over the Sprite, or -1 if not over. - */ - public overDuration(pointer?: number): number; - /** - * If the pointer is currently over this Sprite this returns how long it has been there for in milliseconds. - * @returns {number} The number of milliseconds the pointer has been pressed down on the Sprite, or -1 if not over. - */ - public downDuration(pointer?: number): number; - /** - * Make this Sprite draggable by the mouse. You can also optionally set mouseStartDragCallback and mouseStopDragCallback - * - * @param lockCenter If false the Sprite will drag from where you click it minus the dragOffset. If true it will center itself to the tip of the mouse pointer. - * @param bringToTop If true the Sprite will be bought to the top of the rendering list in its current Group. - * @param pixelPerfect If true it will use a pixel perfect test to see if you clicked the Sprite. False uses the bounding box. - * @param alphaThreshold If using pixel perfect collision this specifies the alpha level from 0 to 255 above which a collision is processed (default 255) - * @param boundsRect If you want to restrict the drag of this sprite to a specific FlxRect, pass the FlxRect here, otherwise it's free to drag anywhere - * @param boundsSprite If you want to restrict the drag of this sprite to within the bounding box of another sprite, pass it here - */ - public enableDrag(lockCenter?: bool, bringToTop?: bool, pixelPerfect?: bool, alphaThreshold?: number, boundsRect?: Rectangle, boundsSprite?: Sprite): void; - /** - * Stops this sprite from being able to be dragged. If it is currently the target of an active drag it will be stopped immediately. Also disables any set callbacks. - */ - public disableDrag(): void; - /** - * Called by Pointer when drag starts on this Sprite. Should not usually be called directly. - */ - public startDrag(pointer: Pointer): void; - /** - * Called by Pointer when drag is stopped on this Sprite. Should not usually be called directly. - */ - public stopDrag(pointer: Pointer): void; - /** - * Restricts this sprite to drag movement only on the given axis. Note: If both are set to false the sprite will never move! - * - * @param allowHorizontal To enable the sprite to be dragged horizontally set to true, otherwise false - * @param allowVertical To enable the sprite to be dragged vertically set to true, otherwise false - */ - public setDragLock(allowHorizontal?: bool, allowVertical?: bool): void; - /** - * Make this Sprite snap to the given grid either during drag or when it's released. - * For example 16x16 as the snapX and snapY would make the sprite snap to every 16 pixels. - * - * @param snapX The width of the grid cell in pixels - * @param snapY The height of the grid cell in pixels - * @param onDrag If true the sprite will snap to the grid while being dragged - * @param onRelease If true the sprite will snap to the grid when released - */ - public enableSnap(snapX: number, snapY: number, onDrag?: bool, onRelease?: bool): void; - /** - * Stops the sprite from snapping to a grid during drag or release. - */ - public disableSnap(): void; - /** - * Bounds Rect check for the sprite drag - */ - private checkBoundsRect(); - /** - * Parent Sprite Bounds check for the sprite drag - */ - private checkBoundsSprite(); - } -} -/** -* Phaser - Mat3 -* -* A 3x3 Matrix -*/ -module Phaser { - class Mat3 { - /** - * Creates a new Mat3 object. - * @class Mat3 - * @constructor - * @return {Mat3} This object - **/ - constructor(); - private _a00; - private _a01; - private _a02; - private _a10; - private _a11; - private _a12; - private _a20; - private _a21; - private _a22; - public data: number[]; - public a00 : number; - public a01 : number; - public a02 : number; - public a10 : number; - public a11 : number; - public a12 : number; - public a20 : number; - public a21 : number; - public a22 : number; - /** - * Copies the values from one Mat3 into this Mat3. - * @method copyFromMat3 - * @param {any} source - The object to copy from. - * @return {Mat3} This Mat3 object. - **/ - public copyFromMat3(source: Mat3): Mat3; - /** - * Copies the upper-left 3x3 values into this Mat3. - * @method copyFromMat4 - * @param {any} source - The object to copy from. - * @return {Mat3} This Mat3 object. - **/ - public copyFromMat4(source: any): Mat3; - /** - * Clones this Mat3 into a new Mat3 - * @param {Mat3} out The output Mat3, if none is given a new Mat3 object will be created. - * @return {Mat3} The new Mat3 - **/ - public clone(out?: Mat3): Mat3; - /** - * Sets this Mat3 to the identity matrix. - * @method identity - * @param {any} source - The object to copy from. - * @return {Mat3} This Mat3 object. - **/ - public identity(): Mat3; - /** - * Translates this Mat3 by the given vector - **/ - public translate(v: Vec2): Mat3; - private setTemps(); - /** - * Rotates this Mat3 by the given angle (given in radians) - **/ - public rotate(rad: number): Mat3; - /** - * Scales this Mat3 by the given vector - **/ - public scale(v: Vec2): Mat3; - public setTo(a00: number, a01: number, a02: number, a10: number, a11: number, a12: number, a20: number, a21: number, a22: number): Mat3; - /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the object. - **/ - public toString(): string; - } -} -/** -* Phaser - Components - TransformManager -*/ -module Phaser.Components { - class TransformManager { - /** - * Creates a new TransformManager component - * @param parent The game object using this transform - */ - constructor(parent); - private _rotation; - private _dirty; - private _pos; - private _scale; - private _size; - private _halfSize; - private _offset; - private _origin; - private _sc; - private _scA; - private _angle; - private _distance; - private _prevRotation; - /** - * Reference to Phaser.Game - */ - public game: Game; - /** - * Reference to the parent object (Sprite, Group, etc) - */ - public parent: Sprite; - /** - * Scale of the object. A scale of 1.0 is the original size. 0.5 half size. 2.0 double sized. - */ - public scale: Vec2; - /** - * Skew the object along the x and y axis. A skew value of 0 is no skew. - */ - public skew: Vec2; - /** - * The influence of camera movement upon the object, if supported. - */ - public scrollFactor: Vec2; - /** - * The origin is the point around which scale and rotation takes place and defaults to the top-left of the sprite. - */ - public origin: Vec2; - /** - * This value is added to the rotation of the object. - * For example if you had a texture drawn facing straight up then you could set - * rotationOffset to 90 and it would correspond correctly with Phasers right-handed coordinate system. - * @type {number} - */ - public rotationOffset: number; - /** - * The rotation of the object in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - */ - public rotation: number; - /** - * The center of the Sprite in world coordinates, after taking scaling and rotation into consideration - */ - public center: Point; - /** - * The upper-left corner of the Sprite in world coordinates, after taking scaling and rotation into consideration - */ - public upperLeft: Point; - /** - * The upper-right corner of the Sprite in world coordinates, after taking scaling and rotation into consideration - */ - public upperRight: Point; - /** - * The bottom-left corner of the Sprite in world coordinates, after taking scaling and rotation into consideration - */ - public bottomLeft: Point; - /** - * The bottom-right corner of the Sprite in world coordinates, after taking scaling and rotation into consideration - */ - public bottomRight: Point; - /** - * The local transform matrix - */ - public local: Mat3; - /** - * The distance from the center of the transform to the rotation origin. - */ - public distance : number; - /** - * The angle between the center of the transform to the rotation origin. - */ - public angleToCenter : number; - /** - * The offset on the X axis of the origin That is the difference between the top left of the Sprite and the origin.x. - * So if the origin.x is 0 the offsetX will be 0. If the origin.x is 0.5 then offsetX will be sprite width / 2, and so on. - */ - public offsetX : number; - /** - * The offset on the Y axis of the origin - */ - public offsetY : number; - /** - * Half the width of the parent sprite, taking into consideration scaling - */ - public halfWidth : number; - /** - * Half the height of the parent sprite, taking into consideration scaling - */ - public halfHeight : number; - /** - * The equivalent of Math.sin(rotation + rotationOffset) - */ - public sin : number; - /** - * The equivalent of Math.cos(rotation + rotationOffset) - */ - public cos : number; - /** - * Moves the sprite so its center is located on the given x and y coordinates. - * Doesn't change the origin of the sprite. - */ - public centerOn(x: number, y: number): void; - /** - * Populates the transform cache. Called by the parent object on creation. - */ - public setCache(): void; - /** - * Updates the local transform matrix and the cache values if anything has changed in the parent. - */ - public update(): void; - } -} -/** -* Phaser - Components - Events -* -* Signals that are dispatched by the Sprite and its various components -*/ -module Phaser.Components { - class Events { - /** - * The Events component is a collection of events fired by the parent game object and its components. - * @param parent The game object using this Input component - */ - constructor(parent: Sprite); - /** - * Reference to Phaser.Game - */ - public game: Game; - /** - * Local private reference to its parent game object. - */ - private _parent; - /** - * Dispatched by the Group this Sprite is added to. - */ - public onAddedToGroup: Signal; - /** - * Dispatched by the Group this Sprite is removed from. - */ - public onRemovedFromGroup: Signal; - /** - * Dispatched when this Sprite is killed. - */ - public onKilled: Signal; - /** - * Dispatched when this Sprite is revived. - */ - public onRevived: Signal; - /** - * Dispatched by the Input component when a pointer moves over an Input enabled sprite. - */ - public onInputOver: Signal; - /** - * Dispatched by the Input component when a pointer moves out of an Input enabled sprite. - */ - public onInputOut: Signal; - /** - * Dispatched by the Input component when a pointer is pressed down on an Input enabled sprite. - */ - public onInputDown: Signal; - /** - * Dispatched by the Input component when a pointer is released over an Input enabled sprite - */ - public onInputUp: Signal; - /** - * Dispatched by the Input component when the Sprite starts being dragged - */ - public onDragStart: Signal; - /** - * Dispatched by the Input component when the Sprite stops being dragged - */ - public onDragStop: Signal; - /** - * Dispatched by the Animation component when the Sprite starts being animated - */ - public onAnimationStart: Signal; - /** - * Dispatched by the Animation component when the Sprite animation completes - */ - public onAnimationComplete: Signal; - /** - * Dispatched by the Animation component when the Sprite animation loops - */ - public onAnimationLoop: Signal; - /** - * Dispatched by the Sprite when it first leaves the world bounds - */ - public onOutOfBounds: Signal; - } -} -/** -* Phaser - Vec2Utils -* -* A collection of methods useful for manipulating and performing operations on 2D vectors. -* -*/ -module Phaser { - class Vec2Utils { - /** - * Adds two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors. - */ - static add(a: Vec2, b: Vec2, out?: Vec2): Vec2; - /** - * Subtracts two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the difference of the two vectors. - */ - static subtract(a: Vec2, b: Vec2, out?: Vec2): Vec2; - /** - * Multiplies two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors multiplied. - */ - static multiply(a: Vec2, b: Vec2, out?: Vec2): Vec2; - /** - * Divides two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors divided. - */ - static divide(a: Vec2, b: Vec2, out?: Vec2): Vec2; - /** - * Scales a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {number} s Scaling value. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the scaled vector. - */ - static scale(a: Vec2, s: number, out?: Vec2): Vec2; - /** - * Adds two 2D vectors together and multiplies the result by the given scalar. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {number} s Scaling value. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the sum of the two vectors added and multiplied. - */ - static multiplyAdd(a: Vec2, b: Vec2, s: number, out?: Vec2): Vec2; - /** - * Return a negative vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the negative vector. - */ - static negative(a: Vec2, out?: Vec2): Vec2; - /** - * Return a perpendicular vector (90 degrees rotation) - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the scaled vector. - */ - static perp(a: Vec2, out?: Vec2): Vec2; - /** - * Return a perpendicular vector (-90 degrees rotation) - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is the scaled vector. - */ - static rperp(a: Vec2, out?: Vec2): Vec2; - /** - * Checks if two 2D vectors are equal. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Boolean} - */ - static equals(a: Vec2, b: Vec2): bool; - /** - * - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} epsilon - * @return {Boolean} - */ - static epsilonEquals(a: Vec2, b: Vec2, epsilon: number): bool; - /** - * Get the distance between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - static distance(a: Vec2, b: Vec2): number; - /** - * Get the distance squared between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - static distanceSq(a: Vec2, b: Vec2): number; - /** - * Project two 2D vectors onto another vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - static project(a: Vec2, b: Vec2, out?: Vec2): Vec2; - /** - * Project this vector onto a vector of unit length. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - static projectUnit(a: Vec2, b: Vec2, out?: Vec2): Vec2; - /** - * Right-hand normalize (make unit length) a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - static normalRightHand(a: Vec2, out?: Vec2): Vec2; - /** - * Normalize (make unit length) a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - static normalize(a: Vec2, out?: Vec2): Vec2; - /** - * The dot product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - static dot(a: Vec2, b: Vec2): number; - /** - * The cross product of two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - static cross(a: Vec2, b: Vec2): number; - /** - * The angle between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - static angle(a: Vec2, b: Vec2): number; - /** - * The angle squared between two 2D vectors. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @return {Number} - */ - static angleSq(a: Vec2, b: Vec2): number; - /** - * Rotate a 2D vector around the origin to the given angle (theta). - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Number} theta The angle of rotation in radians. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - static rotateAroundOrigin(a: Vec2, b: Vec2, theta: number, out?: Vec2): Vec2; - /** - * Rotate a 2D vector to the given angle (theta). - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} b Reference to a source Vec2 object. - * @param {Number} theta The angle of rotation in radians. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2. - */ - static rotate(a: Vec2, theta: number, out?: Vec2): Vec2; - /** - * Clone a 2D vector. - * - * @param {Vec2} a Reference to a source Vec2 object. - * @param {Vec2} out The output Vec2 that is the result of the operation. - * @return {Vec2} A Vec2 that is a copy of the source Vec2. - */ - static clone(a: Vec2, out?: Vec2): Vec2; - } -} -/** -* Phaser - CircleUtils -* -* A collection of methods useful for manipulating and comparing Circle objects. -* -* TODO: -*/ -module Phaser { - class CircleUtils { - /** - * Returns a new Circle object with the same values for the x, y, width, and height properties as the original Circle object. - * @method clone - * @param {Circle} a - The Circle object. - * @param {Circle} [optional] out Optional Circle object. If given the values will be set into the object, otherwise a brand new Circle object will be created and returned. - * @return {Phaser.Circle} - **/ - static clone(a: Circle, out?: Circle): Circle; - /** - * Return true if the given x/y coordinates are within the Circle object. - * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. - * @method contains - * @param {Circle} a - The Circle object. - * @param {Number} The X value of the coordinate to test. - * @param {Number} The Y value of the coordinate to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - static contains(a: Circle, x: number, y: number): bool; - /** - * Return true if the coordinates of the given Point object are within this Circle object. - * If you need details about the intersection then use Phaser.Intersect.circleContainsPoint instead. - * @method containsPoint - * @param {Circle} a - The Circle object. - * @param {Point} The Point object to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - static containsPoint(a: Circle, point: Point): bool; - /** - * Return true if the given Circle is contained entirely within this Circle object. - * If you need details about the intersection then use Phaser.Intersect.circleToCircle instead. - * @method containsCircle - * @param {Circle} The Circle object to test. - * @return {Boolean} True if the coordinates are within this circle, otherwise false. - **/ - static containsCircle(a: Circle, b: Circle): bool; - /** - * Returns the distance from the center of the Circle object to the given object (can be Circle, Point or anything with x/y properties) - * @method distanceBetween - * @param {Circle} a - The Circle object. - * @param {Circle} b - The target object. Must have visible x and y properties that represent the center of the object. - * @param {Boolean} [optional] round - Round the distance to the nearest integer (default false) - * @return {Number} The distance between this Point object and the destination Point object. - **/ - static distanceBetween(a: Circle, target: any, round?: bool): number; - /** - * Determines whether the two Circle objects match. This method compares the x, y and diameter properties. - * @method equals - * @param {Circle} a - The first Circle object. - * @param {Circle} b - The second Circle object. - * @return {Boolean} A value of true if the object has exactly the same values for the x, y and diameter properties as this Circle object; otherwise false. - **/ - static equals(a: Circle, b: Circle): bool; - /** - * Determines whether the two Circle objects intersect. - * This method checks the radius distances between the two Circle objects to see if they intersect. - * @method intersects - * @param {Circle} a - The first Circle object. - * @param {Circle} b - The second Circle object. - * @return {Boolean} A value of true if the specified object intersects with this Circle object; otherwise false. - **/ - static intersects(a: Circle, b: Circle): bool; - /** - * Returns a Point object containing the coordinates of a point on the circumference of the Circle based on the given angle. - * @method circumferencePoint - * @param {Circle} a - The first Circle object. - * @param {Number} angle The angle in radians (unless asDegrees is true) to return the point from. - * @param {Boolean} asDegrees Is the given angle in radians (false) or degrees (true)? - * @param {Phaser.Point} [optional] output An optional Point object to put the result in to. If none specified a new Point object will be created. - * @return {Phaser.Point} The Point object holding the result. - **/ - static circumferencePoint(a: Circle, angle: number, asDegrees?: bool, out?: Point): Point; - static intersectsRectangle(c: Circle, r: Rectangle): bool; - } -} -/** -* Phaser - ArcadePhysics Manager -* -*/ -module Phaser.Physics { - class ArcadePhysics { - constructor(game: Game, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Physics object pool - */ - public members: Group; - private _drag; - private _delta; - private _velocityDelta; - private _length; - private _distance; - private _tangent; - private _separatedX; - private _separatedY; - private _overlap; - private _maxOverlap; - private _obj1Velocity; - private _obj2Velocity; - private _obj1NewVelocity; - private _obj2NewVelocity; - private _average; - private _quadTree; - private _quadTreeResult; - public bounds: Rectangle; - public gravity: Vec2; - public drag: Vec2; - public bounce: Vec2; - public angularDrag: number; - /** - * The overlap bias is used when calculating hull overlap before separation - change it if you have especially small or large GameObjects - * @type {number} - */ - static OVERLAP_BIAS: number; - /** - * The overlap bias is used when calculating hull overlap before separation - change it if you have especially small or large GameObjects - * @type {number} - */ - static TILE_OVERLAP: bool; - /** - * @type {number} - */ - public worldDivisions: number; - public updateMotion(body: Body): void; - /** - * A tween-like function that takes a starting velocity and some other factors and returns an altered velocity. - * - * @param {number} Velocity Any component of velocity (e.g. 20). - * @param {number} Acceleration Rate at which the velocity is changing. - * @param {number} Drag Really kind of a deceleration, this is how much the velocity changes if Acceleration is not set. - * @param {number} Max An absolute value cap for the velocity. - * - * @return {number} The altered Velocity value. - */ - public computeVelocity(velocity: number, gravity?: number, acceleration?: number, drag?: number, max?: number): number; - /** - * The core Collision separation method. - * @param body1 The first Physics.Body to separate - * @param body2 The second Physics.Body to separate - * @returns {boolean} Returns true if the bodies were separated, otherwise false. - */ - public separate(body1: Body, body2: Body): bool; - public checkHullIntersection(body1: Body, body2: Body): bool; - /** - * Separates the two objects on their x axis - * @param object1 The first GameObject to separate - * @param object2 The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the X axis. - */ - public separateBodyX(body1: Body, body2: Body): bool; - /** - * Separates the two objects on their y axis - * @param object1 The first GameObject to separate - * @param object2 The second GameObject to separate - * @returns {boolean} Whether the objects in fact touched and were separated along the Y axis. - */ - public separateBodyY(body1: Body, body2: Body): bool; - /** - * Checks for overlaps between two objects using the world QuadTree. Can be Sprite vs. Sprite, Sprite vs. Group or Group vs. Group. - * Note: Does not take the objects scrollFactor into account. All overlaps are check in world space. - * @param object1 The first Sprite or Group to check. If null the world.group is used. - * @param object2 The second Sprite or Group to check. - * @param notifyCallback A callback function that is called if the objects overlap. The two objects will be passed to this function in the same order in which you passed them to Collision.overlap. - * @param processCallback A callback function that lets you perform additional checks against the two objects if they overlap. If this is set then notifyCallback will only be called if processCallback returns true. - * @param context The context in which the callbacks will be called - * @returns {boolean} true if the objects overlap, otherwise false. - */ - public overlap(object1?, object2?, notifyCallback?, processCallback?, context?): bool; - /** - * Collision resolution specifically for GameObjects vs. Tiles. - * @param object The GameObject to separate - * @param tile The Tile to separate - * @returns {boolean} Whether the objects in fact touched and were separated - */ - public separateTile(object: Sprite, x: number, y: number, width: number, height: number, mass: number, collideLeft: bool, collideRight: bool, collideUp: bool, collideDown: bool, separateX: bool, separateY: bool): bool; - } -} -/** -* Phaser - ArcadePhysics - Body -*/ -module Phaser.Physics { - class Body { - constructor(sprite: Sprite, type: number); - /** - * Reference to Phaser.Game - */ - public game: Game; - /** - * Reference to the parent Sprite - */ - public sprite: Sprite; - /** - * The type of Body (disabled, dynamic, static or kinematic) - * Disabled = skips all physics operations / tests (default) - * Dynamic = gives and receives impacts - * Static = gives but doesn't receive impacts, cannot be moved by physics - * Kinematic = gives impacts, but never receives, can be moved by physics - * @type {number} - */ - public type: number; - public gravity: Vec2; - public bounce: Vec2; - public velocity: Vec2; - public acceleration: Vec2; - public drag: Vec2; - public maxVelocity: Vec2; - public angularVelocity: number; - public angularAcceleration: number; - public angularDrag: number; - public maxAngular: number; - /** - * Orientation of the object. - * @type {number} - */ - public facing: number; - public touching: number; - public allowCollisions: number; - public wasTouching: number; - public mass: number; - public position: Vec2; - public oldPosition: Vec2; - public offset: Vec2; - public bounds: Rectangle; - private _width; - private _height; - public x : number; - public y : number; - public width : number; - public height : number; - public preUpdate(): void; - public postUpdate(): void; - public hullWidth : number; - public hullHeight : number; - public hullX : number; - public hullY : number; - public deltaXAbs : number; - public deltaYAbs : number; - public deltaX : number; - public deltaY : number; - public render(context: CanvasRenderingContext2D): void; - /** - * Render debug infos. (including name, bounds info, position and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - public renderDebugInfo(x: number, y: number, color?: string): void; - } -} -/** -* Phaser - Sprite -*/ -module Phaser { - class Sprite implements IGameObject { - /** - * Create a new Sprite. - * - * @param game {Phaser.Game} Current game instance. - * @param [x] {number} the initial x position of the sprite. - * @param [y] {number} the initial y position of the sprite. - * @param [key] {string} Key of the graphic you want to load for this sprite. - */ - constructor(game: Game, x?: number, y?: number, key?: string, frame?); - /** - * Reference to the main game object - */ - public game: Game; - /** - * The type of game object. - */ - public type: number; - /** - * The name of game object. - */ - public name: string; - /** - * The Group this Sprite belongs to. - */ - public group: Group; - /** - * Controls if both update and render are called by the core game loop. - */ - public exists: bool; - /** - * Controls if update() is automatically called by the core game loop. - */ - public active: bool; - /** - * Controls if this Sprite is rendered or skipped during the core game loop. - */ - public visible: bool; - /** - * A useful state for many game objects. Kill and revive both flip this switch. - */ - public alive: bool; - /** - * Is the Sprite out of the world bounds or not? - */ - public outOfBounds: bool; - /** - * The action to be taken when the sprite is fully out of the world bounds - * Defaults to Phaser.Types.OUT_OF_BOUNDS_PERSIST - */ - public outOfBoundsAction: number; - /** - * Sprite physics body. - */ - public body: Physics.Body; - /** - * The texture used to render the Sprite. - */ - public texture: Display.Texture; - /** - * The Sprite transform component. - */ - public transform: Components.TransformManager; - /** - * The Input component - */ - public input: Components.InputHandler; - /** - * The Events component - */ - public events: Components.Events; - /** - * This manages animations of the sprite. You can modify animations through it. (see AnimationManager) - * @type AnimationManager - */ - public animations: Components.AnimationManager; - /** - * A Rectangle that defines the size and placement of the Sprite in the game world, - * after taking into consideration both scrollFactor and scaling. - */ - public worldView: Rectangle; - /** - * A Rectangle that maps to the placement of this sprite with respect to a specific Camera. - * This value is constantly updated and modified during the internal render pass, it is not meant to be accessed directly. - */ - public cameraView: Rectangle; - /** - * A local tween variable. Used by the TweenManager when setting a tween on this sprite or a property of it. - */ - public tween: Tween; - /** - * A boolean representing if the Sprite has been modified in any way via a scale, rotate, flip or skew. - */ - public modified: bool; - /** - * x value of the object. - */ - public x: number; - /** - * y value of the object. - */ - public y: number; - /** - * z order value of the object. - */ - public z: number; - /** - * Render iteration counter - */ - public renderOrderID: number; - /** - * The rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - */ - /** - * Set the rotation of the sprite in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - * The value is automatically wrapped to be between 0 and 360. - */ - public rotation : number; - /** - * Brings this Sprite to the top of its current Group, if set. - */ - public bringToTop(): void; - /** - * The scale of the Sprite. A value of 1 is original scale. 0.5 is half size. 2 is double the size. - * This is a reference to Sprite.transform.scale - */ - public scale: Vec2; - /** - * The crop rectangle allows you to control which part of the sprite texture is rendered without distorting it. - * Set to null to disable, set to a Phaser.Rectangle object to control the region that will be rendered, anything outside the rectangle is ignored. - * This is a reference to Sprite.texture.crop - * @type {Phaser.Rectangle} - */ - public crop: Rectangle; - /** - * The origin of the Sprite around which rotation and positioning takes place. - * This is a reference to Sprite.transform.origin - */ - public origin: Vec2; - /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - public alpha : number; - /** - * Get the animation frame number. - */ - /** - * Set the animation frame by frame number. - */ - public frame : number; - /** - * Get the animation frame name. - */ - /** - * Set the animation frame by frame name. - */ - public frameName : string; - public width : number; - public height : number; - /** - * Pre-update is called right before update() on each object in the game loop. - */ - public preUpdate(): void; - /** - * Override this function to update your sprites position and appearance. - */ - public update(): void; - /** - * Automatically called after update() by the game loop for all 'alive' objects. - */ - public postUpdate(): void; - private checkBounds(); - /** - * Clean up memory. - */ - public destroy(): void; - /** - * Handy for "killing" game objects. - * Default behavior is to flag them as nonexistent AND dead. - * However, if you want the "corpse" to remain in the game, - * like to animate an effect or whatever, you should override this, - * setting only alive to false, and leaving exists true. - */ - public kill(removeFromGroup?: bool): void; - /** - * Handy for bringing game objects "back to life". Just sets alive and exists back to true. - * In practice, this is most often called by Object.reset(). - */ - public revive(): void; - } -} -/** -* Phaser - SpriteUtils -* -* A collection of methods useful for manipulating and checking Sprites. -*/ -module Phaser { - class SpriteUtils { - static _tempPoint: Point; - static _sin: number; - static _cos: number; - /** - * Updates a Sprites cameraView Rectangle based on the given camera, sprite world position and rotation - * @param camera {Camera} The Camera to use in the view - * @param sprite {Sprite} The Sprite that will have its cameraView property modified - * @return {Rectangle} A reference to the Sprite.cameraView property - */ - static updateCameraView(camera: Camera, sprite: Sprite): Rectangle; - static getAsPoints(sprite: Sprite): Point[]; - /** - * Checks to see if the given x and y coordinates overlaps this Sprite, taking scaling and rotation into account. - * The coordinates must be given in world space, not local or camera space. - * - * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. - * @param x {Number} The x coordinate in world space. - * @param y {Number} The y coordinate in world space. - * - * @return Whether or not the point overlaps this object. - */ - static overlapsXY(sprite: Sprite, x: number, y: number): bool; - /** - * Checks to see if the given point overlaps this Sprite, taking scaling and rotation into account. - * The point must be given in world space, not local or camera space. - * - * @param sprite {Sprite} The Sprite to check. It will take scaling and rotation into account. - * @param point {Point} The point in world space you want to check. - * - * @return Whether or not the point overlaps this object. - */ - static overlapsPoint(sprite: Sprite, point: Point): bool; - /** - * Check and see if this object is currently on screen. - * - * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. - * - * @return {boolean} Whether the object is on screen or not. - */ - static onScreen(sprite: Sprite, camera?: Camera): bool; - /** - * Call this to figure out the on-screen position of the object. - * - * @param point {Point} Takes a Point object and assigns the post-scrolled X and Y values of this object to it. - * @param camera {Camera} Specify which game camera you want. If null getScreenXY() will just grab the first global camera. - * - * @return {Point} The Point you passed in, or a new Point if you didn't pass one, containing the screen X and Y position of this object. - */ - static getScreenXY(sprite: Sprite, point?: Point, camera?: Camera): Point; - /** - * Handy for reviving game objects. - * Resets their existence flags and position. - * - * @param x {number} The new X position of this object. - * @param y {number} The new Y position of this object. - */ - static reset(sprite: Sprite, x: number, y: number): void; - /** - * Set the world bounds that this GameObject can exist within. By default a GameObject can exist anywhere - * in the world. But by setting the bounds (which are given in world dimensions, not screen dimensions) - * it can be stopped from leaving the world, or a section of it. - * - * @param x {number} x position of the bound - * @param y {number} y position of the bound - * @param width {number} width of its bound - * @param height {number} height of its bound - */ - static setBounds(x: number, y: number, width: number, height: number): void; - } -} -/** -* Phaser - ColorUtils -* -* A collection of methods useful for manipulating color values. -*/ -module Phaser { - class ColorUtils { - static game: Game; - /** - * Given an alpha and 3 color values this will return an integer representation of it - * - * @param alpha {number} The Alpha value (between 0 and 255) - * @param red {number} The Red channel value (between 0 and 255) - * @param green {number} The Green channel value (between 0 and 255) - * @param blue {number} The Blue channel value (between 0 and 255) - * - * @return A native color value integer (format: 0xAARRGGBB) - */ - static getColor32(alpha: number, red: number, green: number, blue: number): number; - /** - * Given 3 color values this will return an integer representation of it - * - * @param red {number} The Red channel value (between 0 and 255) - * @param green {number} The Green channel value (between 0 and 255) - * @param blue {number} The Blue channel value (between 0 and 255) - * - * @return A native color value integer (format: 0xRRGGBB) - */ - static getColor(red: number, green: number, blue: number): number; - /** - * Get HSV color wheel values in an array which will be 360 elements in size - * - * @param alpha Alpha value for each color of the color wheel, between 0 (transparent) and 255 (opaque) - * - * @return Array - */ - static getHSVColorWheel(alpha?: number): any[]; - /** - * Returns a Complementary Color Harmony for the given color. - *

A complementary hue is one directly opposite the color given on the color wheel

- *

Value returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * - * @return 0xAARRGGBB format color value - */ - static getComplementHarmony(color: number): number; - /** - * Returns an Analogous Color Harmony for the given color. - *

An Analogous harmony are hues adjacent to each other on the color wheel

- *

Values returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * @param threshold Control how adjacent the colors will be (default +- 30 degrees) - * - * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) - */ - static getAnalogousHarmony(color: number, threshold?: number): { - color1: number; - color2: number; - color3: number; - hue1: any; - hue2: number; - hue3: number; - }; - /** - * Returns an Split Complement Color Harmony for the given color. - *

A Split Complement harmony are the two hues on either side of the color's Complement

- *

Values returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * @param threshold Control how adjacent the colors will be to the Complement (default +- 30 degrees) - * - * @return Object containing 3 properties: color1 (the original color), color2 (the warmer analogous color) and color3 (the colder analogous color) - */ - static getSplitComplementHarmony(color: number, threshold?: number): any; - /** - * Returns a Triadic Color Harmony for the given color. - *

A Triadic harmony are 3 hues equidistant from each other on the color wheel

- *

Values returned in 0xAARRGGBB format with Alpha set to 255.

- * - * @param color The color to base the harmony on - * - * @return Object containing 3 properties: color1 (the original color), color2 and color3 (the equidistant colors) - */ - static getTriadicHarmony(color: number): any; - /** - * Returns a string containing handy information about the given color including string hex value, - * RGB format information and HSL information. Each section starts on a newline, 3 lines in total. - * - * @param color A color value in the format 0xAARRGGBB - * - * @return string containing the 3 lines of information - */ - static getColorInfo(color: number): string; - /** - * Return a string representation of the color in the format 0xAARRGGBB - * - * @param color The color to get the string representation for - * - * @return A string of length 10 characters in the format 0xAARRGGBB - */ - static RGBtoHexstring(color: number): string; - /** - * Return a string representation of the color in the format #RRGGBB - * - * @param color The color to get the string representation for - * - * @return A string of length 10 characters in the format 0xAARRGGBB - */ - static RGBtoWebstring(color: number): string; - /** - * Return a string containing a hex representation of the given color - * - * @param color The color channel to get the hex value for, must be a value between 0 and 255) - * - * @return A string of length 2 characters, i.e. 255 = FF, 0 = 00 - */ - static colorToHexstring(color: number): string; - /** - * Convert a HSV (hue, saturation, lightness) color space value to an RGB color - * - * @param h Hue degree, between 0 and 359 - * @param s Saturation, between 0.0 (grey) and 1.0 - * @param v Value, between 0.0 (black) and 1.0 - * @param alpha Alpha value to set per color (between 0 and 255) - * - * @return 32-bit ARGB color value (0xAARRGGBB) - */ - static HSVtoRGB(h: number, s: number, v: number, alpha?: number): number; - /** - * Convert an RGB color value to an object containing the HSV color space values: Hue, Saturation and Lightness - * - * @param color In format 0xRRGGBB - * - * @return Object with the properties hue (from 0 to 360), saturation (from 0 to 1.0) and lightness (from 0 to 1.0, also available under .value) - */ - static RGBtoHSV(color: number): any; - /** - * - * @method interpolateColor - * @param {Number} color1 - * @param {Number} color2 - * @param {Number} steps - * @param {Number} currentStep - * @param {Number} alpha - * @return {Number} - * @static - */ - static interpolateColor(color1: number, color2: number, steps: number, currentStep: number, alpha?: number): number; - /** - * - * @method interpolateColorWithRGB - * @param {Number} color - * @param {Number} r2 - * @param {Number} g2 - * @param {Number} b2 - * @param {Number} steps - * @param {Number} currentStep - * @return {Number} - * @static - */ - static interpolateColorWithRGB(color: number, r2: number, g2: number, b2: number, steps: number, currentStep: number): number; - /** - * - * @method interpolateRGB - * @param {Number} r1 - * @param {Number} g1 - * @param {Number} b1 - * @param {Number} r2 - * @param {Number} g2 - * @param {Number} b2 - * @param {Number} steps - * @param {Number} currentStep - * @return {Number} - * @static - */ - static interpolateRGB(r1: number, g1: number, b1: number, r2: number, g2: number, b2: number, steps: number, currentStep: number): number; - /** - * Returns a random color value between black and white - *

Set the min value to start each channel from the given offset.

- *

Set the max value to restrict the maximum color used per channel

- * - * @param min The lowest value to use for the color - * @param max The highest value to use for the color - * @param alpha The alpha value of the returning color (default 255 = fully opaque) - * - * @return 32-bit color value with alpha - */ - static getRandomColor(min?: number, max?: number, alpha?: number): number; - /** - * Return the component parts of a color as an Object with the properties alpha, red, green, blue - * - *

Alpha will only be set if it exist in the given color (0xAARRGGBB)

- * - * @param color in RGB (0xRRGGBB) or ARGB format (0xAARRGGBB) - * - * @return Object with properties: alpha, red, green, blue - */ - static getRGB(color: number): any; - /** - * - * @method getWebRGB - * @param {Number} color - * @return {Any} - */ - static getWebRGB(color: number): any; - /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Alpha component of the color, will be between 0 and 255 (0 being no Alpha, 255 full Alpha) - */ - static getAlpha(color: number): number; - /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component as a value between 0 and 1 - * - * @param color In the format 0xAARRGGBB - * - * @return The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)) - */ - static getAlphaFloat(color: number): number; - /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Red component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Red component of the color, will be between 0 and 255 (0 being no color, 255 full Red) - */ - static getRed(color: number): number; - /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Green component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Green component of the color, will be between 0 and 255 (0 being no color, 255 full Green) - */ - static getGreen(color: number): number; - /** - * Given a native color value (in the format 0xAARRGGBB) this will return the Blue component, as a value between 0 and 255 - * - * @param color In the format 0xAARRGGBB - * - * @return The Blue component of the color, will be between 0 and 255 (0 being no color, 255 full Blue) - */ - static getBlue(color: number): number; - } -} -/** -* Phaser - Display - DynamicTexture -* -* A DynamicTexture can be thought of as a mini canvas into which you can draw anything. -* Game Objects can be assigned a DynamicTexture, so when they render in the world they do so -* based on the contents of the texture at the time. This allows you to create powerful effects -* once and have them replicated across as many game objects as you like. -*/ -module Phaser { - class DynamicTexture { - /** - * DynamicTexture constructor - * Create a new DynamicTexture. - * - * @param game {Phaser.Game} Current game instance. - * @param width {number} Init width of this texture. - * @param height {number} Init height of this texture. - */ - constructor(game: Game, width: number, height: number); - /** - * Reference to game. - */ - public game: Game; - /** - * The type of game object. - */ - public type: number; - private _sx; - private _sy; - private _sw; - private _sh; - private _dx; - private _dy; - private _dw; - private _dh; - /** - * Controls the CSS3 Filters applied to the textures canvas object. - * Only really useful if you attach this canvas to the DOM. - * @type {Phaser.Components.CSS3Filters} - */ - public css3: Display.CSS3Filters; - /** - * Bound of this texture with width and height info. - * @type {Rectangle} - */ - public bounds: Rectangle; - /** - * This class is actually a wrapper of canvas. - * @type {HTMLCanvasElement} - */ - public canvas: HTMLCanvasElement; - /** - * Canvas context of this object. - * @type {CanvasRenderingContext2D} - */ - public context: CanvasRenderingContext2D; - /** - * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. - * This is useful if you wish to apply an effect like 'lighten'. - * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. - * Set to null to disable. - */ - public globalCompositeOperation: string; - /** - * Get a color of a specific pixel. - * @param x {number} X position of the pixel in this texture. - * @param y {number} Y position of the pixel in this texture. - * @return {number} A native color value integer (format: 0xRRGGBB) - */ - public getPixel(x: number, y: number): number; - /** - * Get a color of a specific pixel (including alpha value). - * @param x {number} X position of the pixel in this texture. - * @param y {number} Y position of the pixel in this texture. - * @return A native color value integer (format: 0xAARRGGBB) - */ - public getPixel32(x: number, y: number): number; - /** - * Get pixels in array in a specific Rectangle. - * @param rect {Rectangle} The specific Rectangle. - * @returns {array} CanvasPixelArray. - */ - public getPixels(rect: Rectangle): ImageData; - /** - * Set color of a specific pixel. - * @param x {number} X position of the target pixel. - * @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: string): void; - /** - * Set color (with alpha) of a specific pixel. - * @param x {number} X position of the target pixel. - * @param y {number} Y position of the target pixel. - * @param color {number} Native integer with color value. (format: 0xAARRGGBB) - */ - public setPixel32(x: number, y: number, color: number): void; - /** - * Set image data to a specific Rectangle. - * @param rect {Rectangle} Target Rectangle. - * @param input {object} Source image data. - */ - public setPixels(rect: Rectangle, input): void; - /** - * Fill a given Rectangle with specific color. - * @param rect {Rectangle} Target Rectangle you want to fill. - * @param color {number} A native number with color value. (format: 0xRRGGBB) - */ - public fillRect(rect: Rectangle, color: number): void; - /** - * - */ - public pasteImage(key: string, frame?: number, destX?: number, destY?: number, destWidth?: number, destHeight?: number): void; - /** - * Copy pixel from another DynamicTexture to this texture. - * @param sourceTexture {DynamicTexture} Source texture object. - * @param sourceRect {Rectangle} The specific region Rectangle to be copied to this in the source. - * @param destPoint {Point} Top-left point the target image data will be paste at. - */ - public copyPixels(sourceTexture: DynamicTexture, sourceRect: Rectangle, destPoint: Point): void; - public add(sprite: Sprite): void; - /** - * Given an array of Sprites it will update each of them so that their canvas/contexts reference this DynamicTexture - * @param objects {Array} An array of GameObjects, or objects that inherit from it such as Sprites - */ - public assignCanvasToGameObjects(objects): void; - /** - * Clear the whole canvas. - */ - public clear(): void; - /** - * Renders this DynamicTexture to the Stage at the given x/y coordinates - * - * @param x {number} The X coordinate to render on the stage to (given in screen coordinates, not world) - * @param y {number} The Y coordinate to render on the stage to (given in screen coordinates, not world) - */ - public render(x?: number, y?: number): void; - public width : number; - public height : number; - } -} -/** -* Phaser - Display - Texture -* -* The Texture being used to render the object (Sprite, Group background, etc). Either Image based on a DynamicTexture. -*/ -module Phaser.Display { - class Texture { - /** - * Creates a new Texture component - * @param parent The object using this Texture to render. - * @param key An optional Game.Cache key to load an image from - */ - constructor(parent); - /** - * Camera Blacklist length - */ - private _blacklist; - /** - * Private _width - use the width getter/setter instead - */ - private _width; - /** - * Private _height - use the height getter/setter instead - */ - private _height; - /** - * Reference to Phaser.Game - */ - public game: Game; - /** - * Reference to the parent object (Sprite, Group, etc) - */ - public parent; - /** - * Reference to the Image stored in the Game.Cache that is used as the texture for the Sprite. - */ - public imageTexture; - /** - * Reference to the DynamicTexture that is used as the texture for the Sprite. - * @type {DynamicTexture} - */ - public dynamicTexture: DynamicTexture; - /** - * The load status of the texture image. - * @type {boolean} - */ - public loaded: bool; - /** - * An Array of Cameras to which this texture won't render - * @type {Array} - */ - public cameraBlacklist: number[]; - /** - * Whether the texture background is opaque or not. If set to true the object is filled with - * the value of Texture.backgroundColor every frame. Normally you wouldn't enable this but - * for some effects it can be handy. - * @type {boolean} - */ - public opaque: bool; - /** - * Opacity of the Sprite texture where 1 is opaque (default) and 0 is fully transparent. - * @type {number} - */ - public alpha: number; - /** - * The Background Color of the Sprite if Texture.opaque is set to true. - * Given in css color string format, i.e. 'rgb(0,0,0)' or '#ff0000'. - * @type {string} - */ - public backgroundColor: string; - /** - * You can set a globalCompositeOperation that will be applied before the render method is called on this Sprite. - * This is useful if you wish to apply an effect like 'lighten'. - * If this value is set it will call a canvas context save and restore before and after the render pass, so use it sparingly. - * Set to null to disable. - */ - public globalCompositeOperation: string; - /** - * A reference to the Canvas this Sprite renders to. - * @type {HTMLCanvasElement} - */ - public canvas: HTMLCanvasElement; - /** - * A reference to the Canvas Context2D this Sprite renders to. - * @type {CanvasRenderingContext2D} - */ - public context: CanvasRenderingContext2D; - /** - * The Cache key used for the Image Texture. - */ - public cacheKey: string; - /** - * The Texture being used to render the Sprite. Either an Image Texture from the Cache or a DynamicTexture. - */ - public texture; - /** - * Controls if the Sprite is rendered rotated or not. - * If renderRotation is false then the object can still rotate but it will never be rendered rotated. - * @type {boolean} - */ - public renderRotation: bool; - /** - * The direction the animation frame is facing (can be Phaser.Types.RIGHT, LEFT, UP, DOWN). - * Very useful when hooking animation to Sprite directions. - */ - public facing: number; - /** - * Flip the graphic horizontally (defaults to false) - * @type {boolean} - */ - public flippedX: bool; - /** - * Flip the graphic vertically (defaults to false) - * @type {boolean} - */ - public flippedY: bool; - /** - * Is the texture a DynamicTexture? - * @type {boolean} - */ - public isDynamic: bool; - /** - * The crop rectangle allows you to control which part of the sprite texture is rendered without distorting it. - * Set to null to disable, set to a Phaser.Rectangle object to control the region that will be rendered, anything outside the rectangle is ignored. - * @type {Phaser.Rectangle} - */ - public crop: Rectangle; - /** - * Hides an object from this Camera. Hidden objects are not rendered. - * - * @param object {Camera} The camera this object should ignore. - */ - public hideFromCamera(camera: Camera): void; - /** - * Returns true if this texture is hidden from rendering to the given camera, otherwise false. - */ - public isHidden(camera: Camera): bool; - /** - * Un-hides an object previously hidden to this Camera. - * The object must implement a public cameraBlacklist property. - * - * @param object {Sprite/Group} The object this camera should display. - */ - public showToCamera(camera: Camera): void; - /** - * Updates the texture being used to render the Sprite. - * Called automatically by SpriteUtils.loadTexture and SpriteUtils.loadDynamicTexture. - */ - public setTo(image?, dynamic?: DynamicTexture); - /** - * Sets a new graphic from the game cache to use as the texture for this Sprite. - * The graphic can be SpriteSheet or Texture Atlas. If you need to use a DynamicTexture see loadDynamicTexture. - * @param key {string} Key of the graphic you want to load for this sprite. - * @param clearAnimations {boolean} If this Sprite has a set of animation data already loaded you can choose to keep or clear it with this boolean - * @param updateBody {boolean} Update the physics body dimensions to match the newly loaded texture/frame? - */ - public loadImage(key: string, clearAnimations?: bool, updateBody?: bool): void; - /** - * Load a DynamicTexture as its texture. - * @param texture {DynamicTexture} The texture object to be used by this sprite. - */ - public loadDynamicTexture(texture: DynamicTexture): void; - /** - * The width of the texture. If an animation it will be the frame width, not the width of the sprite sheet. - * If using a DynamicTexture it will be the width of the dynamic texture itself. - * @type {number} - */ - public width : number; - /** - * The height of the texture. If an animation it will be the frame height, not the height of the sprite sheet. - * If using a DynamicTexture it will be the height of the dynamic texture itself. - * @type {number} - */ - public height : number; - } -} -/** -* Phaser - Group -* -* This class is used for organising, updating and sorting game objects. -*/ -module Phaser { - class Group { - constructor(game: Game, maxSize?: number); - /** - * Internal tracker for the maximum capacity of the group. - * Default is 0, or no max capacity. - */ - private _maxSize; - /** - * Internal helper variable for recycling objects a la Emitter. - */ - private _marker; - /** - * Helper for sort. - */ - private _sortIndex; - /** - * Helper for sort. - */ - private _sortOrder; - /** - * Temp vars to help avoid gc spikes - */ - private _member; - private _length; - private _i; - private _prevAlpha; - private _count; - /** - * This keeps track of the z value of any game object added to this Group - */ - private _zCounter; - /** - * Reference to the main game object - */ - public game: Game; - /** - * The type of game object. - */ - public type: number; - /** - * The unique Group ID - */ - public ID: number; - /** - * The z value of this Group (within its parent Group, if any) - */ - public z: number; - /** - * The Group this Group is a child of (if any). - */ - public group: Group; - /** - * Optional texture used in the background of the Camera. - */ - public texture: Display.Texture; - /** - * The transform component. - */ - public transform: Components.TransformManager; - /** - * A boolean representing if the Group has been modified in any way via a scale, rotate, flip or skew. - */ - public modified: bool; - /** - * If this Group exists or not. Can be set to false to skip certain loop checks. - */ - public exists: bool; - /** - * Controls if this Group (and all of its contents) are rendered or skipped during the core game loop. - */ - public visible: bool; - /** - * Use with sort() to sort in ascending order. - */ - static ASCENDING: number; - /** - * Use with sort() to sort in descending order. - */ - static DESCENDING: number; - /** - * Array of all the objects that exist in this group. - */ - public members; - /** - * The number of entries in the members array. - * For performance and safety you should check this variable - * instead of members.length unless you really know what you're doing! - */ - public length: number; - /** - * Gets the next z index value for children of this Group - */ - public getNextZIndex(): number; - /** - * Override this function to handle any deleting or "shutdown" type operations you might need, - * such as removing traditional children like Basic objects. - */ - public destroy(): void; - /** - * Calls update on all members of this Group who have a status of active=true and exists=true - * You can also call Object.update directly, which will bypass the active/exists check. - */ - public update(): void; - /** - * Calls update on all members of this Group who have a status of active=true and exists=true - * You can also call Object.postUpdate directly, which will bypass the active/exists check. - */ - public postUpdate(): void; - /** - * Calls render on all members of this Group who have a status of visible=true and exists=true - * You can also call Object.render directly, which will bypass the visible/exists check. - */ - public render(camera: Camera): void; - /** - * Calls render on all members of this Group regardless of their visible status and also ignores the camera blacklist. - * Use this when the Group objects render to hidden canvases for example. - */ - public directRender(camera: Camera): void; - /** - * The maximum capacity of this group. Default is 0, meaning no max capacity, and the group can just grow. - */ - /** - * @private - */ - public maxSize : number; - /** - * Adds a new Game Object to the group. - * Group will try to replace a null member of the array first. - * Failing that, Group will add it to the end of the member array, - * assuming there is room for it, and doubling the size of the array if necessary. - * - *

WARNING: If the group has a maxSize that has already been met, - * the object will NOT be added to the group!

- * - * @param {Basic} Object The object you want to add to the group. - * @return {Basic} The same object that was passed in. - */ - public add(object): any; - /** - * Create a new Sprite within this Group at the specified position. - * - * @param x {number} X position of the new sprite. - * @param y {number} Y position of the new sprite. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite - * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. - * @returns {Sprite} The newly created sprite object. - */ - public addNewSprite(x: number, y: number, key?: string, frame?): Sprite; - /** - * Sets all of the game object properties needed to exist within this Group. - */ - private setObjectIDs(object, zIndex?); - /** - * Recycling is designed to help you reuse game objects without always re-allocating or "newing" them. - * - *

If you specified a maximum size for this group (like in Emitter), - * then recycle will employ what we're calling "rotating" recycling. - * Recycle() will first check to see if the group is at capacity yet. - * If group is not yet at capacity, recycle() returns a new object. - * If the group IS at capacity, then recycle() just returns the next object in line.

- * - *

If you did NOT specify a maximum size for this group, - * then recycle() will employ what we're calling "grow-style" recycling. - * Recycle() will return either the first object with exists == false, - * or, finding none, add a new object to the array, - * doubling the size of the array if necessary.

- * - *

WARNING: If this function needs to create a new object, - * and no object class was provided, it will return null - * instead of a valid object!

- * - * @param {class} ObjectClass The class type you want to recycle (e.g. Basic, EvilRobot, etc). Do NOT "new" the class in the parameter! - * - * @return {any} A reference to the object that was created. Don't forget to cast it back to the Class you want (e.g. myObject = myGroup.recycle(myObjectClass) as myObjectClass;). - */ - public recycle(objectClass?); - /** - * Removes an object from the group. - * - * @param {Basic} object The Game Object you want to remove. - * @param {boolean} splice Whether the object should be cut from the array entirely or not. - * - * @return {Basic} The removed object. - */ - public remove(object, splice?: bool); - /** - * Replaces an existing game object in this Group with a new one. - * - * @param {Basic} oldObject The object you want to replace. - * @param {Basic} newObject The new object you want to use instead. - * - * @return {Basic} The new object. - */ - public replace(oldObject, newObject); - /** - * Swaps two existing game object in this Group with each other. - * - * @param {Basic} child1 The first object to swap. - * @param {Basic} child2 The second object to swap. - * - * @return {Basic} True if the two objects successfully swapped position. - */ - public swap(child1, child2, sort?: bool): bool; - public bringToTop(child): bool; - /** - * Call this function to sort the group according to a particular value and order. - * For example, to sort game objects for Zelda-style overlaps you might call - * myGroup.sort("y",Group.ASCENDING) at the bottom of your - * State.update() override. To sort all existing objects after - * a big explosion or bomb attack, you might call myGroup.sort("exists",Group.DESCENDING). - * - * @param {string} index The string name of the member variable you want to sort on. Default value is "z". - * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. - */ - public sort(index?: string, order?: number): void; - /** - * Helper function for the sort process. - * - * @param {Basic} Obj1 The first object being sorted. - * @param {Basic} Obj2 The second object being sorted. - * - * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). - */ - public sortHandler(obj1, obj2): number; - /** - * Go through and set the specified variable to the specified value on all members of the group. - * - * @param {string} VariableName The string representation of the variable name you want to modify, for example "visible" or "scrollFactor". - * @param {Object} Value The value you want to assign to that variable. - * @param {boolean} Recurse Default value is true, meaning if setAll() encounters a member that is a group, it will call setAll() on that group rather than modifying its variable. - */ - public setAll(variableName: string, value: Object, recurse?: bool): void; - /** - * Go through and call the specified function on all members of the group. - * Currently only works on functions that have no required parameters. - * - * @param {string} FunctionName The string representation of the function you want to call on each object, for example "kill()" or "init()". - * @param {boolean} Recurse Default value is true, meaning if callAll() encounters a member that is a group, it will call callAll() on that group rather than calling the group's function. - */ - public callAll(functionName: string, recurse?: bool): void; - /** - * @param {function} callback - * @param {boolean} recursive - */ - public forEach(callback, recursive?: bool): void; - /** - * @param {any} context - * @param {function} callback - * @param {boolean} recursive - */ - public forEachAlive(context, callback, recursive?: bool): void; - /** - * Call this function to retrieve the first object with exists == false in the group. - * This is handy for recycling in general, e.g. respawning enemies. - * - * @param {any} [ObjectClass] An optional parameter that lets you narrow the results to instances of this particular class. - * - * @return {any} A Basic currently flagged as not existing. - */ - public getFirstAvailable(objectClass?); - /** - * Call this function to retrieve the first index set to 'null'. - * Returns -1 if no index stores a null object. - * - * @return {number} An int indicating the first null slot in the group. - */ - public getFirstNull(): number; - /** - * Call this function to retrieve the first object with exists == true in the group. - * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. - * - * @return {Basic} A Basic currently flagged as existing. - */ - public getFirstExtant(); - /** - * Call this function to retrieve the first object with dead == false in the group. - * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. - * - * @return {Basic} A Basic currently flagged as not dead. - */ - public getFirstAlive(); - /** - * Call this function to retrieve the first object with dead == true in the group. - * This is handy for checking if everything's wiped out, or choosing a squad leader, etc. - * - * @return {Basic} A Basic currently flagged as dead. - */ - public getFirstDead(); - /** - * Call this function to find out how many members of the group are not dead. - * - * @return {number} The number of Basics flagged as not dead. Returns -1 if group is empty. - */ - public countLiving(): number; - /** - * Call this function to find out how many members of the group are dead. - * - * @return {number} The number of Basics flagged as dead. Returns -1 if group is empty. - */ - public countDead(): number; - /** - * Returns a member at random from the group. - * - * @param {number} StartIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. - * @param {number} Length Optional restriction on the number of values you want to randomly select from. - * - * @return {Basic} A Basic from the members list. - */ - public getRandom(startIndex?: number, length?: number); - /** - * Remove all instances of Basic subclass (Basic, Block, etc) from the list. - * WARNING: does not destroy() or kill() any of these objects! - */ - public clear(): void; - /** - * Calls kill on the group's members and then on the group itself. - */ - public kill(): void; - } -} -/** -* Phaser - SignalBinding -* -* An object that represents a binding between a Signal and a listener function. -* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. -* Released under the MIT license -* http://millermedeiros.github.com/js-signals/ -*/ -module Phaser { - class SignalBinding { - /** - * Object that represents a binding between a Signal and a listener function. - *
- This is an internal constructor and shouldn't be called by regular users. - *
- inspired by Joa Ebert AS3 SignalBinding and Robert Penner's Slot classes. - * @author Miller Medeiros - * @constructor - * @internal - * @name SignalBinding - * @param {Signal} signal Reference to Signal object that listener is currently bound to. - * @param {Function} listener Handler function bound to the signal. - * @param {boolean} isOnce If binding should be executed just once. - * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @param {Number} [priority] The priority level of the event listener. (default = 0). - */ - constructor(signal: Signal, listener, isOnce: bool, listenerContext, priority?: number); - /** - * Handler function bound to the signal. - * @type Function - * @private - */ - private _listener; - /** - * If binding should be executed just once. - * @type boolean - * @private - */ - private _isOnce; - /** - * Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @memberOf SignalBinding.prototype - * @name context - * @type Object|undefined|null - */ - public context; - /** - * Reference to Signal object that listener is currently bound to. - * @type Signal - * @private - */ - private _signal; - /** - * Listener priority - * @type Number - */ - public priority: number; - /** - * If binding is active and should be executed. - * @type boolean - */ - public active: bool; - /** - * Default parameters passed to listener during `Signal.dispatch` and `SignalBinding.execute`. (curried parameters) - * @type Array|null - */ - public params; - /** - * Call listener passing arbitrary parameters. - *

If binding was added using `Signal.addOnce()` it will be automatically removed from signal dispatch queue, this method is used internally for the signal dispatch.

- * @param {Array} [paramsArr] Array of parameters that should be passed to the listener - * @return {*} Value returned by the listener. - */ - public execute(paramsArr?: any[]); - /** - * Detach binding from signal. - * - alias to: mySignal.remove(myBinding.getListener()); - * @return {Function|null} Handler function bound to the signal or `null` if binding was previously detached. - */ - public detach(); - /** - * @return {Boolean} `true` if binding is still bound to the signal and have a listener. - */ - public isBound(): bool; - /** - * @return {boolean} If SignalBinding will only be executed once. - */ - public isOnce(): bool; - /** - * @return {Function} Handler function bound to the signal. - */ - public getListener(); - /** - * @return {Signal} Signal that listener is currently bound to. - */ - public getSignal(): Signal; - /** - * Delete instance properties - * @private - */ - public _destroy(): void; - /** - * @return {string} String representation of the object. - */ - public toString(): string; - } -} -/** -* Phaser - Signal -* -* A Signal is used for object communication via a custom broadcaster instead of Events. -* Based on JS Signals by Miller Medeiros. Converted by TypeScript by Richard Davey. -* Released under the MIT license -* http://millermedeiros.github.com/js-signals/ -*/ -module Phaser { - class Signal { - /** - * - * @property _bindings - * @type Array - * @private - */ - private _bindings; - /** - * - * @property _prevParams - * @type Any - * @private - */ - private _prevParams; - /** - * Signals Version Number - * @property VERSION - * @type String - * @const - */ - static VERSION: string; - /** - * If Signal should keep record of previously dispatched parameters and - * automatically execute listener during `add()`/`addOnce()` if Signal was - * already dispatched before. - * @type boolean - */ - public memorize: bool; - /** - * @type boolean - * @private - */ - private _shouldPropagate; - /** - * If Signal is active and should broadcast events. - *

IMPORTANT: Setting this property during a dispatch will only affect the next dispatch, if you want to stop the propagation of a signal use `halt()` instead.

- * @type boolean - */ - public active: bool; - /** - * - * @method validateListener - * @param {Any} listener - * @param {Any} fnName - */ - public validateListener(listener, fnName): void; - /** - * @param {Function} listener - * @param {boolean} isOnce - * @param {Object} [listenerContext] - * @param {Number} [priority] - * @return {SignalBinding} - * @private - */ - private _registerListener(listener, isOnce, listenerContext, priority); - /** - * - * @method _addBinding - * @param {SignalBinding} binding - * @private - */ - private _addBinding(binding); - /** - * - * @method _indexOfListener - * @param {Function} listener - * @return {number} - * @private - */ - private _indexOfListener(listener, context); - /** - * Check if listener was attached to Signal. - * @param {Function} listener - * @param {Object} [context] - * @return {boolean} if Signal has the specified listener. - */ - public has(listener, context?: any): bool; - /** - * Add a listener to the signal. - * @param {Function} listener Signal handler function. - * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) - * @return {SignalBinding} An Object representing the binding between the Signal and listener. - */ - public add(listener, listenerContext?: any, priority?: number): SignalBinding; - /** - * Add listener to the signal that should be removed after first execution (will be executed only once). - * @param {Function} listener Signal handler function. - * @param {Object} [listenerContext] Context on which listener will be executed (object that should represent the `this` variable inside listener function). - * @param {Number} [priority] The priority level of the event listener. Listeners with higher priority will be executed before listeners with lower priority. Listeners with same priority level will be executed at the same order as they were added. (default = 0) - * @return {SignalBinding} An Object representing the binding between the Signal and listener. - */ - public addOnce(listener, listenerContext?: any, priority?: number): SignalBinding; - /** - * Remove a single listener from the dispatch queue. - * @param {Function} listener Handler function that should be removed. - * @param {Object} [context] Execution context (since you can add the same handler multiple times if executing in a different context). - * @return {Function} Listener handler function. - */ - public remove(listener, context?: any); - /** - * Remove all listeners from the Signal. - */ - public removeAll(): void; - /** - * @return {number} Number of listeners attached to the Signal. - */ - public getNumListeners(): number; - /** - * Stop propagation of the event, blocking the dispatch to next listeners on the queue. - *

IMPORTANT: should be called only during signal dispatch, calling it before/after dispatch won't affect signal broadcast.

- * @see Signal.prototype.disable - */ - public halt(): void; - /** - * Dispatch/Broadcast Signal to all listeners added to the queue. - * @param {...*} [params] Parameters that should be passed to each handler. - */ - public dispatch(...paramsArr: any[]): void; - /** - * Forget memorized arguments. - * @see Signal.memorize - */ - public forget(): void; - /** - * Remove all bindings from signal and destroy any reference to external objects (destroy Signal object). - *

IMPORTANT: calling any method on the signal instance after calling dispose will throw errors.

- */ - public dispose(): void; - /** - * @return {string} String representation of the object. - */ - public toString(): string; - } -} -/** -* Phaser - Loader -* -* The Loader handles loading all external content such as Images, Sounds, Texture Atlases and data files. -* It uses a combination of Image() loading and xhr and provides for progress and completion callbacks. -*/ -module Phaser { - class Loader { - /** - * Loader constructor - * - * @param game {Phaser.Game} Current game instance. - */ - constructor(game: Game); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Array stores assets keys. So you can get that asset by its unique key. - */ - private _keys; - /** - * Contains all the assets file infos. - */ - private _fileList; - /** - * Indicates assets loading progress. (from 0 to 100) - * @type {number} - */ - private _progressChunk; - private _xhr; - /** - * Length of assets queue. - * @type {number} - */ - private _queueSize; - /** - * True if the Loader is in the process of loading a queue. - * @type {boolean} - */ - public isLoading: bool; - /** - * True if game is completely loaded. - * @type {boolean} - */ - public hasLoaded: bool; - /** - * Loading progress (from 0 to 100) - * @type {number} - */ - public progress: number; - /** - * The crossOrigin value applied to loaded images - * @type {string} - */ - public crossOrigin: string; - public onFileComplete: Signal; - public onFileError: Signal; - public onLoadStart: Signal; - public onLoadComplete: Signal; - /** - * TextureAtlas data format constants - */ - static TEXTURE_ATLAS_JSON_ARRAY: number; - static TEXTURE_ATLAS_JSON_HASH: number; - static TEXTURE_ATLAS_XML_STARLING: number; - /** - * Reset loader, this will remove all loaded assets. - */ - public reset(): void; - public queueSize : number; - /** - * Add a new image asset loading request with key and url. - * @param key {string} Unique asset key of this image file. - * @param url {string} URL of image file. - */ - public image(key: string, url: string, overwrite?: bool): void; - /** - * Add a new sprite sheet loading request. - * @param key {string} Unique asset key of the sheet file. - * @param url {string} URL of sheet file. - * @param frameWidth {number} Width of each single frame. - * @param frameHeight {number} Height of each single frame. - * @param frameMax {number} How many frames in this sprite sheet. - */ - public spritesheet(key: string, url: string, frameWidth: number, frameHeight: number, frameMax?: number): void; - /** - * Add a new texture atlas loading request. - * @param key {string} Unique asset key of the texture atlas file. - * @param textureURL {string} The url of the texture atlas image file. - * @param [atlasURL] {string} The url of the texture atlas data file (json/xml) - * @param [atlasData] {object} A JSON or XML data object. - * @param [format] {number} A value describing the format of the data. - */ - public atlas(key: string, textureURL: string, atlasURL?: string, atlasData?, format?: number): void; - /** - * Add a new audio file loading request. - * @param key {string} Unique asset key of the audio file. - * @param urls {Array} An array containing the URLs of the audio files, i.e.: [ 'jump.mp3', 'jump.ogg', 'jump.m4a' ] - * @param autoDecode {boolean} When using Web Audio the audio files can either be decoded at load time or run-time. They can't be played until they are decoded, but this let's you control when that happens. Decoding is a non-blocking async process. - */ - public audio(key: string, urls: string[], autoDecode?: bool): void; - /** - * Add a new text file loading request. - * @param key {string} Unique asset key of the text file. - * @param url {string} URL of text file. - */ - public text(key: string, url: string): void; - /** - * Remove loading request of a file. - * @param key {string} Key of the file you want to remove. - */ - public removeFile(key: string): void; - /** - * Remove all file loading requests. - */ - public removeAll(): void; - /** - * Load assets. - */ - public start(): void; - /** - * Load files. Private method ONLY used by loader. - */ - private loadFile(); - private getAudioURL(urls); - /** - * Error occured when load a file. - * @param key {string} Key of the error loading file. - */ - private fileError(key); - /** - * Called when a file is successfully loaded. - * @param key {string} Key of the successfully loaded file. - */ - private fileComplete(key); - /** - * Successfully loaded a JSON file. - * @param key {string} Key of the loaded JSON file. - */ - private jsonLoadComplete(key); - /** - * Error occured when load a JSON. - * @param key {string} Key of the error loading JSON file. - */ - private dataLoadError(key); - private xmlLoadComplete(key); - /** - * Handle loading next file. - * @param previousKey {string} Key of previous loaded asset. - * @param success {boolean} Whether the previous asset loaded successfully or not. - */ - private nextFile(previousKey, success); - /** - * Check whether asset exists with a specific key. - * @param key {string} Key of the asset you want to check. - * @return {boolean} Return true if exists, otherwise return false. - */ - private checkKeyExists(key); - } -} -/** -* Phaser - Net -* -* -*/ -module Phaser { - class Net { - /** - * Net constructor - */ - constructor(game: Game); - /** - * Local reference to the current Phaser.Game. - */ - public game: Game; - /** - * Compares the given domain name against the hostname of the browser containing the game. - * If the domain name is found it returns true. - * You can specify a part of a domain, for example 'google' would match 'google.com', 'google.co.uk', etc. - * Do not include 'http://' at the start. - */ - public checkDomainName(domain: string): bool; - /** - * Updates a value on the Query String and returns it in full. - * If the value doesn't already exist it is set. - * If the value exists it is replaced with the new value given. If you don't provide a new value it is removed from the query string. - * Optionally you can redirect to the new url, or just return it as a string. - */ - public updateQueryString(key: string, value: string, redirect?: bool, url?: string): string; - /** - * Returns the Query String as an object. - * If you specify a parameter it will return just the value of that parameter, should it exist. - */ - public getQueryString(parameter?: string): {}; - private decodeURI(value); - } -} -/** -* Phaser - Cache -* -* A game only has one instance of a Cache and it is used to store all externally loaded assets such -* as images, sounds and data files as a result of Loader calls. Cache items use string based keys for look-up. -*/ -module Phaser { - class Cache { - /** - * Cache constructor - */ - constructor(game: Game); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Canvas key-value container. - * @type {object} - */ - private _canvases; - /** - * Image key-value container. - * @type {object} - */ - private _images; - /** - * Sound key-value container. - * @type {object} - */ - private _sounds; - /** - * Text key-value container. - * @type {object} - */ - private _text; - /** - * Add a new canvas. - * @param key {string} Asset key for this canvas. - * @param canvas {HTMLCanvasElement} Canvas DOM element. - * @param context {CanvasRenderingContext2D} Render context of this canvas. - */ - public addCanvas(key: string, canvas: HTMLCanvasElement, context: CanvasRenderingContext2D): void; - /** - * Add a new sprite sheet. - * @param key {string} Asset key for the sprite sheet. - * @param url {string} URL of this sprite sheet file. - * @param data {object} Extra sprite sheet data. - * @param frameWidth {number} Width of the sprite sheet. - * @param frameHeight {number} Height of the sprite sheet. - * @param frameMax {number} How many frames stored in the sprite sheet. - */ - public addSpriteSheet(key: string, url: string, data, frameWidth: number, frameHeight: number, frameMax: number): void; - /** - * Add a new texture atlas. - * @param key {string} Asset key for the texture atlas. - * @param url {string} URL of this texture atlas file. - * @param data {object} Extra texture atlas data. - * @param atlasData {object} Texture atlas frames data. - */ - public addTextureAtlas(key: string, url: string, data, atlasData, format: number): void; - /** - * Add a new image. - * @param key {string} Asset key for the image. - * @param url {string} URL of this image file. - * @param data {object} Extra image data. - */ - public addImage(key: string, url: string, data): void; - /** - * Add a new sound. - * @param key {string} Asset key for the sound. - * @param url {string} URL of this sound file. - * @param data {object} Extra sound data. - */ - public addSound(key: string, url: string, data, webAudio?: bool, audioTag?: bool): void; - public reloadSound(key: string): void; - public onSoundUnlock: Signal; - public reloadSoundComplete(key: string): void; - public updateSound(key: string, property: string, value): void; - /** - * Add a new decoded sound. - * @param key {string} Asset key for the sound. - * @param data {object} Extra sound data. - */ - public decodedSound(key: string, data): void; - /** - * Add a new text data. - * @param key {string} Asset key for the text data. - * @param url {string} URL of this text data file. - * @param data {object} Extra text data. - */ - public addText(key: string, url: string, data): void; - /** - * Get canvas by key. - * @param key Asset key of the canvas you want. - * @return {object} The canvas you want. - */ - public getCanvas(key: string); - /** - * Get image data by key. - * @param key Asset key of the image you want. - * @return {object} The image data you want. - */ - public getImage(key: string); - /** - * Get frame data by key. - * @param key Asset key of the frame data you want. - * @return {object} The frame data you want. - */ - public getFrameData(key: string): FrameData; - /** - * Get sound by key. - * @param key Asset key of the sound you want. - * @return {object} The sound you want. - */ - public getSound(key: string); - /** - * Get sound data by key. - * @param key Asset key of the sound you want. - * @return {object} The sound data you want. - */ - public getSoundData(key: string); - /** - * Check whether an asset is decoded sound. - * @param key Asset key of the sound you want. - * @return {object} The sound data you want. - */ - public isSoundDecoded(key: string): bool; - /** - * Check whether an asset is decoded sound. - * @param key Asset key of the sound you want. - * @return {object} The sound data you want. - */ - public isSoundReady(key: string): bool; - /** - * Check whether an asset is sprite sheet. - * @param key Asset key of the sprite sheet you want. - * @return {object} The sprite sheet data you want. - */ - public isSpriteSheet(key: string): bool; - /** - * Get text data by key. - * @param key Asset key of the text data you want. - * @return {object} The text data you want. - */ - public getText(key: string); - /** - * Returns an array containing all of the keys of Images in the Cache. - * @return {Array} The string based keys in the Cache. - */ - public getImageKeys(): any[]; - /** - * Returns an array containing all of the keys of Sounds in the Cache. - * @return {Array} The string based keys in the Cache. - */ - public getSoundKeys(): any[]; - /** - * Returns an array containing all of the keys of Text Files in the Cache. - * @return {Array} The string based keys in the Cache. - */ - public getTextKeys(): any[]; - public removeCanvas(key: string): void; - public removeImage(key: string): void; - public removeSound(key: string): void; - public removeText(key: string): void; - /** - * Clean up cache memory. - */ - public destroy(): void; - } -} -/** -* Phaser - GameMath -* -* Adds a set of extra Math functions used through-out Phaser. -* Includes methods written by Dylan Engelman and Adam Saltsman. -*/ -module Phaser { - class GameMath { - constructor(game: Game); - public game: Game; - static sinA: number[]; - static cosA: number[]; - static PI: number; - static PI_2: number; - static PI_4: number; - static PI_8: number; - static PI_16: number; - static TWO_PI: number; - static THREE_PI_2: number; - static E: number; - static LN10: number; - static LN2: number; - static LOG10E: number; - static LOG2E: number; - static SQRT1_2: number; - static SQRT2: number; - static DEG_TO_RAD: number; - static RAD_TO_DEG: number; - static B_16: number; - static B_31: number; - static B_32: number; - static B_48: number; - static B_53: number; - static B_64: number; - static ONE_THIRD: number; - static TWO_THIRDS: number; - static ONE_SIXTH: number; - static COS_PI_3: number; - static SIN_2PI_3: number; - static CIRCLE_ALPHA: number; - static ON: bool; - static OFF: bool; - static SHORT_EPSILON: number; - static PERC_EPSILON: number; - static EPSILON: number; - static LONG_EPSILON: number; - public cosTable: any[]; - public sinTable: any[]; - public fuzzyEqual(a: number, b: number, epsilon?: number): bool; - public fuzzyLessThan(a: number, b: number, epsilon?: number): bool; - public fuzzyGreaterThan(a: number, b: number, epsilon?: number): bool; - public fuzzyCeil(val: number, epsilon?: number): number; - public fuzzyFloor(val: number, epsilon?: number): number; - public average(...args: any[]): number; - public slam(value: number, target: number, epsilon?: number): number; - /** - * ratio of value to a range - */ - public percentageMinMax(val: number, max: number, min?: number): number; - /** - * a value representing the sign of the value. - * -1 for negative, +1 for positive, 0 if value is 0 - */ - public sign(n: number): number; - public truncate(n: number): number; - public shear(n: number): number; - /** - * wrap a value around a range, similar to modulus with a floating minimum - */ - public wrap(val: number, max: number, min?: number): number; - /** - * arithmetic version of wrap... need to decide which is more efficient - */ - public arithWrap(value: number, max: number, min?: number): number; - /** - * force a value within the boundaries of two values - * - * if max < min, min is returned - */ - public clamp(input: number, max: number, min?: number): number; - /** - * Snap a value to nearest grid slice, using rounding. - * - * example if you have an interval gap of 5 and a position of 12... you will snap to 10. Where as 14 will snap to 15 - * - * @param input - the value to snap - * @param gap - the interval gap of the grid - * @param [start] - optional starting offset for gap - */ - public snapTo(input: number, gap: number, start?: number): number; - /** - * Snap a value to nearest grid slice, using floor. - * - * example if you have an interval gap of 5 and a position of 12... you will snap to 10. As will 14 snap to 10... but 16 will snap to 15 - * - * @param input - the value to snap - * @param gap - the interval gap of the grid - * @param [start] - optional starting offset for gap - */ - public snapToFloor(input: number, gap: number, start?: number): number; - /** - * Snap a value to nearest grid slice, using ceil. - * - * example if you have an interval gap of 5 and a position of 12... you will snap to 15. As will 14 will snap to 15... but 16 will snap to 20 - * - * @param input - the value to snap - * @param gap - the interval gap of the grid - * @param [start] - optional starting offset for gap - */ - public snapToCeil(input: number, gap: number, start?: number): number; - /** - * Snaps a value to the nearest value in an array. - */ - public snapToInArray(input: number, arr: number[], sort?: bool): number; - /** - * roundTo some place comparative to a 'base', default is 10 for decimal place - * - * 'place' is represented by the power applied to 'base' to get that place - * - * @param value - the value to round - * @param place - the place to round to - * @param base - the base to round in... default is 10 for decimal - * - * e.g. - * - * 2000/7 ~= 285.714285714285714285714 ~= (bin)100011101.1011011011011011 - * - * roundTo(2000/7,3) == 0 - * roundTo(2000/7,2) == 300 - * roundTo(2000/7,1) == 290 - * roundTo(2000/7,0) == 286 - * roundTo(2000/7,-1) == 285.7 - * roundTo(2000/7,-2) == 285.71 - * roundTo(2000/7,-3) == 285.714 - * roundTo(2000/7,-4) == 285.7143 - * roundTo(2000/7,-5) == 285.71429 - * - * roundTo(2000/7,3,2) == 288 -- 100100000 - * roundTo(2000/7,2,2) == 284 -- 100011100 - * roundTo(2000/7,1,2) == 286 -- 100011110 - * roundTo(2000/7,0,2) == 286 -- 100011110 - * roundTo(2000/7,-1,2) == 285.5 -- 100011101.1 - * roundTo(2000/7,-2,2) == 285.75 -- 100011101.11 - * roundTo(2000/7,-3,2) == 285.75 -- 100011101.11 - * roundTo(2000/7,-4,2) == 285.6875 -- 100011101.1011 - * roundTo(2000/7,-5,2) == 285.71875 -- 100011101.10111 - * - * note what occurs when we round to the 3rd space (8ths place), 100100000, this is to be assumed - * because we are rounding 100011.1011011011011011 which rounds up. - */ - public roundTo(value: number, place?: number, base?: number): number; - public floorTo(value: number, place?: number, base?: number): number; - public ceilTo(value: number, place?: number, base?: number): number; - /** - * a one dimensional linear interpolation of a value. - */ - public interpolateFloat(a: number, b: number, weight: number): number; - /** - * convert radians to degrees - */ - public radiansToDegrees(angle: number): number; - /** - * convert degrees to radians - */ - public degreesToRadians(angle: number): number; - /** - * Find the angle of a segment from (x1, y1) -> (x2, y2 ) - */ - public angleBetween(x1: number, y1: number, x2: number, y2: number): number; - /** - * set an angle within the bounds of -PI to PI - */ - public normalizeAngle(angle: number, radians?: bool): number; - /** - * closest angle between two angles from a1 to a2 - * absolute value the return for exact angle - */ - public nearestAngleBetween(a1: number, a2: number, radians?: bool): number; - /** - * normalizes independent and then sets dep to the nearest value respective to independent - * - * for instance if dep=-170 and ind=170 then 190 will be returned as an alternative to -170 - */ - public normalizeAngleToAnother(dep: number, ind: number, radians?: bool): number; - /** - * normalize independent and dependent and then set dependent to an angle relative to 'after/clockwise' independent - * - * for instance dep=-170 and ind=170, then 190 will be reutrned as alternative to -170 - */ - public normalizeAngleAfterAnother(dep: number, ind: number, radians?: bool): number; - /** - * normalizes indendent and dependent and then sets dependent to an angle relative to 'before/counterclockwise' independent - * - * for instance dep = 190 and ind = 170, then -170 will be returned as an alternative to 190 - */ - public normalizeAngleBeforeAnother(dep: number, ind: number, radians?: bool): number; - /** - * interpolate across the shortest arc between two angles - */ - public interpolateAngles(a1: number, a2: number, weight: number, radians?: bool, ease?): number; - /** - * Compute the logarithm of any value of any base - * - * a logarithm is the exponent that some constant (base) would have to be raised to - * to be equal to value. - * - * i.e. - * 4 ^ x = 16 - * can be rewritten as to solve for x - * logB4(16) = x - * which with this function would be - * LoDMath.logBaseOf(16,4) - * - * which would return 2, because 4^2 = 16 - */ - public logBaseOf(value: number, base: number): number; - /** - * Greatest Common Denominator using Euclid's algorithm - */ - public GCD(m: number, n: number): number; - /** - * Lowest Common Multiple - */ - public LCM(m: number, n: number): number; - /** - * Factorial - N! - * - * simple product series - * - * by definition: - * 0! == 1 - */ - public factorial(value: number): number; - /** - * gamma function - * - * defined: gamma(N) == (N - 1)! - */ - public gammaFunction(value: number): number; - /** - * falling factorial - * - * defined: (N)! / (N - x)! - * - * written subscript: (N)x OR (base)exp - */ - public fallingFactorial(base: number, exp: number): number; - /** - * rising factorial - * - * defined: (N + x - 1)! / (N - 1)! - * - * written superscript N^(x) OR base^(exp) - */ - public risingFactorial(base: number, exp: number): number; - /** - * binomial coefficient - * - * defined: N! / (k!(N-k)!) - * reduced: N! / (N-k)! == (N)k (fallingfactorial) - * reduced: (N)k / k! - */ - public binCoef(n: number, k: number): number; - /** - * rising binomial coefficient - * - * as one can notice in the analysis of binCoef(...) that - * binCoef is the (N)k divided by k!. Similarly rising binCoef - * is merely N^(k) / k! - */ - public risingBinCoef(n: number, k: number): number; - /** - * Generate a random boolean result based on the chance value - *

- * Returns true or false based on the chance value (default 50%). For example if you wanted a player to have a 30% chance - * of getting a bonus, call chanceRoll(30) - true means the chance passed, false means it failed. - *

- * @param chance The chance of receiving the value. A number between 0 and 100 (effectively 0% to 100%) - * @return true if the roll passed, or false - */ - public chanceRoll(chance?: number): bool; - /** - * Adds the given amount to the value, but never lets the value go over the specified maximum - * - * @param value The value to add the amount to - * @param amount The amount to add to the value - * @param max The maximum the value is allowed to be - * @return The new value - */ - public maxAdd(value: number, amount: number, max: number): number; - /** - * Subtracts the given amount from the value, but never lets the value go below the specified minimum - * - * @param value The base value - * @param amount The amount to subtract from the base value - * @param min The minimum the value is allowed to be - * @return The new value - */ - public minSub(value: number, amount: number, min: number): number; - /** - * Adds value to amount and ensures that the result always stays between 0 and max, by wrapping the value around. - *

Values must be positive integers, and are passed through Math.abs

- * - * @param value The value to add the amount to - * @param amount The amount to add to the value - * @param max The maximum the value is allowed to be - * @return The wrapped value - */ - public wrapValue(value: number, amount: number, max: number): number; - /** - * Randomly returns either a 1 or -1 - * - * @return 1 or -1 - */ - public randomSign(): number; - /** - * Returns true if the number given is odd. - * - * @param n The number to check - * - * @return True if the given number is odd. False if the given number is even. - */ - public isOdd(n: number): bool; - /** - * Returns true if the number given is even. - * - * @param n The number to check - * - * @return True if the given number is even. False if the given number is odd. - */ - public isEven(n: number): bool; - /** - * Keeps an angle value between -180 and +180
- * Should be called whenever the angle is updated on the Sprite to stop it from going insane. - * - * @param angle The angle value to check - * - * @return The new angle value, returns the same as the input angle if it was within bounds - */ - public wrapAngle(angle: number): number; - /** - * Keeps an angle value between the given min and max values - * - * @param angle The angle value to check. Must be between -180 and +180 - * @param min The minimum angle that is allowed (must be -180 or greater) - * @param max The maximum angle that is allowed (must be 180 or less) - * - * @return The new angle value, returns the same as the input angle if it was within bounds - */ - public angleLimit(angle: number, min: number, max: number): number; - /** - * @method linear - * @param {Any} v - * @param {Any} k - * @public - */ - public linearInterpolation(v, k); - /** - * @method Bezier - * @param {Any} v - * @param {Any} k - * @public - */ - public bezierInterpolation(v, k): number; - /** - * @method CatmullRom - * @param {Any} v - * @param {Any} k - * @public - */ - public catmullRomInterpolation(v, k); - /** - * @method Linear - * @param {Any} p0 - * @param {Any} p1 - * @param {Any} t - * @public - */ - public linear(p0, p1, t); - /** - * @method Bernstein - * @param {Any} n - * @param {Any} i - * @public - */ - public bernstein(n, i): number; - /** - * @method CatmullRom - * @param {Any} p0 - * @param {Any} p1 - * @param {Any} p2 - * @param {Any} p3 - * @param {Any} t - * @public - */ - public catmullRom(p0, p1, p2, p3, t); - public difference(a: number, b: number): number; - /** - * Fetch a random entry from the given array. - * Will return null if random selection is missing, or array has no entries. - * - * @param objects An array of objects. - * @param startIndex Optional offset off the front of the array. Default value is 0, or the beginning of the array. - * @param length Optional restriction on the number of values you want to randomly select from. - * - * @return The random object that was selected. - */ - public getRandom(objects, startIndex?: number, length?: number); - /** - * Round down to the next whole number. E.g. floor(1.7) == 1, and floor(-2.7) == -2. - * - * @param Value Any number. - * - * @return The rounded value of that number. - */ - public floor(value: number): number; - /** - * Round up to the next whole number. E.g. ceil(1.3) == 2, and ceil(-2.3) == -3. - * - * @param Value Any number. - * - * @return The rounded value of that number. - */ - public ceil(value: number): number; - /** - * Generate a sine and cosine table simultaneously and extremely quickly. Based on research by Franky of scene.at - *

- * The parameters allow you to specify the length, amplitude and frequency of the wave. Once you have called this function - * you should get the results via getSinTable() and getCosTable(). This generator is fast enough to be used in real-time. - *

- * @param length The length of the wave - * @param sinAmplitude The amplitude to apply to the sine table (default 1.0) if you need values between say -+ 125 then give 125 as the value - * @param cosAmplitude The amplitude to apply to the cosine table (default 1.0) if you need values between say -+ 125 then give 125 as the value - * @param frequency The frequency of the sine and cosine table data - * @return Returns the sine table - * @see getSinTable - * @see getCosTable - */ - public sinCosGenerator(length: number, sinAmplitude?: number, cosAmplitude?: number, frequency?: number): any[]; - /** - * Shifts through the sin table data by one value and returns it. - * This effectively moves the position of the data from the start to the end of the table. - * @return The sin value. - */ - public shiftSinTable(): number; - /** - * Shifts through the cos table data by one value and returns it. - * This effectively moves the position of the data from the start to the end of the table. - * @return The cos value. - */ - public shiftCosTable(): number; - /** - * Shuffles the data in the given array into a new order - * @param array The array to shuffle - * @return The array - */ - public shuffleArray(array); - /** - * Returns the distance from this Point object to the given Point object. - * @method distanceFrom - * @param {Point} target - The destination Point object. - * @param {Boolean} round - Round the distance to the nearest integer (default false) - * @return {Number} The distance between this Point object and the destination Point object. - **/ - public distanceBetween(x1: number, y1: number, x2: number, y2: number): number; - /** - * Finds the length of the given vector - * - * @param dx - * @param dy - * - * @return - */ - public vectorLength(dx: number, dy: number): number; - } -} -/** -* Phaser - RandomDataGenerator -* -* An extremely useful repeatable random data generator. Access it via Game.rnd -* Based on Nonsense by Josh Faul https://github.com/jocafa/Nonsense -* Random number generator from http://baagoe.org/en/wiki/Better_random_numbers_for_javascript -*/ -module Phaser { - class RandomDataGenerator { - /** - * @constructor - * @param {Array} seeds - * @return {Phaser.RandomDataGenerator} - */ - constructor(seeds?: string[]); - /** - * @property s0 - * @type Any - * @private - */ - private s0; - /** - * @property s1 - * @type Any - * @private - */ - private s1; - /** - * @property s2 - * @type Any - * @private - */ - private s2; - /** - * @property c - * @type Number - * @private - */ - private c; - /** - * @method uint32 - * @private - */ - private uint32(); - /** - * @method fract32 - * @private - */ - private fract32(); - /** - * @method rnd - * @private - */ - private rnd(); - /** - * @method hash - * @param {Any} data - * @private - */ - private hash(data); - /** - * Reset the seed of the random data generator - * @method sow - * @param {Array} seeds - */ - public sow(seeds?: string[]): void; - /** - * Returns a random integer between 0 and 2^32 - * @method integer - * @return {Number} - */ - public integer : number; - /** - * Returns a random real number between 0 and 1 - * @method frac - * @return {Number} - */ - public frac : number; - /** - * Returns a random real number between 0 and 2^32 - * @method real - * @return {Number} - */ - public real : number; - /** - * Returns a random integer between min and max - * @method integerInRange - * @param {Number} min - * @param {Number} max - * @return {Number} - */ - public integerInRange(min: number, max: number): number; - /** - * Returns a random real number between min and max - * @method realInRange - * @param {Number} min - * @param {Number} max - * @return {Number} - */ - public realInRange(min: number, max: number): number; - /** - * Returns a random real number between -1 and 1 - * @method normal - * @return {Number} - */ - public normal : number; - /** - * Returns a valid v4 UUID hex string (from https://gist.github.com/1308368) - * @method uuid - * @return {String} - */ - public uuid : string; - /** - * Returns a random member of `array` - * @method pick - * @param {Any} array - */ - public pick(array); - /** - * Returns a random member of `array`, favoring the earlier entries - * @method weightedPick - * @param {Any} array - */ - public weightedPick(array); - /** - * Returns a random timestamp between min and max, or between the beginning of 2000 and the end of 2020 if min and max aren't specified - * @method timestamp - * @param {Number} min - * @param {Number} max - */ - public timestamp(min?: number, max?: number): number; - /** - * Returns a random angle between -180 and 180 - * @method angle - */ - public angle : number; - } -} -/** -* Phaser - Plugin -*/ -module Phaser { - class Plugin { - constructor(game: Game, parent); - /** - * Local reference to Game. - */ - public game: Game; - /** - * The object that owns this Plugin (i.e. Camera, Game, Stage, etc). - */ - public parent; - /** - * Controls whether preUpdate, update or postUpdate are called - */ - public active: bool; - /** - * Controls whether preRender, render or postRender are called - */ - public visible: bool; - /** - * Quick access booleans to avoid having to do a function existence check during tight inner loops - */ - public hasPreUpdate: bool; - public hasUpdate: bool; - public hasPostUpdate: bool; - public hasPreRender: bool; - public hasRender: bool; - public hasPostRender: bool; - /** - * Pre-update is called at the start of the update cycle, before any other updates have taken place. - * It is only called if active is set to true. - */ - public preUpdate(): void; - /** - * Pre-update is called at the start of the update cycle, before any other updates have taken place. - * It is only called if active is set to true. - */ - public update(): void; - /** - * Post-update is called at the end of the objects update cycle, after other update logic has taken place. - * It is only called if active is set to true. - */ - public postUpdate(): void; - /** - * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. - * It is only called if visible is set to true. - */ - public preRender(): void; - /** - * Pre-render is called right before the Game Renderer starts and before any custom preRender callbacks have been run. - * It is only called if visible is set to true. - */ - public render(): void; - /** - * Post-render is called after every camera and game object has been rendered, also after any custom postRender callbacks have been run. - * It is only called if visible is set to true. - */ - public postRender(): void; - /** - * Clear down this Plugin and null out references - */ - public destroy(): void; - } -} -/** -* Phaser - PluginManager -*/ -module Phaser { - class PluginManager { - constructor(game: Game, parent); - /** - * Local reference to Game. - */ - public game: Game; - /** - * The object that owns this PluginManager. - */ - private _parent; - /** - * Plugin loop pointer - * @type {number} - */ - private _p; - /** - * Plugins array counter - * @type {number} - */ - private _pluginsLength; - /** - * An Array of Plugins - * @type {Array} - */ - public plugins: Plugin[]; - /** - * Add a new Plugin to the PluginManager. - * The plugins game and parent reference are set to this game and pluginmanager parent. - * @type {Phaser.Plugin} - */ - public add(plugin): any; - public remove(plugin): void; - public preUpdate(): void; - public update(): void; - public postUpdate(): void; - public preRender(): void; - public render(): void; - public postRender(): void; - public destroy(): void; - } -} -/** -* Phaser - Camera -* -* A Camera is your view into the game world. It has a position, size, scale and rotation and renders only those objects -* within its field of view. The game automatically creates a single Stage sized camera on boot, but it can be changed and -* additional cameras created via the CameraManager. -*/ -module Phaser { - class Camera { - /** - * Instantiates a new camera at the specified location, with the specified size and zoom level. - * - * @param game {Phaser.Game} Current game instance. - * @param id {number} Unique identity. - * @param x {number} X location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. - * @param y {number} Y location of the camera's display in pixels. Uses native, 1:1 resolution, ignores zoom. - * @param width {number} The width of the camera display in pixels. - * @param height {number} The height of the camera display in pixels. - */ - constructor(game: Game, id: number, x: number, y: number, width: number, height: number); - private _target; - /** - * Local reference to Game. - */ - public game: Game; - /** - * The PluginManager for the Game - * @type {PluginManager} - */ - public plugins: PluginManager; - /** - * Optional texture used in the background of the Camera. - */ - public texture: Display.Texture; - /** - * The transform component. - */ - public transform: Components.TransformManager; - /** - * The scale of the Sprite. A value of 1 is original scale. 0.5 is half size. 2 is double the size. - * This is a reference to Sprite.transform.scale - */ - public scale: Vec2; - /** - * The crop rectangle allows you to control which part of the sprite texture is rendered without distorting it. - * Set to null to disable, set to a Phaser.Rectangle object to control the region that will be rendered, anything outside the rectangle is ignored. - * This is a reference to Sprite.texture.crop - * @type {Phaser.Rectangle} - */ - public crop: Rectangle; - /** - * The origin of the Sprite around which rotation and positioning takes place. - * This is a reference to Sprite.transform.origin - */ - public origin: Vec2; - /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - public alpha : number; - /** - * Identity of this camera. - */ - public ID: number; - /** - * Camera view Rectangle in world coordinate. - * @type {Rectangle} - */ - public worldView: Rectangle; - /** - * Visible / renderable area (changes if the camera resizes/moves around the stage) - * @type {Rectangle} - */ - public screenView: Rectangle; - /** - * Camera worldBounds. - * @type {Rectangle} - */ - public worldBounds: Rectangle; - /** - * A boolean representing if the Camera has been modified in any way via a scale, rotate, flip or skew. - */ - public modified: bool; - /** - * Sprite moving inside this Rectangle will not cause camera moving. - * @type {Rectangle} - */ - public deadzone: Rectangle; - /** - * Whether this camera is visible or not. (default is true) - * @type {boolean} - */ - public visible: bool; - /** - * The z value of this Camera. Cameras are rendered in z-index order by the Renderer. - */ - public z: number; - /** - * Hides an object from this Camera. Hidden objects are not rendered. - * The object must implement a public cameraBlacklist property. - * - * @param object {Sprite/Group} The object this camera should ignore. - */ - public hide(object): void; - /** - * Returns true if the object is hidden from this Camera. - * - * @param object {Sprite/Group} The object to check. - */ - public isHidden(object): bool; - /** - * Un-hides an object previously hidden to this Camera. - * The object must implement a public cameraBlacklist property. - * - * @param object {Sprite/Group} The object this camera should display. - */ - public show(object): void; - /** - * Tells this camera object what sprite to track. - * @param target {Sprite} The object you want the camera to track. Set to null to not follow anything. - * @param [style] {number} Leverage one of the existing "deadzone" presets. If you use a custom deadzone, ignore this parameter and manually specify the deadzone after calling follow(). - */ - public follow(target: Sprite, style?: number): void; - /** - * Move the camera focus to this location instantly. - * @param x {number} X position. - * @param y {number} Y position. - */ - public focusOnXY(x: number, y: number): void; - /** - * Move the camera focus to this location instantly. - * @param point {any} Point you want to focus. - */ - public focusOn(point): void; - /** - * Specify the boundaries of the world or where the camera is allowed to move. - * - * @param x {number} The smallest X value of your world (usually 0). - * @param y {number} The smallest Y value of your world (usually 0). - * @param width {number} The largest X value of your world (usually the world width). - * @param height {number} The largest Y value of your world (usually the world height). - */ - public setBounds(x?: number, y?: number, width?: number, height?: number): void; - /** - * Update focusing and scrolling. - */ - public update(): void; - /** - * Update focusing and scrolling. - */ - public postUpdate(): void; - /** - * Destroys this camera, associated FX and removes itself from the CameraManager. - */ - public destroy(): void; - public x : number; - public y : number; - public width : number; - public height : number; - public setPosition(x: number, y: number): void; - public setSize(width: number, height: number): void; - /** - * The angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - */ - /** - * Set the angle of the Camera in degrees. Phaser uses a right-handed coordinate system, where 0 points to the right. - * The value is automatically wrapped to be between 0 and 360. - */ - public rotation : number; - } -} -/** -* Phaser - CameraManager -* -* Your game only has one CameraManager instance and it's responsible for looking after, creating and destroying -* all of the cameras in the world. -*/ -module Phaser { - class CameraManager { - /** - * CameraManager constructor - * This will create a new Camera with position and size. - * - * @param x {number} X Position of the created camera. - * @param y {number} y Position of the created camera. - * @param width {number} Width of the created camera. - * @param height {number} Height of the created camera. - */ - constructor(game: Game, x: number, y: number, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Local container for storing cameras. - */ - private _cameras; - /** - * Local container for storing cameras array length. - */ - private _cameraLength; - /** - * Helper for sort. - */ - private _sortIndex; - /** - * Helper for sort. - */ - private _sortOrder; - /** - * Currently used camera. - */ - public current: Camera; - /** - * The default created camera. - */ - public defaultCamera: Camera; - /** - * Get all the cameras. - * - * @returns {Camera[]} An array contains all the cameras. - */ - public getAll(): Camera[]; - /** - * Update cameras. - */ - public update(): void; - /** - * postUpdate cameras. - */ - public postUpdate(): void; - /** - * Create a new camera with specific position and size. - * - * @param x {number} X position of the new camera. - * @param y {number} Y position of the new camera. - * @param width {number} Width of the new camera. - * @param height {number} Height of the new camera. - * @returns {Camera} The newly created camera object. - */ - public addCamera(x: number, y: number, width: number, height: number): Camera; - /** - * Remove a new camera with its id. - * - * @param id {number} ID of the camera you want to remove. - * @returns {boolean} True if successfully removed the camera, otherwise return false. - */ - public removeCamera(id: number): bool; - public swap(camera1: Camera, camera2: Camera, sort?: bool): bool; - public getCameraUnderPoint(x: number, y: number): Camera; - /** - * Call this function to sort the Cameras according to a particular value and order (default is their Z value). - * The order in which they are sorted determines the render order. If sorted on z then Cameras with a lower z-index value render first. - * - * @param {string} index The string name of the Camera variable you want to sort on. Default value is "z". - * @param {number} order A Group constant that defines the sort order. Possible values are Group.ASCENDING and Group.DESCENDING. Default value is Group.ASCENDING. - */ - public sort(index?: string, order?: number): void; - /** - * Helper function for the sort process. - * - * @param {Basic} Obj1 The first object being sorted. - * @param {Basic} Obj2 The second object being sorted. - * - * @return {number} An integer value: -1 (Obj1 before Obj2), 0 (same), or 1 (Obj1 after Obj2). - */ - public sortHandler(obj1, obj2): number; - /** - * Clean up memory. - */ - public destroy(): void; - } -} -/** -* Phaser - Easing - Back -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Back { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Bounce -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Bounce { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Circular -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Circular { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Cubic -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Cubic { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Elastic -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Elastic { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Exponential -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Exponential { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Linear -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Linear { - static None(k); - } -} -/** -* Phaser - Easing - Quadratic -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Quadratic { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Quartic -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Quartic { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Quintic -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Quintic { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Easing - Sinusoidal -* -* For use with Phaser.Tween -*/ -module Phaser.Easing { - class Sinusoidal { - static In(k): number; - static Out(k): number; - static InOut(k): number; - } -} -/** -* Phaser - Tween -* -* Based heavily on tween.js by sole (https://github.com/sole/tween.js) converted to TypeScript and integrated into Phaser -*/ -module Phaser { - class Tween { - /** - * Tween constructor - * Create a new Tween. - * - * @param object {object} Target object will be affected by this tween. - * @param game {Phaser.Game} Current game instance. - */ - constructor(object, game: Game); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Manager of this tween. - * @type {Phaser.TweenManager} - */ - private _manager; - /** - * Reference to the target object. - * @type {object} - */ - private _object; - private _pausedTime; - /** - * Start values container. - * @type {object} - */ - private _valuesStart; - /** - * End values container. - * @type {object} - */ - private _valuesEnd; - /** - * How long this tween will perform. - * @type {number} - */ - private _duration; - private _delayTime; - private _startTime; - private _tempElapsed; - private _tempValue; - /** - * Will this tween automatically restart when it completes? - * @type {boolean} - */ - private _loop; - /** - * A yoyo tween is one that plays once fully, then reverses back to the original tween values before completing. - * @type {boolean} - */ - private _yoyo; - private _yoyoCount; - /** - * Easing function which actually updating this tween. - * @type {function} - */ - private _easingFunction; - private _interpolationFunction; - /** - * Contains chained tweens. - * @type {Tweens[]} - */ - private _chainedTweens; - /** - * Signal to be dispatched when this tween start. - * @type {Phaser.Signal} - */ - public onStart: Signal; - /** - * Signal to be dispatched when this tween updating. - * @type {Phaser.Signal} - */ - public onUpdate: Signal; - /** - * Signal to be dispatched when this tween completed. - * @type {Phaser.Signal} - */ - public onComplete: Signal; - /** - * 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 [delay] {number} delay before this tween will start, defaults to 0 (no delay) - * @param [loop] {boolean} Should the tween automatically restart once complete? (ignores any chained tweens) - * @return {Tween} Itself. - */ - public to(properties, duration?: number, ease?: any, autoStart?: bool, delay?: number, loop?: bool, yoyo?: bool): Tween; - public loop(value: bool): Tween; - public yoyo(value: bool): Tween; - public isRunning: bool; - /** - * Start to tween. - */ - public start(looped?: bool): Tween; - public reverse(): Tween; - public reset(): Tween; - public clear(): Tween; - /** - * Stop tweening. - */ - public stop(): Tween; - public parent : Game; - public delay : number; - public easing : any; - public interpolation : any; - /** - * Add another chained tween, which will start automatically when the one before it completes. - * @param tween {Phaser.Tween} Tween object you want to chain with this. - * @return {Phaser.Tween} Itselfe. - */ - public chain(tween: Tween): Tween; - public pause(): void; - public resume(): void; - private _paused; - /** - * Update tweening. - * @param time {number} Current time from game clock. - * @return {boolean} Return false if this completed and no need to update, otherwise return true. - */ - public update(time): bool; - } -} -/** -* Phaser - ArcadeParticle -* -* This is a simple particle class that extends a Sprite to have a slightly more -* specialised behaviour. It is used exclusively by the Emitter class and can be extended as required. -*/ -module Phaser { - class ArcadeParticle extends Sprite { - /** - * Instantiate a new particle. Like Sprite, all meaningful creation - * happens during loadGraphic() or makeGraphic() or whatever. - */ - constructor(game: Game); - /** - * How long this particle lives before it disappears. - * NOTE: this is a maximum, not a minimum; the object - * could get recycled before its lifespan is up. - */ - public lifespan: number; - /** - * The particle's main update logic. Basically it checks to see if it should be dead yet. - */ - public update(): void; - /** - * Triggered whenever this object is launched by a Emitter. - * You can override this to add custom behavior like a sound or AI or something. - */ - public onEmit(): void; - } -} -/** -* Phaser - ArcadeEmitter -* -* Emitter is a lightweight particle emitter. It can be used for one-time explosions or for -* continuous effects like rain and fire. All it really does is launch Particle objects out -* at set intervals, and fixes their positions and velocities accorindgly. -*/ -module Phaser { - class ArcadeEmitter extends Group { - /** - * Creates a new Emitter object at a specific position. - * Does NOT automatically generate or attach particles! - * - * @param x {number} The X position of the emitter. - * @param y {number} The Y position of the emitter. - * @param [size] {number} Specifies a maximum capacity for this emitter. - */ - constructor(game: Game, x?: number, y?: number, size?: number); - /** - * The X position of the top left corner of the emitter in world space. - */ - public x: number; - /** - * The Y position of the top left corner of emitter in world space. - */ - public y: number; - /** - * The width of the emitter. Particles can be randomly generated from anywhere within this box. - */ - public width: number; - /** - * The height of the emitter. Particles can be randomly generated from anywhere within this box. - */ - public height: number; - /** - * - */ - public alive: bool; - /** - * - */ - public active: bool; - /** - * The minimum possible velocity of a particle. - * The default value is (-100,-100). - */ - public minParticleSpeed: Vec2; - /** - * The maximum possible velocity of a particle. - * The default value is (100,100). - */ - public maxParticleSpeed: Vec2; - /** - * The X and Y drag component of particles launched from the emitter. - */ - public particleDrag: Vec2; - /** - * The minimum possible angular velocity of a particle. The default value is -360. - * NOTE: rotating particles are more expensive to draw than non-rotating ones! - */ - public minRotation: number; - /** - * The maximum possible angular velocity of a particle. The default value is 360. - * NOTE: rotating particles are more expensive to draw than non-rotating ones! - */ - public maxRotation: number; - /** - * Sets the acceleration.y member of each particle to this value on launch. - */ - public gravity: number; - /** - * Determines whether the emitter is currently emitting particles. - * It is totally safe to directly toggle this. - */ - public on: bool; - /** - * How often a particle is emitted (if emitter is started with Explode == false). - */ - public frequency: number; - /** - * How long each particle lives once it is emitted. - * Set lifespan to 'zero' for particles to live forever. - */ - public lifespan: number; - /** - * How much each particle should bounce. 1 = full bounce, 0 = no bounce. - */ - public bounce: number; - /** - * Set your own particle class type here. - * Default is Particle. - */ - public particleClass; - /** - * Internal helper for deciding how many particles to launch. - */ - private _quantity; - /** - * Internal helper for the style of particle emission (all at once, or one at a time). - */ - private _explode; - /** - * Internal helper for deciding when to launch particles or kill them. - */ - private _timer; - /** - * Internal counter for figuring out how many particles to launch. - */ - private _counter; - /** - * Internal point object, handy for reusing for memory mgmt purposes. - */ - private _point; - /** - * Clean up memory. - */ - public destroy(): void; - /** - * This function generates a new array of particle sprites to attach to the emitter. - * - * @param graphics If you opted to not pre-configure an array of Sprite objects, you can simply pass in a particle image or sprite sheet. - * @param quantity {number} The number of particles to generate when using the "create from image" option. - * @param multiple {boolean} Whether the image in the Graphics param is a single particle or a bunch of particles (if it's a bunch, they need to be square!). - * @param collide {number} Whether the particles should be flagged as not 'dead' (non-colliding particles are higher performance). 0 means no collisions, 0-1 controls scale of particle's bounding box. - * - * @return This Emitter instance (nice for chaining stuff together, if you're into that). - */ - public makeParticles(graphics, quantity?: number, multiple?: bool, collide?: number): ArcadeEmitter; - public preUpdate(): void; - public postUpdate(): void; - /** - * Called automatically by the game loop, decides when to launch particles and when to "die". - */ - public update(): void; - /** - * Call this function to turn off all the particles and the emitter. - */ - public kill(): void; - /** - * Handy for bringing game objects "back to life". Just sets alive and exists back to true. - * In practice, this is most often called by Object.reset(). - */ - public revive(): void; - /** - * Call this function to start emitting particles. - * - * @param explode {boolean} Whether the particles should all burst out at once. - * @param lifespan {number} How long each particle lives once emitted. 0 = forever. - * @param frequency {number} Ignored if Explode is set to true. Frequency is how often to emit a particle. 0 = never emit, 0.1 = 1 particle every 0.1 seconds, 5 = 1 particle every 5 seconds. - * @param quantity {number} How many particles to launch. 0 = "all of the particles". - */ - public start(explode?: bool, lifespan?: number, frequency?: number, quantity?: number): void; - /** - * This function can be used both internally and externally to emit the next particle. - */ - public emitParticle(): void; - /** - * A more compact way of setting the width and height of the emitter. - * - * @param width {number} The desired width of the emitter (particles are spawned randomly within these dimensions). - * @param height {number} The desired height of the emitter. - */ - public setSize(width: number, height: number): void; - /** - * A more compact way of setting the X velocity range of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - public setXSpeed(min?: number, max?: number): void; - /** - * A more compact way of setting the Y velocity range of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - public setYSpeed(min?: number, max?: number): void; - /** - * A more compact way of setting the angular velocity constraints of the emitter. - * - * @param Min {number} The minimum value for this range. - * @param Max {number} The maximum value for this range. - */ - public setRotation(min?: number, max?: number): void; - /** - * Change the emitter's midpoint to match the midpoint of a Object. - * - * @param Object {object} The Object that you want to sync up with. - */ - public at(object: Sprite): void; - } -} -/** -* Phaser - UI - Button -*/ -module Phaser.UI { - class Button extends Sprite { - /** - * Create a new Button object. - * - * @param game {Phaser.Game} Current game instance. - * @param [x] {number} X position of the button. - * @param [y] {number} Y position of the button. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. - * @param [callback] {function} The function to call when this button is pressed - * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') - * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. - * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. - * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. - */ - constructor(game: Game, x?: number, y?: number, key?: string, callback?, callbackContext?, overFrame?, outFrame?, downFrame?); - private _onOverFrameName; - private _onOutFrameName; - private _onDownFrameName; - private _onUpFrameName; - private _onOverFrameID; - private _onOutFrameID; - private _onDownFrameID; - private _onUpFrameID; - /** - * Dispatched when a pointer moves over an Input enabled sprite. - */ - public onInputOver: Signal; - /** - * Dispatched when a pointer moves out of an Input enabled sprite. - */ - public onInputOut: Signal; - /** - * Dispatched when a pointer is pressed down on an Input enabled sprite. - */ - public onInputDown: Signal; - /** - * Dispatched when a pointer is released over an Input enabled sprite - */ - public onInputUp: Signal; - private onInputOverHandler(pointer); - private onInputOutHandler(pointer); - private onInputDownHandler(pointer); - private onInputUpHandler(pointer); - public priorityID : number; - public useHandCursor : bool; - } -} -/** -* Phaser - ScrollRegion -* -* Creates a scrolling region within a ScrollZone. -* It is scrolled via the scrollSpeed.x/y properties. -*/ -module Phaser { - class ScrollRegion { - /** - * ScrollRegion constructor - * Create a new ScrollRegion. - * - * @param x {number} X position in world coordinate. - * @param y {number} Y position in world coordinate. - * @param width {number} Width of this object. - * @param height {number} Height of this object. - * @param speedX {number} X-axis scrolling speed. - * @param speedY {number} Y-axis scrolling speed. - */ - constructor(x: number, y: number, width: number, height: number, speedX: number, speedY: number); - private _A; - private _B; - private _C; - private _D; - private _bounds; - private _scroll; - private _anchorWidth; - private _anchorHeight; - private _inverseWidth; - private _inverseHeight; - /** - * Will this region be rendered? (default to true) - * @type {boolean} - */ - public visible: bool; - /** - * Region scrolling speed. - * @type {Vec2} - */ - public scrollSpeed: Vec2; - /** - * Update region scrolling with tick time. - * @param delta {number} Elapsed time since last update. - */ - public update(delta: number): void; - /** - * Render this region to specific context. - * @param context {CanvasRenderingContext2D} Canvas context this region will be rendered to. - * @param texture {object} The texture to be rendered. - * @param dx {number} X position in world coordinate. - * @param dy {number} Y position in world coordinate. - * @param width {number} Width of this region to be rendered. - * @param height {number} Height of this region to be rendered. - */ - public render(context: CanvasRenderingContext2D, texture, dx: number, dy: number, dw: number, dh: number): void; - /** - * Crop part of the texture and render it to the given context. - * @param context {CanvasRenderingContext2D} Canvas context the texture will be rendered to. - * @param texture {object} Texture to be rendered. - * @param srcX {number} Target region top-left x coordinate in the texture. - * @param srcX {number} Target region top-left y coordinate in the texture. - * @param srcW {number} Target region width in the texture. - * @param srcH {number} Target region height in the texture. - * @param destX {number} Render region top-left x coordinate in the context. - * @param destX {number} Render region top-left y coordinate in the context. - * @param destW {number} Target region width in the context. - * @param destH {number} Target region height in the context. - * @param offsetX {number} X offset to the context. - * @param offsetY {number} Y offset to the context. - */ - private crop(context, texture, srcX, srcY, srcW, srcH, destX, destY, destW, destH, offsetX, offsetY); - } -} -/** -* Phaser - ScrollZone -* -* Creates a scrolling region of the given width and height from an image in the cache. -* The ScrollZone can be positioned anywhere in-world like a normal game object, re-act to physics, collision, etc. -* The image within it is scrolled via ScrollRegions and their scrollSpeed.x/y properties. -* If you create a scroll zone larger than the given source image it will create a DynamicTexture and fill it with a pattern of the source image. -*/ -module Phaser { - class ScrollZone extends Sprite { - /** - * ScrollZone constructor - * Create a new ScrollZone. - * - * @param game {Phaser.Game} Current game instance. - * @param key {string} Asset key for image texture of this object. - * @param x {number} X position in world coordinate. - * @param y {number} Y position in world coordinate. - * @param [width] {number} width of this object. - * @param [height] {number} height of this object. - */ - constructor(game: Game, key: string, x?: number, y?: number, width?: number, height?: number); - /** - * Current region this zone is scrolling. - * @type {ScrollRegion} - */ - public currentRegion: ScrollRegion; - /** - * Array contains all added regions. - * @type {ScrollRegion[]} - */ - public regions: ScrollRegion[]; - /** - * Add a new region to this zone. - * @param x {number} X position of the new region. - * @param y {number} Y position of the new region. - * @param width {number} Width of the new region. - * @param height {number} Height of the new region. - * @param [speedX] {number} x-axis scrolling speed. - * @param [speedY] {number} y-axis scrolling speed. - * @return {ScrollRegion} The newly added region. - */ - public addRegion(x: number, y: number, width: number, height: number, speedX?: number, speedY?: number): ScrollRegion; - /** - * Set scrolling speed of current region. - * @param x {number} X speed of current region. - * @param y {number} Y speed of current region. - */ - public setSpeed(x: number, y: number): ScrollZone; - /** - * Update regions. - */ - public update(): void; - /** - * Create repeating texture with _texture, and store it into the _dynamicTexture. - * Used to create texture when texture image is small than size of the zone. - */ - private createRepeatingTexture(regionWidth, regionHeight); - } -} -/** -* Phaser - TilemapLayer -* -* A Tilemap Layer. Tiled format maps can have multiple overlapping layers. -*/ -module Phaser { - class TilemapLayer { - /** - * TilemapLayer constructor - * Create a new TilemapLayer. - * - * @param parent {Tilemap} The tilemap that contains this layer. - * @param id {number} The ID of this layer within the Tilemap array. - * @param key {string} Asset key for this map. - * @param mapFormat {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. - * @param name {string} Name of this layer, so you can get this layer by its name. - * @param tileWidth {number} Width of tiles in this map. - * @param tileHeight {number} Height of tiles in this map. - */ - constructor(parent: Tilemap, id: number, key: string, mapFormat: number, name: string, tileWidth: number, tileHeight: number); - private _tempTileX; - private _tempTileY; - private _tempTileW; - private _tempTileH; - private _tempTileBlock; - private _tempBlockResults; - /** - * Local reference to Game. - */ - public game: Game; - /** - * The tilemap that contains this layer. - * @type {Tilemap} - */ - public parent: Tilemap; - /** - * The texture used to render the Sprite. - */ - public texture: Display.Texture; - /** - * The Sprite transform component. - */ - public transform: Components.TransformManager; - public tileOffsets; - /** - * The alpha of the Sprite between 0 and 1, a value of 1 being fully opaque. - */ - public alpha: number; - /** - * Name of this layer, so you can get this layer by its name. - * @type {string} - */ - public name: string; - /** - * The ID of the layer within the Tilemap. - * @type {number} - */ - public ID: number; - /** - * Controls whether update() and draw() are automatically called. - * @type {boolean} - */ - public exists: bool; - /** - * Controls whether draw() are automatically called. - * @type {boolean} - */ - public visible: bool; - /** - * Properties of this map layer. (normally set by map editors) - */ - public properties: {}; - /** - * Map data in a 2d array, its element is a index number for that tile. - * @type {number[][]} - */ - public mapData; - /** - * Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. - */ - public mapFormat: number; - /** - * Map bounds (width and height) in tiles not pixels. - * @type {Rectangle} - */ - public boundsInTiles: Rectangle; - /** - * Width of each tile. - * @type {number} - */ - public tileWidth: number; - /** - * Height of a single tile. - * @type {number} - */ - public tileHeight: number; - /** - * How many tiles in each row. - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - public widthInTiles: number; - /** - * How many tiles in each column. - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - public heightInTiles: number; - /** - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - public widthInPixels: number; - /** - * Read-only variable, do NOT recommend changing after the map is loaded! - * @type {number} - */ - public heightInPixels: number; - /** - * Distance between REAL tiles to the tileset texture bound. - * @type {number} - */ - public tileMargin: number; - /** - * Distance between every 2 neighbor tile in the tileset texture. - * @type {number} - */ - public tileSpacing: number; - /** - * Set a specific tile with its x and y in tiles. - * @param x {number} X position of this tile in world coordinates. - * @param y {number} Y position of this tile in world coordinates. - * @param index {number} The index of this tile type in the core map data. - */ - public putTileWorldXY(x: number, y: number, index: number): void; - /** - * Set a specific tile with its x and y in tiles. - * @param x {number} X position of this tile. - * @param y {number} Y position of this tile. - * @param index {number} The index of this tile type in the core map data. - */ - public putTile(x: number, y: number, index: number): void; - /** - * Swap tiles with 2 kinds of indexes. - * @param tileA {number} First tile index. - * @param tileB {number} Second tile index. - * @param [x] {number} specify a Rectangle of tiles to operate. The x position in tiles of Rectangle's left-top corner. - * @param [y] {number} specify a Rectangle of tiles to operate. The y position in tiles of Rectangle's left-top corner. - * @param [width] {number} specify a Rectangle of tiles to operate. The width in tiles. - * @param [height] {number} specify a Rectangle of tiles to operate. The height in tiles. - */ - public swapTile(tileA: number, tileB: number, x?: number, y?: number, width?: number, height?: number): void; - /** - * Fill a tile block with a specific tile index. - * @param index {number} Index of tiles you want to fill with. - * @param [x] {number} x position (in tiles) of block's left-top corner. - * @param [y] {number} y position (in tiles) of block's left-top corner. - * @param [width] {number} width of block. - * @param [height] {number} height of block. - */ - public fillTile(index: number, x?: number, y?: number, width?: number, height?: number): void; - /** - * Set random tiles to a specific tile block. - * @param tiles {number[]} Tiles with indexes in this array will be randomly set to the given block. - * @param [x] {number} x position (in tiles) of block's left-top corner. - * @param [y] {number} y position (in tiles) of block's left-top corner. - * @param [width] {number} width of block. - * @param [height] {number} height of block. - */ - public randomiseTiles(tiles: number[], x?: number, y?: number, width?: number, height?: number): void; - /** - * Replace one kind of tiles to another kind. - * @param tileA {number} Index of tiles you want to replace. - * @param tileB {number} Index of tiles you want to set. - * @param [x] {number} x position (in tiles) of block's left-top corner. - * @param [y] {number} y position (in tiles) of block's left-top corner. - * @param [width] {number} width of block. - * @param [height] {number} height of block. - */ - public replaceTile(tileA: number, tileB: number, x?: number, y?: number, width?: number, height?: number): void; - /** - * Get a tile block with specific position and size.(both are in tiles) - * @param x {number} X position of block's left-top corner. - * @param y {number} Y position of block's left-top corner. - * @param width {number} Width of block. - * @param height {number} Height of block. - */ - public getTileBlock(x: number, y: number, width: number, height: number): any[]; - /** - * Get a tile with specific position (in world coordinate). (thus you give a position of a point which is within the tile) - * @param x {number} X position of the point in target tile. - * @param x {number} Y position of the point in target tile. - */ - public getTileFromWorldXY(x: number, y: number): number; - /** - * Get tiles overlaps the given object. - * @param object {GameObject} Tiles you want to get that overlaps this. - * @return {array} Array with tiles informations. (Each contains x, y and the tile.) - */ - public getTileOverlaps(object: Sprite); - /** - * Get a tile block with its position and size. (This method does not return, it'll set result to _tempTileBlock) - * @param x {number} X position of block's left-top corner. - * @param y {number} Y position of block's left-top corner. - * @param width {number} Width of block. - * @param height {number} Height of block. - * @param collisionOnly {boolean} Whethor or not ONLY return tiles which will collide (its allowCollisions value is not Collision.NONE). - */ - private getTempBlock(x, y, width, height, collisionOnly?); - /** - * Get the tile index of specific position (in tiles). - * @param x {number} X position of the tile. - * @param y {number} Y position of the tile. - * @return {number} Index of the tile at that position. Return null if there isn't a tile there. - */ - public getTileIndex(x: number, y: number): number; - /** - * Add a column of tiles into the layer. - * @param column {string[]/number[]} An array of tile indexes to be added. - */ - public addColumn(column): void; - /** - * Update boundsInTiles with widthInTiles and heightInTiles. - */ - public updateBounds(): void; - /** - * Parse tile offsets from map data. - * @return {number} length of tileOffsets array. - */ - public parseTileOffsets(): number; - } -} -/** -* Phaser - Tile -* -* A Tile is a single representation of a tile within a Tilemap -*/ -module Phaser { - class Tile { - /** - * Tile constructor - * Create a new Tile. - * - * @param tilemap {Tilemap} the tilemap this tile belongs to. - * @param index {number} The index of this tile type in the core map data. - * @param width {number} Width of the tile. - * @param height number} Height of the tile. - */ - constructor(game: Game, tilemap: Tilemap, index: number, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * You can give this Tile a friendly name to help with debugging. Never used internally. - * @type {string} - */ - public name: string; - /** - * The virtual mass of the tile. - * @type {number} - */ - public mass: number; - /** - * Tile width. - * @type {number} - */ - public width: number; - /** - * Tile height. - * @type {number} - */ - public height: number; - /** - * Bit field of flags (use with UP, DOWN, LEFT, RIGHT, etc) indicating collision directions. - * @type {number} - */ - public allowCollisions: number; - /** - * Indicating collide with any object on the left. - * @type {boolean} - */ - public collideLeft: bool; - /** - * Indicating collide with any object on the right. - * @type {boolean} - */ - public collideRight: bool; - /** - * Indicating collide with any object on the top. - * @type {boolean} - */ - public collideUp: bool; - /** - * Indicating collide with any object on the bottom. - * @type {boolean} - */ - public collideDown: bool; - /** - * Enable separation at x-axis. - * @type {boolean} - */ - public separateX: bool; - /** - * Enable separation at y-axis. - * @type {boolean} - */ - public separateY: bool; - /** - * A reference to the tilemap this tile object belongs to. - * @type {Tilemap} - */ - public tilemap: Tilemap; - /** - * The index of this tile type in the core map data. - * For example, if your map only has 16 kinds of tiles in it, - * this number is usually between 0 and 15. - * @type {number} - */ - public index: number; - /** - * Clean up memory. - */ - public destroy(): void; - /** - * Set collision configs. - * @param collision {number} Bit field of flags. (see Tile.allowCollision) - * @param resetCollisions {boolean} Reset collision flags before set. - * @param separateX {boolean} Enable seprate at x-axis. - * @param separateY {boolean} Enable seprate at y-axis. - */ - public setCollision(collision: number, resetCollisions: bool, separateX: bool, separateY: bool): void; - /** - * Reset collision status flags. - */ - public resetCollision(): void; - /** - * Returns a string representation of this object. - * @method toString - * @return {string} a string representation of the object. - **/ - public toString(): string; - } -} -/** -* Phaser - Tilemap -* -* This GameObject allows for the display of a tilemap within the game world. Tile maps consist of an image, tile data and a size. -* Internally it creates a TilemapLayer for each layer in the tilemap. -*/ -module Phaser { - class Tilemap { - /** - * Tilemap constructor - * Create a new Tilemap. - * - * @param game {Phaser.Game} Current game instance. - * @param key {string} Asset key for this map. - * @param mapData {string} Data of this map. (a big 2d array, normally in csv) - * @param format {number} Format of this map data, available: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. - * @param resizeWorld {boolean} Resize the world bound automatically based on this tilemap? - * @param tileWidth {number} Width of tiles in this map. - * @param tileHeight {number} Height of tiles in this map. - */ - constructor(game: Game, key: string, mapData: string, format: number, resizeWorld?: bool, tileWidth?: number, tileHeight?: number); - private _tempCollisionData; - /** - * Reference to the main game object - */ - public game: Game; - /** - * The type of game object. - */ - public type: number; - /** - * The name of game object. - */ - public name: string; - /** - * The Group this Sprite belongs to. - */ - public group: Group; - /** - * Controls if both update and render are called by the core game loop. - */ - public exists: bool; - /** - * Controls if update() is automatically called by the core game loop. - */ - public active: bool; - /** - * Controls if this Sprite is rendered or skipped during the core game loop. - */ - public visible: bool; - /** - * A useful state for many game objects. Kill and revive both flip this switch. - */ - public alive: bool; - /** - * The texture used to render the Sprite. - */ - public texture: Display.Texture; - /** - * The Sprite transform component. - */ - public transform: Components.TransformManager; - /** - * z order value of the object. - */ - public z: number; - /** - * Render iteration counter - */ - public renderOrderID: number; - /** - * Tilemap data format enum: CSV. - * @type {number} - */ - static FORMAT_CSV: number; - /** - * Tilemap data format enum: Tiled JSON. - * @type {number} - */ - static FORMAT_TILED_JSON: number; - /** - * Array contains tile objects of this map. - * @type {Tile[]} - */ - public tiles: Tile[]; - /** - * Array contains tilemap layer objects of this map. - * @type {TilemapLayer[]} - */ - public layers: TilemapLayer[]; - /** - * Current tilemap layer. - * @type {TilemapLayer} - */ - public currentLayer: TilemapLayer; - /** - * The tilemap layer for collision. - * @type {TilemapLayer} - */ - public collisionLayer: TilemapLayer; - /** - * Tilemap collision callback. - * @type {function} - */ - public collisionCallback; - /** - * Context for the collision callback called with. - */ - public collisionCallbackContext; - /** - * Format of this tilemap data. Available values: Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON. - * @type {number} - */ - public mapFormat: number; - /** - * Parset csv map data and generate tiles. - * @param data {string} CSV map data. - * @param key {string} Asset key for tileset image. - * @param tileWidth {number} Width of its tile. - * @param tileHeight {number} Height of its tile. - */ - private parseCSV(data, key, tileWidth, tileHeight); - /** - * Parse JSON map data and generate tiles. - * @param data {string} JSON map data. - * @param key {string} Asset key for tileset image. - */ - private parseTiledJSON(data, key); - /** - * Create tiles of given quantity. - * @param qty {number} Quentity of tiles to be generated. - */ - private generateTiles(qty); - public widthInPixels : number; - public heightInPixels : number; - /** - * Set callback to be called when this tilemap collides. - * @param context {object} Callback will be called with this context. - * @param callback {function} Callback function. - */ - public setCollisionCallback(context, callback): void; - /** - * Set collision configs of tiles in a range index. - * @param start {number} First index of tiles. - * @param end {number} Last index of tiles. - * @param collision {number} Bit field of flags. (see Tile.allowCollision) - * @param resetCollisions {boolean} Reset collision flags before set. - * @param separateX {boolean} Enable seprate at x-axis. - * @param separateY {boolean} Enable seprate at y-axis. - */ - public setCollisionRange(start: number, end: number, collision?: number, resetCollisions?: bool, separateX?: bool, separateY?: bool): void; - /** - * Set collision configs of tiles with given index. - * @param values {number[]} Index array which contains all tile indexes. The tiles with those indexes will be setup with rest parameters. - * @param collision {number} Bit field of flags. (see Tile.allowCollision) - * @param resetCollisions {boolean} Reset collision flags before set. - * @param separateX {boolean} Enable seprate at x-axis. - * @param separateY {boolean} Enable seprate at y-axis. - */ - public setCollisionByIndex(values: number[], collision?: number, resetCollisions?: bool, separateX?: bool, separateY?: bool): void; - /** - * Get the tile by its index. - * @param value {number} Index of the tile you want to get. - * @return {Tile} The tile with given index. - */ - public getTileByIndex(value: number): Tile; - /** - * Get the tile located at specific position and layer. - * @param x {number} X position of this tile located. - * @param y {number} Y position of this tile located. - * @param [layer] {number} layer of this tile located. - * @return {Tile} The tile with specific properties. - */ - public getTile(x: number, y: number, layer?: number): Tile; - /** - * Get the tile located at specific position (in world coordinate) and layer. (thus you give a position of a point which is within the tile) - * @param x {number} X position of the point in target tile. - * @param x {number} Y position of the point in target tile. - * @param [layer] {number} layer of this tile located. - * @return {Tile} The tile with specific properties. - */ - public getTileFromWorldXY(x: number, y: number, layer?: number): Tile; - /** - * Gets the tile underneath the Input.x/y position - * @param layer The layer to check, defaults to 0 - * @returns {Tile} - */ - public getTileFromInputXY(layer?: number): Tile; - /** - * Get tiles overlaps the given object. - * @param object {GameObject} Tiles you want to get that overlaps this. - * @return {array} Array with tiles information. (Each contains x, y and the tile.) - */ - public getTileOverlaps(object: Sprite); - /** - * Check whether this tilemap collides with the given game object or group of objects. - * @param objectOrGroup {function} Target object of group you want to check. - * @param callback {function} This is called if objectOrGroup collides the tilemap. - * @param context {object} Callback will be called with this context. - * @return {boolean} Return true if this collides with given object, otherwise return false. - */ - public collide(objectOrGroup?, callback?, context?): void; - /** - * Check whether this tilemap collides with the given game object. - * @param object {GameObject} Target object you want to check. - * @return {boolean} Return true if this collides with given object, otherwise return false. - */ - public collideGameObject(object: Sprite): bool; - /** - * Set a tile to a specific layer. - * @param x {number} X position of this tile. - * @param y {number} Y position of this tile. - * @param index {number} The index of this tile type in the core map data. - * @param [layer] {number} which layer you want to set the tile to. - */ - public putTile(x: number, y: number, index: number, layer?: number): void; - public destroy(): void; - } -} -/** -* Phaser - GameObjectFactory -* -* A quick way to create new world objects and add existing objects to the current world. -*/ -module Phaser { - class GameObjectFactory { - /** - * GameObjectFactory constructor - * @param game {Game} A reference to the current Game. - */ - constructor(game: Game); - /** - * Local reference to Game - */ - public game: Game; - /** - * Local private reference to World - */ - private _world; - /** - * Create a new camera with specific position and size. - * - * @param x {number} X position of the new camera. - * @param y {number} Y position of the new camera. - * @param width {number} Width of the new camera. - * @param height {number} Height of the new camera. - * @returns {Camera} The newly created camera object. - */ - public camera(x: number, y: number, width: number, height: number): Camera; - /** - * Create a new Button game object. - * - * @param [x] {number} X position of the button. - * @param [y] {number} Y position of the button. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this button. - * @param [callback] {function} The function to call when this button is pressed - * @param [callbackContext] {object} The context in which the callback will be called (usually 'this') - * @param [overFrame] {string|number} This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. - * @param [outFrame] {string|number} This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. - * @param [downFrame] {string|number} This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. - * @returns {Button} The newly created button object. - */ - public button(x?: number, y?: number, key?: string, callback?, callbackContext?, overFrame?, outFrame?, downFrame?): UI.Button; - /** - * Create a new Sprite with specific position and sprite sheet key. - * - * @param x {number} X position of the new sprite. - * @param y {number} Y position of the new sprite. - * @param [key] {string} The image key as defined in the Game.Cache to use as the texture for this sprite - * @param [frame] {string|number} If the sprite uses an image from a texture atlas or sprite sheet you can pass the frame here. Either a number for a frame ID or a string for a frame name. - * @returns {Sprite} The newly created sprite object. - */ - public sprite(x: number, y: number, key?: string, frame?): Sprite; - public audio(key: string, volume?: number, loop?: bool): Sound; - /** - * Create a new DynamicTexture with specific size. - * - * @param width {number} Width of the texture. - * @param height {number} Height of the texture. - * @returns {DynamicTexture} The newly created dynamic texture object. - */ - public dynamicTexture(width: number, height: number): DynamicTexture; - /** - * Create a new object container. - * - * @param maxSize {number} Optional, capacity of this group. - * @returns {Group} The newly created group. - */ - public group(maxSize?: number): Group; - /** - * Create a new Particle. - * - * @return {Particle} The newly created particle object. - */ - public particle(): ArcadeParticle; - /** - * Create a new Emitter. - * - * @param x {number} Optional, x position of the emitter. - * @param y {number} Optional, y position of the emitter. - * @param size {number} Optional, size of this emitter. - * @return {Emitter} The newly created emitter object. - */ - public emitter(x?: number, y?: number, size?: number): ArcadeEmitter; - /** - * Create a new ScrollZone object with image key, position and size. - * - * @param key {string} Key to a image you wish this object to use. - * @param x {number} X position of this object. - * @param y {number} Y position of this object. - * @param width number} Width of this object. - * @param height {number} Height of this object. - * @returns {ScrollZone} The newly created scroll zone object. - */ - public scrollZone(key: string, x?: number, y?: number, width?: number, height?: number): ScrollZone; - /** - * Create a new Tilemap. - * - * @param key {string} Key for tileset image. - * @param mapData {string} Data of this tilemap. - * @param format {number} Format of map data. (Tilemap.FORMAT_CSV or Tilemap.FORMAT_TILED_JSON) - * @param [resizeWorld] {boolean} resize the world to make same as tilemap? - * @param [tileWidth] {number} width of each tile. - * @param [tileHeight] {number} height of each tile. - * @return {Tilemap} The newly created tilemap object. - */ - public tilemap(key: string, mapData: string, format: number, resizeWorld?: bool, tileWidth?: number, tileHeight?: number): Tilemap; - /** - * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. - * - * @param obj {object} Object the tween will be run on. - * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. - * @return {Phaser.Tween} The newly created tween object. - */ - public tween(obj, localReference?: bool): Tween; - /** - * Add an existing Sprite to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param sprite The Sprite to add to the Game World - * @return {Phaser.Sprite} The Sprite object - */ - public existingSprite(sprite: Sprite): Sprite; - /** - * Add an existing Group to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param group The Group to add to the Game World - * @return {Phaser.Group} The Group object - */ - public existingGroup(group: Group): Group; - /** - * Add an existing Button to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param button The Button to add to the Game World - * @return {Phaser.Button} The Button object - */ - public existingButton(button: UI.Button): UI.Button; - /** - * Add an existing Emitter to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param emitter The Emitter to add to the Game World - * @return {Phaser.Emitter} The Emitter object - */ - public existingEmitter(emitter: ArcadeEmitter): ArcadeEmitter; - /** - * Add an existing ScrollZone to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param scrollZone The ScrollZone to add to the Game World - * @return {Phaser.ScrollZone} The ScrollZone object - */ - public existingScrollZone(scrollZone: ScrollZone): ScrollZone; - /** - * Add an existing Tilemap to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param tilemap The Tilemap to add to the Game World - * @return {Phaser.Tilemap} The Tilemap object - */ - public existingTilemap(tilemap: Tilemap): Tilemap; - /** - * Add an existing Tween to the current world. - * Note: This doesn't check or update the objects reference to Game. If that is wrong, all kinds of things will break. - * - * @param tween The Tween to add to the Game World - * @return {Phaser.Tween} The Tween object - */ - public existingTween(tween: Tween): Tween; - } -} -/** -* Phaser - Sound -* -* A Sound file, used by the Game.SoundManager for playback. -*/ -module Phaser { - class Sound { - /** - * Sound constructor - * @param [volume] {number} volume of this sound when playing. - * @param [loop] {boolean} loop this sound when playing? (Default to false) - */ - constructor(game: Game, key: string, volume?: number, loop?: bool); - private soundHasUnlocked(key); - /** - * Local reference to the current Phaser.Game. - */ - public game: Game; - /** - * Reference to AudioContext instance. - */ - public context; - /** - * Reference to gain node of SoundManager. - */ - public masterGainNode; - /** - * GainNode of this sound. - */ - public gainNode; - /** - * Decoded data buffer / Audio tag. - */ - private _buffer; - /** - * Volume of this sound. - */ - private _volume; - /** - * The real sound object (buffer source). - */ - private _sound; - private _muteVolume; - private _muted; - private _tempPosition; - private _tempVolume; - private _tempLoop; - private _tempMarker; - public usingWebAudio: bool; - public usingAudioTag: bool; - public name: string; - public autoplay: bool; - public totalDuration: number; - public startTime: number; - public currentTime: number; - public duration: number; - public stopTime: number; - public position: number; - public paused: bool; - public loop: bool; - public isPlaying: bool; - public key: string; - public markers; - public currentMarker: string; - public onDecoded: Signal; - public onPlay: Signal; - public onPause: Signal; - public onResume: Signal; - public onLoop: Signal; - public onStop: Signal; - public onMute: Signal; - public onMarkerComplete: Signal; - public pendingPlayback: bool; - public isDecoding : bool; - public isDecoded : bool; - public addMarker(name: string, start: number, stop: number, volume?: number, loop?: bool): void; - public removeMarker(name: string): void; - public update(): void; - public override: bool; - /** - * Play this sound, or a marked section of it. - * @param marker {string} Assets key of the sound you want to play. - * @param [volume] {number} volume of the sound you want to play. - * @param [loop] {boolean} loop when it finished playing? (Default to false) - * @return {Sound} The playing sound object. - */ - public play(marker?: string, position?: number, volume?: number, loop?: bool, forceRestart?: bool): void; - public restart(marker?: string, position?: number, volume?: number, loop?: bool): void; - public pause(): void; - public resume(): void; - /** - * Stop playing this sound. - */ - public stop(): void; - /** - * Mute sounds. - */ - public mute : bool; - public volume : number; - } -} -/** -* Phaser - SoundManager -* -*/ -module Phaser { - class SoundManager { - /** - * SoundManager constructor - * Create a new SoundManager. - */ - constructor(game: Game); - public usingWebAudio: bool; - public usingAudioTag: bool; - public noAudio: bool; - /** - * Local reference to the current Phaser.Game. - */ - public game: Game; - /** - * Reference to AudioContext instance. - */ - public context; - /** - * The Master Gain node through which all sounds - */ - public masterGain; - /** - * Volume of sounds. - * @type {number} - */ - private _volume; - private _sounds; - private _muteVolume; - private _muted; - public channels: number; - public touchLocked: bool; - private _unlockSource; - public unlock(): void; - /** - * A global audio mute toggle. - */ - public mute : bool; - /** - * The global audio volume. A value between 0 (silence) and 1 (full volume) - */ - public volume : number; - public stopAll(): void; - public pauseAll(): void; - public resumeAll(): void; - /** - * Decode a sound with its assets key. - * @param key {string} Assets key of the sound to be decoded. - * @param [sound] {Sound} its bufer will be set to decoded data. - */ - public decode(key: string, sound?: Sound): void; - public onSoundDecode: Signal; - public update(): void; - public add(key: string, volume?: number, loop?: bool): Sound; - } -} -/** -* Phaser -* -* v1.0.0 - August 12th 2013 -* -* A feature-packed 2D canvas game framework born from the firey pits of Flixel and Kiwi. -* -* Richard Davey (@photonstorm) -* -* Many thanks to Adam Saltsman (@ADAMATOMIC) for releasing Flixel, from both which Phaser -* and my love of game development took a lot of inspiration. -* -* "If you want your children to be intelligent, read them fairy tales." -* "If you want them to be more intelligent, read them more fairy tales." -* -- Albert Einstein -*/ -module Phaser { - var VERSION: string; - var GAMES: any[]; -} -/** -* Phaser - Display - CSS3Filters -* -* Allows for easy addition and modification of CSS3 Filters on DOM objects (typically the Game.Stage.canvas). -*/ -module Phaser.Display { - class CSS3Filters { - /** - * Creates a new CSS3 Filter component - * @param parent The DOM object to apply the filters to. - */ - constructor(parent); - /** - * Reference to the parent DOM object (stage.canvas for example) - */ - public parent; - private _blur; - private _grayscale; - private _sepia; - private _brightness; - private _contrast; - private _hueRotate; - private _invert; - private _opacity; - private _saturate; - private setFilter(local, prefix, value, unit); - /** - * Applies a Gaussian blur to the DOM element. The value of ‘radius’ defines the value of the standard deviation to the Gaussian function, - * or how many pixels on the screen blend into each other, so a larger value will create more blur. - * If no parameter is provided, then a value 0 is used. The parameter is specified as a CSS length, but does not accept percentage values. - */ - public blur : number; - /** - * Converts the input image to grayscale. The value of ‘amount’ defines the proportion of the conversion. - * A value of 100% is completely grayscale. A value of 0% leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. If the ‘amount’ parameter is missing, a value of 100% is used. - */ - public grayscale : number; - /** - * Converts the input image to sepia. The value of ‘amount’ defines the proportion of the conversion. - * A value of 100% is completely sepia. A value of 0 leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. If the ‘amount’ parameter is missing, a value of 100% is used. - */ - public sepia : number; - /** - * Applies a linear multiplier to input image, making it appear more or less bright. - * A value of 0% will create an image that is completely black. A value of 100% leaves the input unchanged. - * Other values are linear multipliers on the effect. Values of an amount over 100% are allowed, providing brighter results. - * If the ‘amount’ parameter is missing, a value of 100% is used. - */ - public brightness : number; - /** - * Adjusts the contrast of the input. A value of 0% will create an image that is completely black. - * A value of 100% leaves the input unchanged. Values of amount over 100% are allowed, providing results with less contrast. - * If the ‘amount’ parameter is missing, a value of 100% is used. - */ - public contrast : number; - /** - * Applies a hue rotation on the input image. The value of ‘angle’ defines the number of degrees around the color circle - * the input samples will be adjusted. A value of 0deg leaves the input unchanged. If the ‘angle’ parameter is missing, - * a value of 0deg is used. Maximum value is 360deg. - */ - public hueRotate : number; - /** - * Inverts the samples in the input image. The value of ‘amount’ defines the proportion of the conversion. - * A value of 100% is completely inverted. A value of 0% leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. If the ‘amount’ parameter is missing, a value of 100% is used. - */ - public invert : number; - /** - * Applies transparency to the samples in the input image. The value of ‘amount’ defines the proportion of the conversion. - * A value of 0% is completely transparent. A value of 100% leaves the input unchanged. - * Values between 0% and 100% are linear multipliers on the effect. This is equivalent to multiplying the input image samples by amount. - * If the ‘amount’ parameter is missing, a value of 100% is used. - * This function is similar to the more established opacity property; the difference is that with filters, some browsers provide hardware acceleration for better performance. - */ - public opacity : number; - /** - * Saturates the input image. The value of ‘amount’ defines the proportion of the conversion. - * A value of 0% is completely un-saturated. A value of 100% leaves the input unchanged. - * Other values are linear multipliers on the effect. Values of amount over 100% are allowed, providing super-saturated results. - * If the ‘amount’ parameter is missing, a value of 100% is used. - */ - public saturate : number; - } -} -/** -* Phaser - StageScaleMode -* -* This class controls the scaling of your game. On mobile devices it will also remove the URL bar and allow -* you to maintain proportion and aspect ratio. -* The resizing method is based on a technique taken from Viewporter v2.0 by Zynga Inc. http://github.com/zynga/viewporter -*/ -module Phaser { - class StageScaleMode { - /** - * StageScaleMode constructor - */ - constructor(game: Game, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Stage height when start the game. - * @type {number} - */ - private _startHeight; - private _iterations; - private _check; - /** - * Specifies that the game be visible in the specified area without trying to preserve the original aspect ratio. - * @type {number} - */ - static EXACT_FIT: number; - /** - * Specifies that the size of the game be fixed, so that it remains unchanged even if the size of the window changes. - * @type {number} - */ - static NO_SCALE: number; - /** - * Specifies that the entire game be visible in the specified area without distortion while maintaining the original aspect ratio. - * @type {number} - */ - static SHOW_ALL: number; - /** - * If the game should be forced to use Landscape mode, this is set to true by Game.Stage - * @type {Boolean} - */ - public forceLandscape: bool; - /** - * If the game should be forced to use Portrait mode, this is set to true by Game.Stage - * @type {Boolean} - */ - public forcePortrait: bool; - /** - * If the game should be forced to use a specific orientation and the device currently isn't in that orientation this is set to true. - * @type {Boolean} - */ - public incorrectOrientation: bool; - /** - * If you wish to align your game in the middle of the page then you can set this value to true. - * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. - * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. - * @type {Boolean} - */ - public pageAlignHorizontally: bool; - /** - * If you wish to align your game in the middle of the page then you can set this value to true. - * It will place a re-calculated margin-left pixel value onto the canvas element which is updated on orientation/resizing. - * It doesn't care about any other DOM element that may be on the page, it literally just sets the margin. - * @type {Boolean} - */ - public pageAlignVeritcally: bool; - /** - * Minimum width the canvas should be scaled to (in pixels) - * @type {number} - */ - public minWidth: number; - /** - * Maximum width the canvas should be scaled to (in pixels). - * If null it will scale to whatever width the browser can handle. - * @type {number} - */ - public maxWidth: number; - /** - * Minimum height the canvas should be scaled to (in pixels) - * @type {number} - */ - public minHeight: number; - /** - * Maximum height the canvas should be scaled to (in pixels). - * If null it will scale to whatever height the browser can handle. - * @type {number} - */ - public maxHeight: number; - /** - * Width of the stage after calculation. - * @type {number} - */ - public width: number; - /** - * Height of the stage after calculation. - * @type {number} - */ - public height: number; - /** - * Asperct ratio of the scaled game size (width / height) - * @type {number} - */ - public aspectRatio: number; - /** - * The maximum number of times it will try to resize the canvas to fill the browser (default is 10) - * @type {number} - */ - public maxIterations: number; - /** - * The scale factor of the scaled game width - * @type {Vec2} - */ - public scaleFactor: Vec2; - /** - * Window orientation angle (90 and -90 are landscape, 0 and 80 are portrait) - * @type {number} - */ - public orientation: number; - /** - * A Signal that is dispatched when the device enters landscape orientation from portrait - * @type {Signal} - */ - public enterLandscape: Signal; - /** - * A Signal that is dispatched when the device enters portrait orientation from landscape - * @type {Signal} - */ - public enterPortrait: Signal; - public isFullScreen : bool; - public startFullScreen(): void; - public stopFullScreen(): void; - /** - * The core update loop, called by Phaser.Stage - */ - public update(): void; - private checkOrientationState(); - public isPortrait : bool; - public isLandscape : bool; - /** - * Handle window.orientationchange events - */ - private checkOrientation(event); - /** - * Handle window.resize events - */ - private checkResize(event); - /** - * Re-calculate scale mode and update screen size. - */ - private refresh(); - /** - * Set screen size automatically based on the scaleMode. - */ - public setScreenSize(force?: bool): void; - private setSize(); - private setMaximum(); - private setShowAll(); - private setExactFit(); - } -} -/** -* Phaser - BootScreen -* -* The BootScreen is displayed when Phaser is started without any default functions or State -*/ -module Phaser { - class BootScreen { - /** - * BootScreen constructor - * Create a new BootScreen with specific width and height. - * - * @param width {number} Screen canvas width. - * @param height {number} Screen canvas height. - */ - constructor(game: Game); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Engine logo. - */ - private _logo; - /** - * Engine logo image data. - */ - private _logoData; - /** - * Background gradient effect color 1. - */ - private _color1; - /** - * Background gradient effect color 2. - */ - private _color2; - /** - * Fade effect tween. - * @type {Phaser.Tween} - */ - private _fade; - /** - * Update color and fade. - */ - public update(): void; - /** - * Render BootScreen. - */ - public render(): void; - /** - * Start color fading cycle. - */ - private colorCycle(); - } -} -/** -* Phaser - PauseScreen -* -* The PauseScreen is displayed whenever the game loses focus or the player switches to another browser tab. -*/ -module Phaser { - class PauseScreen { - /** - * PauseScreen constructor - * Create a new PauseScreen with specific width and height. - * - * @param width {number} Screen canvas width. - * @param height {number} Screen canvas height. - */ - constructor(game: Game, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Canvas element used by engine. - * @type {HTMLCanvasElement} - */ - private _canvas; - /** - * Render context of stage's canvas. - * @type {CanvasRenderingContext2D} - */ - private _context; - /** - * Background color. - */ - private _color; - /** - * Fade effect tween. - * @type {Phaser.Tween} - */ - private _fade; - /** - * Called when the game enters pause mode. - */ - public onPaused(): void; - /** - * Called when the game resume from pause mode. - */ - public onResume(): void; - /** - * Update background color. - */ - public update(): void; - /** - * Render PauseScreen. - */ - public render(): void; - /** - * Start fadeOut effect. - */ - private fadeOut(); - /** - * Start fadeIn effect. - */ - private fadeIn(); - } -} -/** -* Phaser - OrientationScreen -* -* The Orientation Screen is displayed whenever the device is turned to an unsupported orientation. -*/ -module Phaser { - class OrientationScreen { - /** - * OrientationScreen constructor - * Create a new OrientationScreen with specific width and height. - * - * @param width {number} Screen canvas width. - * @param height {number} Screen canvas height. - */ - constructor(game: Game); - /** - * Local reference to game. - */ - public game: Game; - private _showOnLandscape; - private _showOnPortrait; - /** - * Landscape Image. If you only want your game to work in Portrait mode, and display an image when in Landscape, - * then set this to be the key of an image previously loaded into the Game.Cache. - * @type {Cache Reference} - */ - public landscapeImage; - /** - * Portrait Image. If you only want your game to work in Landscape mode, and display an image when in Portrait, - * then set this to be the key of an image previously loaded into the Game.Cache. - * @type {Cache Reference} - */ - public portraitImage; - public enable(onLandscape: bool, onPortrait: bool, imageKey: string): void; - /** - * Update - */ - public update(): void; - /** - * Render - */ - public render(): void; - } -} -/** -* Phaser - Stage -* -* The Stage is the canvas on which everything is displayed. This class handles display within the web browser, focus handling, -* resizing, scaling and pause/boot screens. -*/ -module Phaser { - class Stage { - /** - * Stage constructor - * - * Create a new Stage with specific width and height. - * - * @param parent {number} ID of parent DOM element. - * @param width {number} Width of the stage. - * @param height {number} Height of the stage. - */ - constructor(game: Game, parent: string, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Background color of the stage (defaults to black). Set via the public backgroundColor property. - * @type {string} - */ - private _backgroundColor; - /** - * This will be displayed when Phaser is started without any default functions or State - * @type {BootScreen} - */ - public bootScreen; - /** - * This will be displayed whenever the game loses focus or the player switches to another browser tab. - * @type {PauseScreen} - */ - public pauseScreen; - /** - * This will be displayed whenever the device is turned to an unsupported orientation. - * @type {OrientationScreen} - */ - public orientationScreen; - /** - * Controls the CSS3 Filters applied to the Stages canvas object. - * @type {Phaser.Display.CSS3Filters} - */ - public css3: Display.CSS3Filters; - /** - * Bound of this stage. - * @type {Rectangle} - */ - public bounds: Rectangle; - /** - * Asperct ratio, thus: width / height. - * @type {number} - */ - public aspectRatio: number; - /** - * Clear the whole stage every frame? (Default to true) - * @type {boolean} - */ - public clear: bool; - /** - * Canvas element used by engine. - * @type {HTMLCanvasElement} - */ - public canvas: HTMLCanvasElement; - /** - * Render context of stage's canvas. - * @type {CanvasRenderingContext2D} - */ - public context: CanvasRenderingContext2D; - /** - * Do not use pause screen when game is paused? - * (Default to false, aka always use PauseScreen) - * @type {boolean} - */ - public disablePauseScreen: bool; - /** - * Do not use boot screen when engine starts? - * (Default to false, aka always use BootScreen) - * @type {boolean} - */ - public disableBootScreen: bool; - /** - * Offset from this stage to the canvas element. - * @type {MicroPoint} - */ - public offset: Point; - /** - * This object manages scaling of the game, see(StageScaleMode). - * @type {StageScaleMode} - */ - public scale: StageScaleMode; - /** - * Which mode will the game be scaled. - * Available: StageScaleMode.EXACT_FIT, StageScaleMode.NO_SCALE, StageScaleMode.SHOW_ALL. - * @type {number} - */ - public scaleMode: number; - /** - * If set to true the game will never pause when the browser or browser tab loses focuses - * @type {boolean} - */ - public disableVisibilityChange: bool; - /** - * Stage boot - */ - public boot(): void; - /** - * Update stage for rendering. This will handle scaling, clearing - * and PauseScreen/BootScreen updating and rendering. - */ - public update(): void; - /** - * This method is called when the canvas elements visibility is changed. - */ - private visibilityChange(event); - public enableOrientationCheck(forceLandscape: bool, forcePortrait: bool, imageKey?: string): void; - public setImageRenderingCrisp(): void; - public pauseGame(): void; - public resumeGame(): void; - /** - * Get the DOM offset values of the given element - */ - public getOffset(element, populateOffset?: bool): Point; - /** - * Canvas strokeStyle. - * @type {string} - */ - public strokeStyle: string; - /** - * Canvas lineWidth. - * @type {number} - */ - public lineWidth: number; - /** - * Canvas fillStyle. - * @type {string} - */ - public fillStyle: string; - /** - * Save current canvas properties (strokeStyle, lineWidth and fillStyle) for later using. - */ - public saveCanvasValues(): void; - /** - * Restore current canvas values (strokeStyle, lineWidth and fillStyle) with saved values. - */ - public restoreCanvasValues(): void; - public backgroundColor : string; - public x : number; - public y : number; - public width : number; - public height : number; - public centerX : number; - public centerY : number; - public randomX : number; - public randomY : number; - } -} -/** -* Phaser - TimeManager -* -* This is the game clock and it manages elapsed time and calculation of delta values, used for game object motion. -*/ -module Phaser { - class TimeManager { - /** - * Time constructor - * Create a new Time. - * - * @param game {Phaser.Game} Current game instance. - */ - constructor(game: Game); - /** - * Local reference to game. - */ - public game: Game; - /** - * Time when this object created. - * @param {number} - */ - private _started; - /** - * Elapsed since last frame. - * @type {number} - */ - public elapsed: number; - /** - * Game time counter. - * @property time - * @type {number} - */ - public time: number; - /** - * How long the game has been paused for. Gets reset each time the game pauses. - * @property pausedTime - * @type {number} - */ - public pausedTime: number; - /** - * Time of current frame. - * @property now - * @type {number} - */ - public now: number; - /** - * Elapsed time since last frame. - * @property delta - * @type {number} - */ - public delta: number; - /** - * - * @method totalElapsedSeconds - * @return {Number} - */ - public totalElapsedSeconds : number; - /** - * Frames per second. - * @type {number} - */ - public fps: number; - /** - * Minimal fps. - * @type {number} - */ - public fpsMin: number; - /** - * Maximal fps. - * @type {number} - */ - public fpsMax: number; - /** - * Minimum duration between 2 frames. - * @type {number} - */ - public msMin: number; - /** - * Maximum duration between 2 frames. - * @type {number} - */ - public msMax: number; - /** - * How many frames in last second. - * @type {number} - */ - public frames: number; - /** - * Time of last second. - * @type {number} - */ - private _timeLastSecond; - /** - * Update clock and calculate the fps. - * This is called automatically by Game._raf - * @method update - * @param {number} raf The current timestamp, either performance.now or Date.now - */ - public update(raf: number): void; - private gamePaused(); - private gameResumed(); - public pauseDuration: number; - private _pauseStarted; - /** - * How long has passed since given time. - * @method elapsedSince - * @param {number} since The time you want to measure. - * @return {number} Duration between given time and now. - */ - public elapsedSince(since: number): number; - /** - * How long has passed since the given time (in seconds). - * @method elapsedSecondsSince - * @param {number} since The time you want to measure (in seconds). - * @return {number} Duration between given time and now (in seconds). - */ - public elapsedSecondsSince(since: number): number; - /** - * Set the start time to now. - * @method reset - */ - public reset(): void; - } -} -/** -* Phaser - TweenManager -* -* The Game has a single instance of the TweenManager through which all Tween objects are created and updated. -* Tweens are hooked into the game clock and pause system, adjusting based on the game state. -* TweenManager is based heavily on tween.js by sole (http://soledadpenades.com). -* I converted it to TypeScript, swapped the callbacks for signals and patched a few issues with regard -* to properties and completion errors. Please see https://github.com/sole/tween.js for a full list of contributors. -*/ -module Phaser { - class TweenManager { - /** - * TweenManager constructor - * @param game {Game} A reference to the current Game. - */ - constructor(game: Game); - /** - * Local reference to Game - */ - public game: Game; - /** - * Local private array which is the container of all tween objects. - */ - private _tweens; - /** - * Get all the tween objects in an array. - * @return {Phaser.Tween[]} Array with all tween objects. - */ - public getAll(): Tween[]; - /** - * Remove all tween objects. - */ - public removeAll(): void; - /** - * Create a tween object for a specific object. The object can be any JavaScript object or Phaser object such as Sprite. - * - * @param obj {object} Object the tween will be run on. - * @param [localReference] {bool} If true the tween will be stored in the object.tween property so long as it exists. If already set it'll be over-written. - * @return {Phaser.Tween} The newly created tween object. - */ - public create(object, localReference?: bool): Tween; - /** - * Add a new tween into the TweenManager. - * - * @param tween {Phaser.Tween} The tween object you want to add. - * @return {Phaser.Tween} The tween object you added to the manager. - */ - public add(tween: Tween): Tween; - /** - * Remove a tween from this manager. - * - * @param tween {Phaser.Tween} The tween object you want to remove. - */ - public remove(tween: Tween): void; - /** - * Update all the tween objects you added to this manager. - * - * @return {boolean} Return false if there's no tween to update, otherwise return true. - */ - public update(): bool; - public pauseAll(): bool; - public resumeAll(): bool; - } -} -/** -* Phaser - Physics Manager -* -* Eventually this will handle switching between the default ArcadePhysics manager or the new AdvancedPhysics manager. -* For now we direct everything through ArcadePhysics. -*/ -module Phaser.Physics { - class Manager { - constructor(game: Game); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Instance of the ArcadePhysics manager. - */ - public arcade: ArcadePhysics; - public gravity: Vec2; - public bounds: Rectangle; - /** - * Called by the main Game.loop - */ - public update(): void; - } -} -/** -* Phaser - World -* -* "This world is but a canvas to our imagination." - Henry David Thoreau -* -* A game has only one world. The world is an abstract place in which all game objects live. It is not bound -* by stage limits and can be any size or dimension. You look into the world via cameras and all game objects -* live within the world at world-based coordinates. By default a world is created the same size as your Stage. -*/ -module Phaser { - class World { - /** - * World constructor - * Create a new World with specific width and height. - * - * @param width {number} Width of the world bound. - * @param height {number} Height of the world bound. - */ - constructor(game: Game, width: number, height: number); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Camera manager of this world. - * @type {CameraManager} - */ - public cameras: CameraManager; - /** - * Object container stores every object created with `create*` methods. - * @type {Group} - */ - public group: Group; - /** - * Bound of this world that objects can not escape from. - * @type {Rectangle} - */ - public bounds: Rectangle; - /** - * The Gravity of the World (defaults to 0,0, or no gravity at all) - * @type {Vec2} - */ - public gravity: Vec2; - /** - * Object container stores every object created with `create*` methods. - * @type {Group} - */ - private _groupCounter; - public getNextGroupID(): number; - /** - * Called once by Game during the boot process. - */ - public boot(): void; - /** - * This is called automatically every frame, and is where main logic happens. - */ - public update(): void; - /** - * This is called automatically every frame, and is where main logic happens. - */ - public postUpdate(): void; - /** - * Clean up memory. - */ - public destroy(): void; - /** - * Updates the size of this world. - * - * @param width {number} New width of the world. - * @param height {number} New height of the world. - * @param [updateCameraBounds] {boolean} Update camera bounds automatically or not. Default to true. - */ - public setSize(width: number, height: number, updateCameraBounds?: bool): void; - public width : number; - public height : number; - public centerX : number; - public centerY : number; - public randomX : number; - public randomY : number; - /** - * Get all the cameras. - * - * @returns {array} An array contains all the cameras. - */ - public getAllCameras(): Camera[]; - } -} -/** -* Phaser - Device -* -* Detects device support capabilities. Using some elements from System.js by MrDoob and Modernizr -* https://github.com/Modernizr/Modernizr/blob/master/feature-detects/audio.js -*/ -module Phaser { - class Device { - /** - * Device constructor - */ - constructor(); - /** - * An optional 'fix' for the horrendous Android stock browser bug - * https://code.google.com/p/android/issues/detail?id=39247 - * @type {boolean} - */ - public patchAndroidClearRectBug: bool; - /** - * Is running desktop? - * @type {boolean} - */ - public desktop: bool; - /** - * Is running on iOS? - * @type {boolean} - */ - public iOS: bool; - /** - * Is running on android? - * @type {boolean} - */ - public android: bool; - /** - * Is running on chromeOS? - * @type {boolean} - */ - public chromeOS: bool; - /** - * Is running on linux? - * @type {boolean} - */ - public linux: bool; - /** - * Is running on maxOS? - * @type {boolean} - */ - public macOS: bool; - /** - * Is running on windows? - * @type {boolean} - */ - public windows: bool; - /** - * Is canvas available? - * @type {boolean} - */ - public canvas: bool; - /** - * Is file available? - * @type {boolean} - */ - public file: bool; - /** - * Is fileSystem available? - * @type {boolean} - */ - public fileSystem: bool; - /** - * Is localStorage available? - * @type {boolean} - */ - public localStorage: bool; - /** - * Is webGL available? - * @type {boolean} - */ - public webGL: bool; - /** - * Is worker available? - * @type {boolean} - */ - public worker: bool; - /** - * Is touch available? - * @type {boolean} - */ - public touch: bool; - /** - * Is mspointer available? - * @type {boolean} - */ - public mspointer: bool; - /** - * Is css3D available? - * @type {boolean} - */ - public css3D: bool; - /** - * Is running in arora? - * @type {boolean} - */ - public arora: bool; - /** - * Is running in chrome? - * @type {boolean} - */ - public chrome: bool; - /** - * Is running in epiphany? - * @type {boolean} - */ - public epiphany: bool; - /** - * Is running in firefox? - * @type {boolean} - */ - public firefox: bool; - /** - * Is running in ie? - * @type {boolean} - */ - public ie: bool; - /** - * Version of ie? - * @type Number - */ - public ieVersion: number; - /** - * Is running in mobileSafari? - * @type {boolean} - */ - public mobileSafari: bool; - /** - * Is running in midori? - * @type {boolean} - */ - public midori: bool; - /** - * Is running in opera? - * @type {boolean} - */ - public opera: bool; - /** - * Is running in safari? - * @type {boolean} - */ - public safari: bool; - public webApp: bool; - /** - * Are Audio tags available? - * @type {boolean} - */ - public audioData: bool; - /** - * Is the WebAudio API available? - * @type {boolean} - */ - public webAudio: bool; - /** - * Can this device play ogg files? - * @type {boolean} - */ - public ogg: bool; - /** - * Can this device play opus files? - * @type {boolean} - */ - public opus: bool; - /** - * Can this device play mp3 files? - * @type {boolean} - */ - public mp3: bool; - /** - * Can this device play wav files? - * @type {boolean} - */ - public wav: bool; - /** - * Can this device play m4a files? - * @type {boolean} - */ - public m4a: bool; - /** - * Can this device play webm files? - * @type {boolean} - */ - public webm: bool; - /** - * Is running on iPhone? - * @type {boolean} - */ - public iPhone: bool; - /** - * Is running on iPhone4? - * @type {boolean} - */ - public iPhone4: bool; - /** - * Is running on iPad? - * @type {boolean} - */ - public iPad: bool; - /** - * PixelRatio of the host device? - * @type Number - */ - public pixelRatio: number; - /** - * Check which OS is game running on. - * @private - */ - private _checkOS(); - /** - * Check HTML5 features of the host environment. - * @private - */ - private _checkFeatures(); - /** - * Check what browser is game running in. - * @private - */ - private _checkBrowser(); - public canPlayAudio(type: string): bool; - /** - * Check audio support. - * @private - */ - private _checkAudio(); - /** - * Check PixelRatio of devices. - * @private - */ - private _checkDevice(); - /** - * Check whether the host environment support 3D CSS. - * @private - */ - private _checkCSS3D(); - public isConsoleOpen(): bool; - /** - * Get all informations of host device. - * @return {string} Informations in a string. - */ - public getAll(): string; - } -} -/** -* Phaser - RequestAnimationFrame -* -* Abstracts away the use of RAF or setTimeOut for the core game update loop. The callback can be re-mapped on the fly. -*/ -module Phaser { - class RequestAnimationFrame { - /** - * Constructor - * @param {Any} callback - * @return {RequestAnimationFrame} This object. - */ - constructor(game: Game, callback); - /** - * Local reference to Game. - */ - public game: Game; - /** - * The function to be called each frame. Will be called in the context of _game - * @property callback - * @type Any - **/ - public callback; - /** - * - * @property _timeOutID - * @type Any - * @private - **/ - private _timeOutID; - /** - * - * @property _isSetTimeOut - * @type Boolean - * @private - **/ - private _isSetTimeOut; - /** - * - * @method usingSetTimeOut - * @return Boolean - **/ - public isUsingSetTimeOut(): bool; - /** - * - * @method usingRAF - * @return Boolean - **/ - public isUsingRAF(): bool; - /** - * - * @property isRunning - * @type Boolean - **/ - public isRunning: bool; - /** - * A reference to the RAF/setTimeout to avoid constant anonymous function creation - */ - public _onLoop; - /** - * Starts the requestAnimatioFrame running or setTimeout if unavailable in browser - * @method start - * @param {Any} [callback] - **/ - public start(callback?): void; - /** - * Stops the requestAnimationFrame from running - * @method stop - **/ - public stop(): void; - /** - * The update method for the requestAnimationFrame - * @method RAFUpdate - **/ - public RAFUpdate(time: number): void; - /** - * The update method for the setTimeout - * @method SetTimeoutUpdate - **/ - public SetTimeoutUpdate(): void; - } -} -/** -* Phaser - PointUtils -* -* A collection of methods useful for manipulating and comparing Point objects. -* -* TODO: interpolate & polar -*/ -module Phaser { - class PointUtils { - /** - * Adds the coordinates of two points together to create a new point. - * @method add - * @param {Point} a - The first Point object. - * @param {Point} b - The second Point object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - static add(a: Point, b: Point, out?: Point): Point; - /** - * Subtracts the coordinates of two points to create a new point. - * @method subtract - * @param {Point} a - The first Point object. - * @param {Point} b - The second Point object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - static subtract(a: Point, b: Point, out?: Point): Point; - /** - * Multiplies the coordinates of two points to create a new point. - * @method subtract - * @param {Point} a - The first Point object. - * @param {Point} b - The second Point object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - static multiply(a: Point, b: Point, out?: Point): Point; - /** - * Divides the coordinates of two points to create a new point. - * @method subtract - * @param {Point} a - The first Point object. - * @param {Point} b - The second Point object. - * @param {Point} out - Optional Point to store the value in, if not supplied a new Point object will be created. - * @return {Point} The new Point object. - **/ - static divide(a: Point, b: Point, out?: Point): Point; - /** - * Clamps the Point object values to be between the given min and max - * @method clamp - * @param {Point} a - The point. - * @param {number} The minimum value to clamp this Point to - * @param {number} The maximum value to clamp this Point to - * @return {Point} This Point object. - **/ - static clamp(a: Point, min: number, max: number): Point; - /** - * Clamps the x value of the given Point object to be between the min and max values. - * @method clampX - * @param {Point} a - The point. - * @param {number} The minimum value to clamp this Point to - * @param {number} The maximum value to clamp this Point to - * @return {Point} This Point object. - **/ - static clampX(a: Point, min: number, max: number): Point; - /** - * Clamps the y value of the given Point object to be between the min and max values. - * @method clampY - * @param {Point} a - The point. - * @param {number} The minimum value to clamp this Point to - * @param {number} The maximum value to clamp this Point to - * @return {Point} This Point object. - **/ - static clampY(a: Point, min: number, max: number): Point; - /** - * Creates a copy of the given Point. - * @method clone - * @param {Point} output Optional Point object. If given the values will be set into this object, otherwise a brand new Point object will be created and returned. - * @return {Point} The new Point object. - **/ - static clone(a: Point, output?: Point): Point; - /** - * Returns the distance between the two given Point objects. - * @method distanceBetween - * @param {Point} a - The first Point object. - * @param {Point} b - The second Point object. - * @param {Boolean} round - Round the distance to the nearest integer (default false) - * @return {Number} The distance between the two Point objects. - **/ - static distanceBetween(a: Point, b: Point, round?: bool): number; - /** - * Determines whether the two given Point objects are equal. They are considered equal if they have the same x and y values. - * @method equals - * @param {Point} a - The first Point object. - * @param {Point} b - The second Point object. - * @return {Boolean} A value of true if the Points are equal, otherwise false. - **/ - static equals(a: Point, b: Point): bool; - /** - * Rotates a Point around the x/y coordinates given to the desired angle. - * @param a {Point} The Point object to rotate. - * @param x {number} The x coordinate of the anchor point - * @param y {number} The y coordinate of the anchor point - * @param {Number} angle The angle in radians (unless asDegrees is true) to rotate the Point to. - * @param {Boolean} asDegrees Is the given rotation in radians (false) or degrees (true)? - * @param {Number} distance An optional distance constraint between the Point and the anchor. - * @return The modified point object - */ - static rotate(a: Point, x: number, y: number, angle: number, asDegrees?: bool, distance?: number): Point; - /** - * Rotates a Point around the given Point to the desired angle. - * @param a {Point} The Point object to rotate. - * @param b {Point} The Point object to serve as point of rotation. - * @param x {number} The x coordinate of the anchor point - * @param y {number} The y coordinate of the anchor point - * @param {Number} angle The angle in radians (unless asDegrees is true) to rotate the Point to. - * @param {Boolean} asDegrees Is the given rotation in radians (false) or degrees (true)? - * @param {Number} distance An optional distance constraint between the Point and the anchor. - * @return The modified point object - */ - static rotateAroundPoint(a: Point, b: Point, angle: number, asDegrees?: bool, distance?: number): Point; - } -} -/** -* Phaser - Pointer -* -* A Pointer object is used by the Touch and MSPoint managers and represents a single finger on the touch screen. -*/ -module Phaser { - class Pointer { - /** - * Constructor - * @param {Phaser.Game} game. - * @return {Phaser.Pointer} This object. - */ - constructor(game: Game, id: number); - private _highestRenderOrderID; - private _highestRenderObject; - private _highestInputPriorityID; - /** - * Local reference to Game. - * @property game - * @type {Phaser.Game} - * @private - **/ - public game: Game; - /** - * Local private variable to store the status of dispatching a hold event - * @property _holdSent - * @type {Boolean} - * @private - */ - private _holdSent; - /** - * Local private variable storing the short-term history of pointer movements - * @property _history - * @type {Array} - * @private - */ - private _history; - /** - * Local private variable storing the time at which the next history drop should occur - * @property _lastDrop - * @type {Number} - * @private - */ - private _nextDrop; - private _stateReset; - /** - * The Pointer ID (a number between 1 and 10, 0 is reserved for the mouse pointer specifically) - * @property id - * @type {Number} - */ - public id: number; - /** - * An identification number for each touch point. - * When a touch point becomes active, it is assigned an identifier that is distinct from any other active touch point. - * While the touch point remains active, all events that refer to it are assigned the same identifier. - * @property identifier - * @type {Number} - */ - public identifier: number; - /** - * Is this Pointer active or not? An active Pointer is one that is in contact with the touch screen. - * @property active - * @type {Boolean} - */ - public active: bool; - /** - * A Vector object containing the initial position when the Pointer was engaged with the screen. - * @property positionDown - * @type {Vec2} - **/ - public positionDown: Vec2; - /** - * A Vector object containing the current position of the Pointer on the screen. - * @property position - * @type {Vec2} - **/ - public position: Vec2; - /** - * A Circle object centered on the x/y screen coordinates of the Pointer. - * Default size of 44px (Apple's recommended "finger tip" size) - * @property circle - * @type {Circle} - **/ - public circle: Circle; - /** - * - * @property withinGame - * @type {Boolean} - */ - public withinGame: bool; - /** - * If this Pointer is a mouse the button property holds the value of which mouse button was pressed down - * @property button - * @type {Number} - */ - public button: number; - /** - * The horizontal coordinate of point relative to the viewport in pixels, excluding any scroll offset - * @property clientX - * @type {Number} - */ - public clientX: number; - /** - * The vertical coordinate of point relative to the viewport in pixels, excluding any scroll offset - * @property clientY - * @type {Number} - */ - public clientY: number; - /** - * The horizontal coordinate of point relative to the viewport in pixels, including any scroll offset - * @property pageX - * @type {Number} - */ - public pageX: number; - /** - * The vertical coordinate of point relative to the viewport in pixels, including any scroll offset - * @property pageY - * @type {Number} - */ - public pageY: number; - /** - * The horizontal coordinate of point relative to the screen in pixels - * @property screenX - * @type {Number} - */ - public screenX: number; - /** - * The vertical coordinate of point relative to the screen in pixels - * @property screenY - * @type {Number} - */ - public screenY: number; - /** - * The horizontal coordinate of point relative to the game element. This value is automatically scaled based on game size. - * @property x - * @type {Number} - */ - public x: number; - /** - * The vertical coordinate of point relative to the game element. This value is automatically scaled based on game size. - * @property y - * @type {Number} - */ - public y: number; - /** - * The Element on which the touch point started when it was first placed on the surface, even if the touch point has since moved outside the interactive area of that element. - * @property target - * @type {Any} - */ - public target; - /** - * If the Pointer is a mouse this is true, otherwise false - * @property isMouse - * @type {Boolean} - **/ - public isMouse: bool; - /** - * If the Pointer is touching the touchscreen, or the mouse button is held down, isDown is set to true - * @property isDown - * @type {Boolean} - **/ - public isDown: bool; - /** - * If the Pointer is not touching the touchscreen, or the mouse button is up, isUp is set to true - * @property isUp - * @type {Boolean} - **/ - public isUp: bool; - /** - * A timestamp representing when the Pointer first touched the touchscreen. - * @property timeDown - * @type {Number} - **/ - public timeDown: number; - /** - * A timestamp representing when the Pointer left the touchscreen. - * @property timeUp - * @type {Number} - **/ - public timeUp: number; - /** - * A timestamp representing when the Pointer was last tapped or clicked - * @property previousTapTime - * @type {Number} - **/ - public previousTapTime: number; - /** - * The total number of times this Pointer has been touched to the touchscreen - * @property totalTouches - * @type {Number} - **/ - public totalTouches: number; - /** - * The number of miliseconds since the last click - * @property msSinceLastClick - * @type {Number} - **/ - public msSinceLastClick: number; - /** - * How long the Pointer has been depressed on the touchscreen. If not currently down it returns -1. - * @property duration - * @type {Number} - **/ - public duration : number; - /** - * The Game Object this Pointer is currently over / touching / dragging. - * @property targetObject - * @type {Any} - **/ - public targetObject; - /** - * The top-most Camera that this Pointer is over (if any, null if none). - * If the Pointer is over several cameras that are stacked on-top of each other this is only ever set to the top-most rendered camera. - * @property camera - * @type {Phaser.Camera} - **/ - public camera: Camera; - /** - * Gets the X value of this Pointer in world coordinates based on the given camera. - * @param {Camera} [camera] - */ - public worldX : number; - /** - * Gets the Y value of this Pointer in world coordinates based on the given camera. - * @param {Camera} [camera] - */ - public worldY : number; - /** - * Called when the Pointer is pressed onto the touchscreen - * @method start - * @param {Any} event - */ - public start(event): Pointer; - public update(): void; - /** - * Called when the Pointer is moved on the touchscreen - * @method move - * @param {Any} event - */ - public move(event): Pointer; - /** - * Called when the Pointer leaves the target area - * @method leave - * @param {Any} event - */ - public leave(event): void; - /** - * Called when the Pointer leaves the touchscreen - * @method stop - * @param {Any} event - */ - public stop(event): Pointer; - /** - * The Pointer is considered justPressed if the time it was pressed onto the touchscreen or clicked is less than justPressedRate - * @method justPressed - * @param {Number} [duration]. - * @return {Boolean} - */ - public justPressed(duration?: number): bool; - /** - * The Pointer is considered justReleased if the time it left the touchscreen is less than justReleasedRate - * @method justReleased - * @param {Number} [duration]. - * @return {Boolean} - */ - public justReleased(duration?: number): bool; - /** - * Resets the Pointer properties. Called by InputManager.reset when you perform a State change. - * @method reset - */ - public reset(): void; - /** - * Returns a string representation of this object. - * @method toString - * @return {String} a string representation of the instance. - **/ - public toString(): string; - } -} -/** -* Phaser - MSPointer -* -* The MSPointer class handles touch interactions with the game and the resulting Pointer objects. -* It will work only in Internet Explorer 10 and Windows Store or Windows Phone 8 apps using JavaScript. -* http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx -*/ -module Phaser { - class MSPointer { - /** - * Constructor - * @param {Game} game. - * @return {MSPointer} This object. - */ - constructor(game: Game); - /** - * Local reference to game. - * @property game - * @type Game - **/ - public game: Game; - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - public disabled: bool; - /** - * A reference to the event handlers to allow removeEventListener support - */ - public _onMSPointerDown; - public _onMSPointerMove; - public _onMSPointerUp; - /** - * Starts the event listeners running - * @method start - */ - public start(): void; - /** - * - * @method onPointerDown - * @param {Any} event - **/ - private onPointerDown(event); - /** - * - * @method onPointerMove - * @param {Any} event - **/ - private onPointerMove(event); - /** - * - * @method onPointerUp - * @param {Any} event - **/ - private onPointerUp(event); - /** - * Stop the event listeners - * @method stop - */ - public stop(): void; - } -} -/** -* Phaser - Gestures -* -* The Gesture class monitors for gestures and dispatches the resulting signals when they occur. -* Note: Android 2.x only supports 1 touch event at once, no multi-touch -*/ -module Phaser { - class Gestures { - /** - * Constructor - * @param {Game} game. - * @return {Touch} This object. - */ - constructor(game: Game); - /** - * Local reference to Game. - * @property _game - * @type {Game} - * @private - **/ - public game: Game; - private _p1; - private _p2; - private _p3; - private _p4; - private _p5; - private _p6; - private _p7; - private _p8; - private _p9; - private _p10; - public start(): void; - } -} -/** -* Phaser - Mouse -* -* The Mouse class handles mouse interactions with the game and the resulting events. -*/ -module Phaser { - class Mouse { - constructor(game: Game); - /** - * Local reference to game. - * @property game - * @type {Phaser.Game} - **/ - public game: Game; - static LEFT_BUTTON: number; - static MIDDLE_BUTTON: number; - static RIGHT_BUTTON: number; - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - public disabled: bool; - /** - * Custom callback useful for hooking into a 3rd party library. Will be passed the mouse event as the only parameter. - * Callbacks are fired even if this component is disabled and before the event propagation is disabled. - */ - public callbackContext; - public mouseDownCallback; - public mouseMoveCallback; - public mouseUpCallback; - /** - * A reference to the event handlers to allow removeEventListener support - */ - public _onMouseDown; - public _onMouseMove; - public _onMouseUp; - /** - * Starts the event listeners running - * @method start - */ - public start(): void; - /** - * @param {MouseEvent} event - */ - public onMouseDown(event: MouseEvent): void; - /** - * @param {MouseEvent} event - */ - public onMouseMove(event: MouseEvent): void; - /** - * @param {MouseEvent} event - */ - public onMouseUp(event: MouseEvent): void; - /** - * Stop the event listeners - * @method stop - */ - public stop(): void; - } -} -/** -* Phaser - Keyboard -* -* The Keyboard class handles keyboard interactions with the game and the resulting events. -* The avoid stealing all browser input we don't use event.preventDefault. If you would like to trap a specific key however -* then use the addKeyCapture() method. -*/ -module Phaser { - class Keyboard { - constructor(game: Game); - /** - * Local reference to game. - * @property game - * @type {Phaser.Game} - **/ - public game: Game; - private _keys; - private _capture; - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - public disabled: bool; - /** - * A reference to the event handlers to allow removeEventListener support - */ - public _onKeyDown; - public _onKeyUp; - public start(): void; - public stop(): void; - /** - * By default when a key is pressed Phaser will not stop the event from propagating up to the browser. - * There are some keys this can be annoying for, like the arrow keys or space bar, which make the browser window scroll. - * You can use addKeyCapture to consume the keyboard event for specific keys so it doesn't bubble up to the the browser. - * Pass in either a single keycode or an array of keycodes. - * @param {Any} keycode - */ - public addKeyCapture(keycode): void; - /** - * @param {Number} keycode - */ - public removeKeyCapture(keycode: number): void; - public clearCaptures(): void; - /** - * @param {KeyboardEvent} event - */ - public onKeyDown(event: KeyboardEvent): void; - /** - * @param {KeyboardEvent} event - */ - public onKeyUp(event: KeyboardEvent): void; - public reset(): void; - /** - * @param {Number} keycode - * @param {Number} [duration] - * @return {Boolean} - */ - public justPressed(keycode: number, duration?: number): bool; - /** - * @param {Number} keycode - * @param {Number} [duration] - * @return {Boolean} - */ - public justReleased(keycode: number, duration?: number): bool; - /** - * @param {Number} keycode - * @return {Boolean} - */ - public isDown(keycode: number): bool; - static A: number; - static B: number; - static C: number; - static D: number; - static E: number; - static F: number; - static G: number; - static H: number; - static I: number; - static J: number; - static K: number; - static L: number; - static M: number; - static N: number; - static O: number; - static P: number; - static Q: number; - static R: number; - static S: number; - static T: number; - static U: number; - static V: number; - static W: number; - static X: number; - static Y: number; - static Z: number; - static ZERO: number; - static ONE: number; - static TWO: number; - static THREE: number; - static FOUR: number; - static FIVE: number; - static SIX: number; - static SEVEN: number; - static EIGHT: number; - static NINE: number; - static NUMPAD_0: number; - static NUMPAD_1: number; - static NUMPAD_2: number; - static NUMPAD_3: number; - static NUMPAD_4: number; - static NUMPAD_5: number; - static NUMPAD_6: number; - static NUMPAD_7: number; - static NUMPAD_8: number; - static NUMPAD_9: number; - static NUMPAD_MULTIPLY: number; - static NUMPAD_ADD: number; - static NUMPAD_ENTER: number; - static NUMPAD_SUBTRACT: number; - static NUMPAD_DECIMAL: number; - static NUMPAD_DIVIDE: number; - static F1: number; - static F2: number; - static F3: number; - static F4: number; - static F5: number; - static F6: number; - static F7: number; - static F8: number; - static F9: number; - static F10: number; - static F11: number; - static F12: number; - static F13: number; - static F14: number; - static F15: number; - static COLON: number; - static EQUALS: number; - static UNDERSCORE: number; - static QUESTION_MARK: number; - static TILDE: number; - static OPEN_BRACKET: number; - static BACKWARD_SLASH: number; - static CLOSED_BRACKET: number; - static QUOTES: number; - static BACKSPACE: number; - static TAB: number; - static CLEAR: number; - static ENTER: number; - static SHIFT: number; - static CONTROL: number; - static ALT: number; - static CAPS_LOCK: number; - static ESC: number; - static SPACEBAR: number; - static PAGE_UP: number; - static PAGE_DOWN: number; - static END: number; - static HOME: number; - static LEFT: number; - static UP: number; - static RIGHT: number; - static DOWN: number; - static INSERT: number; - static DELETE: number; - static HELP: number; - static NUM_LOCK: number; - } -} -/** -* Phaser - Touch -* -* The Touch class handles touch interactions with the game and the resulting Pointer objects. -* http://www.w3.org/TR/touch-events/ -* https://developer.mozilla.org/en-US/docs/DOM/TouchList -* http://www.html5rocks.com/en/mobile/touchandmouse/ -* Note: Android 2.x only supports 1 touch event at once, no multi-touch -*/ -module Phaser { - class Touch { - /** - * Constructor - * @param {Game} game. - * @return {Touch} This object. - */ - constructor(game: Game); - /** - * Local reference to game. - * @property game - * @type {Phaser.Game} - **/ - public game: Game; - /** - * You can disable all Input by setting disabled = true. While set all new input related events will be ignored. - * @type {Boolean} - */ - public disabled: bool; - /** - * Custom callback useful for hooking into a 3rd party library. Will be passed the touch event as the only parameter. - * Callbacks are fired even if this component is disabled and before the event propogation is disabled. - */ - public callbackContext; - public touchStartCallback; - public touchMoveCallback; - public touchEndCallback; - public touchEnterCallback; - public touchLeaveCallback; - public touchCancelCallback; - /** - * A reference to the event handlers to allow removeEventListener support - */ - public _onTouchStart; - public _onTouchMove; - public _onTouchEnd; - public _onTouchEnter; - public _onTouchLeave; - public _onTouchCancel; - public _documentTouchMove; - /** - * Starts the event listeners running - * @method start - */ - public start(): void; - /** - * Prevent iOS bounce-back (doesn't work?) - * @method consumeTouchMove - * @param {Any} event - **/ - private consumeTouchMove(event); - /** - * - * @method onTouchStart - * @param {Any} event - **/ - private onTouchStart(event); - /** - * Touch cancel - touches that were disrupted (perhaps by moving into a plugin or browser chrome) - * Occurs for example on iOS when you put down 4 fingers and the app selector UI appears - * @method onTouchCancel - * @param {Any} event - **/ - private onTouchCancel(event); - /** - * For touch enter and leave its a list of the touch points that have entered or left the target - * Doesn't appear to be supported by most browsers yet - * @method onTouchEnter - * @param {Any} event - **/ - private onTouchEnter(event); - /** - * For touch enter and leave its a list of the touch points that have entered or left the target - * Doesn't appear to be supported by most browsers yet - * @method onTouchLeave - * @param {Any} event - **/ - private onTouchLeave(event); - /** - * - * @method onTouchMove - * @param {Any} event - **/ - private onTouchMove(event); - /** - * - * @method onTouchEnd - * @param {Any} event - **/ - private onTouchEnd(event); - /** - * Stop the event listeners - * @method stop - */ - public stop(): void; - } -} -/** -* Phaser - InputManager -* -* A game specific Input manager that looks after the mouse, keyboard and touch objects. -* This is updated by the core game loop. -*/ -module Phaser { - class InputManager { - constructor(game: Game); - /** - * Local reference to game. - */ - public game: Game; - /** - * How often should the input pointers be checked for updates? - * A value of 0 means every single frame (60fps), a value of 1 means every other frame (30fps) and so on. - * @type {number} - */ - public pollRate: number; - private _pollCounter; - /** - * A 1x1 sized canvas used for pixel-perfect checks - * @type {HTMLCanvasElement} - */ - public hitCanvas: HTMLCanvasElement; - /** - * The context of the 1x1 pixel check canvas - * @type {CanvasRenderingContext2D} - */ - public hitContext: CanvasRenderingContext2D; - /** - * A vector object representing the previous position of the Pointer. - * @property vector - * @type {Vec2} - **/ - private _oldPosition; - /** - * X coordinate of the most recent Pointer event - * @type {Number} - * @private - */ - private _x; - /** - * X coordinate of the most recent Pointer event - * @type {Number} - * @private - */ - private _y; - /** - * You can disable all Input by setting Input.disabled = true. While set all new input related events will be ignored. - * If you need to disable just one type of input, for example mouse, use Input.mouse.disabled = true instead - * @type {Boolean} - */ - public disabled: bool; - /** - * Controls the expected behaviour when using a mouse and touch together on a multi-input device - */ - public multiInputOverride: number; - /** - * Static defining the behaviour expected on a multi-input device system. - * With this setting when the mouse is used it updates the Input.x/y globals regardless if another pointer is active or not - */ - static MOUSE_OVERRIDES_TOUCH: number; - /** - * Static defining the behaviour expected on a multi-input device system. - * With this setting when the mouse is used it only updates the Input.x/y globals if no other pointer is active - */ - static TOUCH_OVERRIDES_MOUSE: number; - /** - * Static defining the behaviour expected on a multi-input device system. - * With this setting when the mouse is used it updates the Input.x/y globals at the same time as any active Pointer objects might - */ - static MOUSE_TOUCH_COMBINE: number; - /** - * The camera being used for mouse and touch based pointers to calculate their world coordinates. - * This is only ever the camera set by the most recently active Pointer. - * If you need to know exactly which camera a specific Pointer is over then see Pointer.camera instead. - * @property camera - * @type {Camera} - **/ - public camera : Camera; - /** - * Phaser.Mouse handler - * @type {Mouse} - */ - public mouse: Mouse; - /** - * Phaser.Keyboard handler - * @type {Keyboard} - */ - public keyboard: Keyboard; - /** - * Phaser.Touch handler - * @type {Touch} - */ - public touch: Touch; - /** - * Phaser.MSPointer handler - * @type {MSPointer} - */ - public mspointer: MSPointer; - /** - * Phaser.Gestures handler - * @type {Gestures} - */ - public gestures: Gestures; - /** - * A vector object representing the current position of the Pointer. - * @property vector - * @type {Vec2} - **/ - public position: Vec2; - /** - * A vector object representing the speed of the Pointer. Only really useful in single Pointer games, - * otherwise see the Pointer objects directly. - * @property vector - * @type {Vec2} - **/ - public speed: Vec2; - /** - * A Circle object centered on the x/y screen coordinates of the Input. - * Default size of 44px (Apples recommended "finger tip" size) but can be changed to anything - * @property circle - * @type {Circle} - **/ - public circle: Circle; - /** - * The scale by which all input coordinates are multiplied, calculated by the StageScaleMode. - * In an un-scaled game the values will be x: 1 and y: 1. - * @type {Vec2} - */ - public scale: Vec2; - /** - * The maximum number of Pointers allowed to be active at any one time. - * For lots of games it's useful to set this to 1 - * @type {Number} - */ - public maxPointers: number; - /** - * The current number of active Pointers. - * @type {Number} - */ - public currentPointers: number; - /** - * A Signal dispatched when a mouse/Pointer object is pressed - * @type {Phaser.Signal} - */ - public onDown: Signal; - /** - * A Signal dispatched when a mouse/Pointer object is released - * @type {Phaser.Signal} - */ - public onUp: Signal; - /** - * A Signal dispatched when a Pointer object (including the mouse) is tapped: pressed and released quickly. - * The signal sends 2 parameters. The Pointer that caused it and a boolean depending if the tap was a single tap or a double tap. - * @type {Phaser.Signal} - */ - public onTap: Signal; - /** - * A Signal dispatched when a Pointer object (including the mouse) is held down - * @type {Phaser.Signal} - */ - public onHold: Signal; - /** - * The number of milliseconds that the Pointer has to be pressed down and then released to be considered a tap or click - * @property tapRate - * @type {Number} - **/ - public tapRate: number; - /** - * The number of milliseconds between taps of the same Pointer for it to be considered a double tap / click - * @property doubleTapRate - * @type {Number} - **/ - public doubleTapRate: number; - /** - * The number of milliseconds that the Pointer has to be pressed down for it to fire a onHold event - * @property holdRate - * @type {Number} - **/ - public holdRate: number; - /** - * The number of milliseconds below which the Pointer is considered justPressed - * @property justPressedRate - * @type {Number} - **/ - public justPressedRate: number; - /** - * The number of milliseconds below which the Pointer is considered justReleased - * @property justReleasedRate - * @type {Number} - **/ - public justReleasedRate: number; - /** - * Sets if the Pointer objects should record a history of x/y coordinates they have passed through. - * The history is cleared each time the Pointer is pressed down. - * The history is updated at the rate specified in Input.pollRate - * @property recordPointerHistory - * @type {Boolean} - **/ - public recordPointerHistory: bool; - /** - * The rate in milliseconds at which the Pointer objects should update their tracking history - * @property recordRate - * @type {Number} - */ - public recordRate: number; - /** - * The total number of entries that can be recorded into the Pointer objects tracking history. - * If the Pointer is tracking one event every 100ms, then a trackLimit of 100 would store the last 10 seconds worth of history. - * @property recordLimit - * @type {Number} - */ - public recordLimit: number; - /** - * A Pointer object specifically used by the Mouse - * @property mousePointer - * @type {Pointer} - **/ - public mousePointer: Pointer; - /** - * A Pointer object - * @property pointer1 - * @type {Pointer} - **/ - public pointer1: Pointer; - /** - * A Pointer object - * @property pointer2 - * @type {Pointer} - **/ - public pointer2: Pointer; - /** - * A Pointer object - * @property pointer3 - * @type {Pointer} - **/ - public pointer3: Pointer; - /** - * A Pointer object - * @property pointer4 - * @type {Pointer} - **/ - public pointer4: Pointer; - /** - * A Pointer object - * @property pointer5 - * @type {Pointer} - **/ - public pointer5: Pointer; - /** - * A Pointer object - * @property pointer6 - * @type {Pointer} - **/ - public pointer6: Pointer; - /** - * A Pointer object - * @property pointer7 - * @type {Pointer} - **/ - public pointer7: Pointer; - /** - * A Pointer object - * @property pointer8 - * @type {Pointer} - **/ - public pointer8: Pointer; - /** - * A Pointer object - * @property pointer9 - * @type {Pointer} - **/ - public pointer9: Pointer; - /** - * A Pointer object - * @property pointer10 - * @type {Pointer} - **/ - public pointer10: Pointer; - /** - * The most recently active Pointer object. - * When you've limited max pointers to 1 this will accurately be either the first finger touched or mouse. - * @property activePointer - * @type {Pointer} - **/ - public activePointer: Pointer; - public inputObjects: any[]; - public totalTrackedObjects: number; - /** - * The X coordinate of the most recently active pointer. - * This value takes game scaling into account automatically. See Pointer.screenX/clientX for source values. - * @property x - * @type {Number} - **/ - public x : number; - /** - * The Y coordinate of the most recently active pointer. - * This value takes game scaling into account automatically. See Pointer.screenY/clientY for source values. - * @property y - * @type {Number} - **/ - public y : number; - /** - * Add a new Pointer object to the Input Manager. By default Input creates 2 pointer objects for you. If you need more - * use this to create a new one, up to a maximum of 10. - * @method addPointer - * @return {Pointer} A reference to the new Pointer object - **/ - public addPointer(): Pointer; - /** - * Starts the Input Manager running - * @method start - **/ - public boot(): void; - /** - * Adds a new game object to be tracked by the Input Manager. Called by the Sprite.Input component, should not usually be called directly. - * @method addGameObject - **/ - public addGameObject(object): void; - /** - * Removes a game object from the Input Manager. Called by the Sprite.Input component, should not usually be called directly. - * @method removeGameObject - **/ - public removeGameObject(index: number): void; - public pollLocked : bool; - /** - * Updates the Input Manager. Called by the core Game loop. - * @method update - **/ - public update(): void; - /** - * Reset all of the Pointers and Input states - * @method reset - * @param hard {Boolean} A soft reset (hard = false) won't reset any signals that might be bound. A hard reset will. - **/ - public reset(hard?: bool): void; - public resetSpeed(x: number, y: number): void; - /** - * Get the total number of inactive Pointers - * @method totalInactivePointers - * @return {Number} The number of Pointers currently inactive - **/ - public totalInactivePointers : number; - /** - * Recalculates the total number of active Pointers - * @method totalActivePointers - * @return {Number} The number of Pointers currently active - **/ - public totalActivePointers : number; - /** - * Find the first free Pointer object and start it, passing in the event data. - * @method startPointer - * @param {Any} event The event data from the Touch event - * @return {Pointer} The Pointer object that was started or null if no Pointer object is available - **/ - public startPointer(event): Pointer; - /** - * Updates the matching Pointer object, passing in the event data. - * @method updatePointer - * @param {Any} event The event data from the Touch event - * @return {Pointer} The Pointer object that was updated or null if no Pointer object is available - **/ - public updatePointer(event): Pointer; - /** - * Stops the matching Pointer object, passing in the event data. - * @method stopPointer - * @param {Any} event The event data from the Touch event - * @return {Pointer} The Pointer object that was stopped or null if no Pointer object is available - **/ - public stopPointer(event): Pointer; - /** - * Get the next Pointer object whos active property matches the given state - * @method getPointer - * @param {Boolean} state The state the Pointer should be in (false for inactive, true for active) - * @return {Pointer} A Pointer object or null if no Pointer object matches the requested state. - **/ - public getPointer(state?: bool): Pointer; - /** - * Get the Pointer object whos identified property matches the given identifier value - * @method getPointerFromIdentifier - * @param {Number} identifier The Pointer.identifier value to search for - * @return {Pointer} A Pointer object or null if no Pointer object matches the requested identifier. - **/ - public getPointerFromIdentifier(identifier: number): Pointer; - public worldX : number; - public worldY : number; - /** - * Get the distance between two Pointer objects - * @method getDistance - * @param {Pointer} pointer1 - * @param {Pointer} pointer2 - **/ - public getDistance(pointer1: Pointer, pointer2: Pointer): number; - /** - * Get the angle between two Pointer objects - * @method getAngle - * @param {Pointer} pointer1 - * @param {Pointer} pointer2 - **/ - public getAngle(pointer1: Pointer, pointer2: Pointer): number; - public pixelPerfectCheck(sprite: Sprite, pointer: Pointer, alpha?: number): bool; - } -} -module Phaser { - interface IRenderer { - render(); - renderCount: number; - renderGameObject; - cameraRenderer; - groupRenderer; - spriteRenderer; - geometryRenderer; - scrollZoneRenderer; - tilemapRenderer; - } -} -module Phaser.Renderer.Headless { - class HeadlessRenderer implements IRenderer { - constructor(game: Game); - public game: Game; - public renderCount: number; - public render(): void; - public renderGameObject(camera, object): void; - public cameraRenderer; - public groupRenderer; - public spriteRenderer; - public geometryRenderer; - public scrollZoneRenderer; - public tilemapRenderer; - } -} -module Phaser.Renderer.Canvas { - class CameraRenderer { - constructor(game: Game); - /** - * The essential reference to the main game object - */ - public game: Game; - private _ga; - private _sx; - private _sy; - private _sw; - private _sh; - private _dx; - private _dy; - private _dw; - private _dh; - private _fx; - private _fy; - private _tx; - private _ty; - private _gac; - private _sin; - private _cos; - public preRender(camera: Camera): bool; - public postRender(camera: Camera): bool; - } -} -module Phaser.Renderer.Canvas { - class GeometryRenderer { - constructor(game: Game); - /** - * The essential reference to the main game object - */ - public game: Game; - private _ga; - private _sx; - private _sy; - private _sw; - private _sh; - private _dx; - private _dy; - private _dw; - private _dh; - private _fx; - private _fy; - private _sin; - private _cos; - public renderCircle(camera: Camera, circle: Circle, context, outline?: bool, fill?: bool, lineColor?: string, fillColor?: string, lineWidth?: number): bool; - } -} -module Phaser.Renderer.Canvas { - class GroupRenderer { - constructor(game: Game); - /** - * The essential reference to the main game object - */ - public game: Game; - private _ga; - private _sx; - private _sy; - private _sw; - private _sh; - private _dx; - private _dy; - private _dw; - private _dh; - private _fx; - private _fy; - private _sin; - private _cos; - public preRender(camera: Camera, group: Group): bool; - public postRender(camera: Camera, group: Group): void; - } -} -module Phaser.Renderer.Canvas { - class ScrollZoneRenderer { - constructor(game: Game); - /** - * The essential reference to the main game object - */ - public game: Game; - private _ga; - private _sx; - private _sy; - private _sw; - private _sh; - private _dx; - private _dy; - private _dw; - private _dh; - private _fx; - private _fy; - private _sin; - private _cos; - /** - * Check whether this object is visible in a specific camera Rectangle. - * @param camera {Rectangle} The Rectangle you want to check. - * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. - */ - public inCamera(camera: Camera, scrollZone: ScrollZone): bool; - public render(camera: Camera, scrollZone: ScrollZone): bool; - } -} -module Phaser.Renderer.Canvas { - class SpriteRenderer { - constructor(game: Game); - /** - * The essential reference to the main game object - */ - public game: Game; - private _ga; - private _sx; - private _sy; - private _sw; - private _sh; - private _dx; - private _dy; - private _dw; - private _dh; - /** - * Check whether this object is visible in a specific camera Rectangle. - * @param camera {Rectangle} The Rectangle you want to check. - * @return {boolean} Return true if bounds of this sprite intersects the given Rectangle, otherwise return false. - */ - public inCamera(camera: Camera, sprite: Sprite): bool; - /** - * Render this sprite to specific camera. Called by game loop after update(). - * @param camera {Camera} Camera this sprite will be rendered to. - * @return {boolean} Return false if not rendered, otherwise return true. - */ - public render(camera: Camera, sprite: Sprite): bool; - } -} -module Phaser.Renderer.Canvas { - class TilemapRenderer { - constructor(game: Game); - /** - * The essential reference to the main game object - */ - public game: Game; - private _ga; - private _dx; - private _dy; - private _dw; - private _dh; - private _tx; - private _ty; - private _tl; - private _maxX; - private _maxY; - private _startX; - private _startY; - private _columnData; - /** - * Render a tilemap to a specific camera. - * @param camera {Camera} The camera this tilemap will be rendered to. - */ - public render(camera: Camera, tilemap: Tilemap): bool; - } -} -module Phaser.Renderer.Canvas { - class CanvasRenderer implements IRenderer { - constructor(game: Game); - public game: Game; - private _c; - private _cameraList; - private _camera; - public cameraRenderer: CameraRenderer; - public groupRenderer: GroupRenderer; - public spriteRenderer: SpriteRenderer; - public geometryRenderer: GeometryRenderer; - public scrollZoneRenderer: ScrollZoneRenderer; - public tilemapRenderer: TilemapRenderer; - public renderCount: number; - public renderTotal: number; - public render(): void; - public renderGameObject(camera, object): void; - } -} -/** -* Phaser - DebugUtils -* -* A collection of methods for displaying debug information about game objects. -*/ -module Phaser { - class DebugUtils { - static game: Game; - /** - * The context to which the render debug info will be drawn. - * Defaults to the Game.Stage.context, but can be redirected anywhere. - * @type {CanvasRenderingContext2D} - */ - static context: CanvasRenderingContext2D; - static currentX: number; - static currentY: number; - static font: string; - static lineHeight: number; - static currentColor: string; - static renderShadow: bool; - static start(x: number, y: number, color?: string): void; - static line(text: string, x?: number, y?: number): void; - static renderSpriteCorners(sprite: Sprite, color?: string): void; - /** - * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - static renderSoundInfo(sound: Sound, x: number, y: number, color?: string): void; - /** - * Render debug infos. (including id, position, rotation, scrolling factor, worldBounds and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - static renderCameraInfo(camera: Camera, x: number, y: number, color?: string): void; - /** - * Renders the Pointer.circle object onto the stage in green if down or red if up. - * @method renderDebug - */ - static renderPointer(pointer: Pointer, hideIfUp?: bool, downColor?: string, upColor?: string, color?: string): void; - /** - * Render Sprite Input Debug information - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - static renderSpriteInputInfo(sprite: Sprite, x: number, y: number, color?: string): void; - /** - * Render debug information about the Input object. - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - static renderInputInfo(x: number, y: number, color?: string): void; - static renderSpriteWorldView(sprite: Sprite, x: number, y: number, color?: string): void; - /** - * Render debug infos. (including name, bounds info, position and some other properties) - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - static renderSpriteInfo(sprite: Sprite, x: number, y: number, color?: string): void; - static renderSpriteBounds(sprite: Sprite, camera?: Camera, color?: string): void; - static renderPixel(x: number, y: number, fillStyle?: string): void; - static renderPoint(point: Point, fillStyle?: string): void; - static renderRectangle(rect: Rectangle, fillStyle?: string): void; - static renderCircle(circle: Circle, fillStyle?: string): void; - /** - * Render text - * @param x {number} X position of the debug info to be rendered. - * @param y {number} Y position of the debug info to be rendered. - * @param [color] {number} color of the debug info to be rendered. (format is css color string) - */ - static renderText(text: string, x: number, y: number, color?: string, font?: string): void; - } -} -/** -* Phaser - Game -* -* This is where the magic happens. The Game object is the heart of your game, -* providing quick access to common functions and handling the boot process. -* -* "Hell, there are no rules here - we're trying to accomplish something." -* Thomas A. Edison -*/ -module Phaser { - class Game { - /** - * Game constructor - * - * Instantiate a new Phaser.Game object. - * - * @param callbackContext Which context will the callbacks be called with. - * @param parent {string} ID of its parent DOM element. - * @param width {number} The width of your game in game pixels. - * @param height {number} The height of your game in game pixels. - * @param preloadCallback {function} Preload callback invoked when init default screen. - * @param createCallback {function} Create callback invoked when create default screen. - * @param updateCallback {function} Update callback invoked when update default screen. - * @param renderCallback {function} Render callback invoked when render default screen. - * @param destroyCallback {function} Destroy callback invoked when state is destroyed. - */ - constructor(callbackContext, parent?: string, width?: number, height?: number, preloadCallback?, createCallback?, updateCallback?, renderCallback?, destroyCallback?); - public id: number; - /** - * Game loop trigger wrapper. - */ - public _raf: RequestAnimationFrame; - /** - * Whether load complete loading or not. - * @type {boolean} - */ - private _loadComplete; - /** - * Game is paused? - * @type {boolean} - */ - private _paused; - /** - * The state to be switched to in the next frame. - * @type {State} - */ - private _pendingState; - /** - * The PluginManager for the Game - * @type {PluginManager} - */ - public plugins: PluginManager; - /** - * The current State object (defaults to null) - * @type {State} - */ - public state; - /** - * Context for calling the callbacks. - */ - public callbackContext; - /** - * This will be called when init states. (loading assets...) - * @type {function} - */ - public onPreloadCallback; - /** - * This will be called when create states. (setup states...) - * @type {function} - */ - public onCreateCallback; - /** - * This will be called when State is updated, this doesn't happen during load (see onLoadUpdateCallback) - * @type {function} - */ - public onUpdateCallback; - /** - * This will be called when the State is rendered, this doesn't happen during load (see onLoadRenderCallback) - * @type {function} - */ - public onRenderCallback; - /** - * This will be called before the State is rendered and before the stage is cleared - * @type {function} - */ - public onPreRenderCallback; - /** - * This will be called when the State is updated but only during the load process - * @type {function} - */ - public onLoadUpdateCallback; - /** - * This will be called when the State is rendered but only during the load process - * @type {function} - */ - public onLoadRenderCallback; - /** - * This will be called when states paused. - * @type {function} - */ - public onPausedCallback; - /** - * This will be called when the state is destroyed (i.e. swapping to a new state) - * @type {function} - */ - public onDestroyCallback; - /** - * This Signal is dispatched whenever the game pauses. - * @type {Phaser.Signal} - */ - public onPause: Signal; - /** - * This Signal is dispatched whenever the game resumes from a paused state. - * @type {Phaser.Signal} - */ - public onResume: Signal; - /** - * Reference to the GameObject Factory. - * @type {GameObjectFactory} - */ - public add: GameObjectFactory; - /** - * Reference to the assets cache. - * @type {Cache} - */ - public cache: Cache; - /** - * Reference to the input manager - * @type {Input} - */ - public input: InputManager; - /** - * Reference to the assets loader. - * @type {Loader} - */ - public load: Loader; - /** - * Reference to the math helper. - * @type {GameMath} - */ - public math: GameMath; - /** - * Reference to the network class. - * @type {Net} - */ - public net: Net; - /** - * Reference to the sound manager. - * @type {SoundManager} - */ - public sound: SoundManager; - /** - * Reference to the stage. - * @type {Stage} - */ - public stage: Stage; - /** - * Reference to game clock. - * @type {Time} - */ - public time: TimeManager; - /** - * Reference to the tween manager. - * @type {TweenManager} - */ - public tweens: TweenManager; - /** - * Reference to the world. - * @type {World} - */ - public world: World; - /** - * Reference to the physics manager. - * @type {Physics.Manager} - */ - public physics: Physics.Manager; - /** - * Instance of repeatable random data generator helper. - * @type {RandomDataGenerator} - */ - public rnd: RandomDataGenerator; - /** - * Contains device information and capabilities. - * @type {Device} - */ - public device: Device; - /** - * Reference to the render manager - * @type {RenderManager} - */ - public renderer: IRenderer; - /** - * Whether the game engine is booted, aka available. - * @type {boolean} - */ - public isBooted: bool; - /** - * Is game running or paused? - * @type {boolean} - */ - public isRunning: bool; - /** - * Initialize engine sub modules and start the game. - * @param parent {string} ID of parent Dom element. - * @param width {number} Width of the game screen. - * @param height {number} Height of the game screen. - */ - private boot(parent, width, height); - /** - * Called when the load has finished after preload was run. - */ - private loadComplete(); - /** - * The bootLoop is called while the game is still booting (waiting for the DOM and resources to be available) - */ - private bootLoop(); - /** - * The pausedLoop is called when the game is paused. - */ - private pausedLoop(); - private emptyCallback(); - /** - * Game loop method will be called when it's running. - */ - private loop(); - /** - * Start current state. - */ - private startState(); - public setRenderer(type: number): void; - /** - * Set the most common state callbacks (init, create, update, render). - * @param preloadCallback {function} Init callback invoked when init state. - * @param createCallback {function} Create callback invoked when create state. - * @param updateCallback {function} Update callback invoked when update state. - * @param renderCallback {function} Render callback invoked when render state. - * @param destroyCallback {function} Destroy callback invoked when state is destroyed. - */ - public setCallbacks(preloadCallback?, createCallback?, updateCallback?, renderCallback?, destroyCallback?): void; - /** - * Switch to a new State. - * @param state {State} The state you want to switch to. - * @param [clearWorld] {boolean} clear everything in the world? (Default to true) - * @param [clearCache] {boolean} clear asset cache? (Default to false and ONLY available when clearWorld=true) - */ - public switchState(state, clearWorld?: bool, clearCache?: bool): void; - /** - * Nuke the entire game from orbit - */ - public destroy(): void; - public paused : bool; - public camera : Camera; - } -} -/** -* Phaser - Animation -* -* An Animation is a single animation. It is created by the AnimationManager and belongs to Sprite objects. -*/ -module Phaser { - class Animation { - /** - * Animation constructor - * Create a new Animation. - * - * @param parent {Sprite} Owner sprite of this animation. - * @param frameData {FrameData} The FrameData object contains animation data. - * @param name {string} Unique name of this animation. - * @param frames {number[]/string[]} An array of numbers or strings indicating what frames to play in what order. - * @param delay {number} Time between frames in ms. - * @param looped {boolean} Whether or not the animation is looped or just plays once. - */ - constructor(game: Game, parent: Sprite, frameData: FrameData, name: string, frames, delay: number, looped: bool); - /** - * Local reference to Game. - */ - public game: Game; - /** - * Local private reference to its owner sprite. - * @type {Sprite} - */ - private _parent; - /** - * Animation frame container. - * @type {number[]} - */ - private _frames; - /** - * Frame data of this animation.(parsed from sprite sheet) - * @type {FrameData} - */ - private _frameData; - /** - * Index of current frame. - * @type {number} - */ - private _frameIndex; - /** - * Time when switched to last frame (in ms). - * @type number - */ - private _timeLastFrame; - /** - * Time when this will switch to next frame (in ms). - * @type number - */ - private _timeNextFrame; - /** - * Name of this animation. - * @type {string} - */ - public name: string; - /** - * Currently played frame instance. - * @type {Frame} - */ - public currentFrame: Frame; - /** - * Whether or not this animation finished playing. - * @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} - */ - public delay: number; - public frameTotal : number; - public frame : number; - /** - * Play this animation. - * @param frameRate {number} FrameRate you want to specify instead of using default. - * @param loop {boolean} Whether or not the animation is looped or just plays once. - */ - public play(frameRate?: number, loop?: bool): Animation; - /** - * Play this animation from the first frame. - */ - public restart(): void; - /** - * Stop playing animation and set it finished. - */ - public stop(): void; - /** - * Update animation frames. - */ - public update(): bool; - /** - * Clean up animation memory. - */ - public destroy(): void; - /** - * Animation complete callback method. - */ - private onComplete(); - } -} -/** -* Phaser - Line -* -* A Line object is an infinte line through space. The two sets of x/y coordinates define the Line Segment. -*/ -module Phaser { - class Line { - /** - * - * @constructor - * @param {Number} x1 - * @param {Number} y1 - * @param {Number} x2 - * @param {Number} y2 - * @return {Phaser.Line} This Object - */ - constructor(x1?: number, y1?: number, x2?: number, y2?: number); - /** - * - * @property x1 - * @type {Number} - */ - public x1: number; - /** - * - * @property y1 - * @type {Number} - */ - public y1: number; - /** - * - * @property x2 - * @type {Number} - */ - public x2: number; - /** - * - * @property y2 - * @type {Number} - */ - public y2: number; - /** - * - * @method clone - * @param {Phaser.Line} [output] - * @return {Phaser.Line} - */ - public clone(output?: Line): Line; - /** - * - * @method copyFrom - * @param {Phaser.Line} source - * @return {Phaser.Line} - */ - public copyFrom(source: Line): Line; - /** - * - * @method copyTo - * @param {Phaser.Line} target - * @return {Phaser.Line} - */ - public copyTo(target: Line): Line; - /** - * - * @method setTo - * @param {Number} x1 - * @param {Number} y1 - * @param {Number} x2 - * @param {Number} y2 - * @return {Phaser.Line} - */ - public setTo(x1?: number, y1?: number, x2?: number, y2?: number): Line; - public width : number; - public height : number; - /** - * - * @method length - * @return {Number} - */ - public length : number; - /** - * - * @method getY - * @param {Number} x - * @return {Number} - */ - public getY(x: number): number; - /** - * - * @method angle - * @return {Number} - */ - public angle : number; - /** - * - * @method slope - * @return {Number} - */ - public slope : number; - /** - * - * @method perpSlope - * @return {Number} - */ - public perpSlope : number; - /** - * - * @method yIntercept - * @return {Number} - */ - public yIntercept : number; - /** - * - * @method isPointOnLine - * @param {Number} x - * @param {Number} y - * @return {Boolean} - */ - public isPointOnLine(x: number, y: number): bool; - /** - * - * @method isPointOnLineSegment - * @param {Number} x - * @param {Number} y - * @return {Boolean} - */ - public isPointOnLineSegment(x: number, y: number): bool; - /** - * - * @method intersectLineLine - * @param {Any} line - * @return {Any} - */ - public intersectLineLine(line): any; - /** - * - * @method perp - * @param {Number} x - * @param {Number} y - * @param {Phaser.Line} [output] - * @return {Phaser.Line} - */ - public perp(x: number, y: number, output?: Line): Line; - /** - * - * @method toString - * @return {String} - */ - public toString(): string; - } -} -/** -* Phaser - Mat3Utils -* -* A collection of methods useful for manipulating and performing operations on Mat3 objects. -* -*/ -module Phaser { - class Mat3Utils { - /** - * Transpose the values of a Mat3 - **/ - static transpose(source: Mat3, dest?: Mat3): Mat3; - /** - * Inverts a Mat3 - **/ - static invert(source: Mat3): Mat3; - /** - * Calculates the adjugate of a Mat3 - **/ - static adjoint(source: Mat3): Mat3; - /** - * Calculates the adjugate of a Mat3 - **/ - static determinant(source: Mat3): number; - /** - * Multiplies two Mat3s - **/ - static multiply(source: Mat3, b: Mat3): Mat3; - static fromQuaternion(): void; - static normalFromMat4(): void; - } -} -/** -* Phaser - Motion -* -* The Motion class contains lots of useful functions for moving game objects around in world space. -*/ -module Phaser { - class Motion { - constructor(game: Game); - public game: Game; - /** - * Given the angle and speed calculate the velocity and return it as a Point - * - * @param {number} angle The angle (in degrees) calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * @param {number} speed The speed it will move, in pixels per second sq - * - * @return {Point} A Point where Point.x contains the velocity x value and Point.y contains the velocity y value - */ - public velocityFromAngle(angle: number, speed: number): Point; - /** - * Sets the source Sprite x/y velocity so it will move directly towards the destination Sprite at the speed given (in pixels per second)
- * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * If you need the object to accelerate, see accelerateTowardsObject() instead - * Note: Doesn't take into account acceleration, maxVelocity or drag (if you set drag or acceleration too high this object may not move at all) - * - * @param {Sprite} source The Sprite on which the velocity will be set - * @param {Sprite} dest The Sprite where the source object will move to - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - public moveTowardsObject(source: Sprite, dest: Sprite, speed?: number, maxTime?: number): void; - /** - * Sets the x/y acceleration on the source Sprite so it will move towards the destination Sprite at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsObject() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {Sprite} dest The Sprite where the source object will move towards - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - public accelerateTowardsObject(source: Sprite, dest: Sprite, speed: number, xSpeedMax: number, ySpeedMax: number): void; - /** - * Move the given Sprite towards the mouse pointer coordinates at a steady velocity - * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * - * @param {Sprite} source The Sprite to move - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - public moveTowardsMouse(source: Sprite, speed?: number, maxTime?: number): void; - /** - * Sets the x/y acceleration on the source Sprite so it will move towards the mouse coordinates at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsMouse() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - public accelerateTowardsMouse(source: Sprite, speed: number, xSpeedMax: number, ySpeedMax: number): void; - /** - * Sets the x/y velocity on the source Sprite so it will move towards the target coordinates at the speed given (in pixels per second)
- * If you specify a maxTime then it will adjust the speed (over-writing what you set) so it arrives at the destination in that number of seconds.
- * Timings are approximate due to the way Flash timers work, and irrespective of SWF frame rate. Allow for a variance of +- 50ms.
- * The source object doesn't stop moving automatically should it ever reach the destination coordinates.
- * - * @param {Sprite} source The Sprite to move - * @param {Point} target The Point coordinates to move the source Sprite towards - * @param {number} speed The speed it will move, in pixels per second (default is 60 pixels/sec) - * @param {number} maxTime Time given in milliseconds (1000 = 1 sec). If set the speed is adjusted so the source will arrive at destination in the given number of ms - */ - public moveTowardsPoint(source: Sprite, target: Point, speed?: number, maxTime?: number): void; - /** - * Sets the x/y acceleration on the source Sprite so it will move towards the target coordinates at the speed given (in pixels per second)
- * You must give a maximum speed value, beyond which the Sprite won't go any faster.
- * If you don't need acceleration look at moveTowardsPoint() instead. - * - * @param {Sprite} source The Sprite on which the acceleration will be set - * @param {Point} target The Point coordinates to move the source Sprite towards - * @param {number} speed The speed it will accelerate in pixels per second - * @param {number} xSpeedMax The maximum speed in pixels per second in which the sprite can move horizontally - * @param {number} ySpeedMax The maximum speed in pixels per second in which the sprite can move vertically - */ - public accelerateTowardsPoint(source: Sprite, target: Point, speed: number, xSpeedMax: number, ySpeedMax: number): void; - /** - * Find the distance between two Sprites, taking their origin into account - * - * @param {Sprite} a The first Sprite - * @param {Sprite} b The second Sprite - * @return {number} int Distance (in pixels) - */ - public distanceBetween(a: Sprite, b: Sprite): number; - /** - * Find the distance from an Sprite to the given Point, taking the source origin into account - * - * @param {Sprite} a The Sprite - * @param {Point} target The Point - * @return {number} Distance (in pixels) - */ - public distanceToPoint(a: Sprite, target: Point): number; - /** - * Find the distance (in pixels, rounded) from the object x/y and the mouse x/y - * - * @param {Sprite} a Sprite to test against - * @return {number} The distance between the given sprite and the mouse coordinates - */ - public distanceToMouse(a: Sprite): number; - /** - * Find the angle (in radians) between an Sprite and an Point. The source sprite takes its x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Sprite to test from - * @param {Point} target The Point to angle the Sprite towards - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - public angleBetweenPoint(a: Sprite, target: Point, asDegrees?: bool): number; - /** - * Find the angle (in radians) between the two Sprite, taking their x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Sprite to test from - * @param {Sprite} b The Sprite to test to - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - public angleBetween(a: Sprite, b: Sprite, asDegrees?: bool): number; - /** - * Given the Sprite and speed calculate the velocity and return it as an Point based on the direction the sprite is facing - * - * @param {Sprite} parent The Sprite to get the facing value from - * @param {number} speed The speed it will move, in pixels per second sq - * - * @return {Point} An Point where Point.x contains the velocity x value and Point.y contains the velocity y value - */ - public velocityFromFacing(parent: Sprite, speed: number): Point; - /** - * Find the angle (in radians) between an Sprite and the mouse, taking their x/y and origin into account. - * The angle is calculated in clockwise positive direction (down = 90 degrees positive, right = 0 degrees positive, up = 90 degrees negative) - * - * @param {Sprite} a The Object to test from - * @param {boolean} asDegrees If you need the value in degrees instead of radians, set to true - * - * @return {number} The angle (in radians unless asDegrees is true) - */ - public angleBetweenMouse(a: Sprite, asDegrees?: bool): number; - } -} -/** -* Phaser - State -* -* This is a base State class which can be extended if you are creating your game using TypeScript. -*/ -module Phaser { - class State { - /** - * State constructor - * Create a new State. - */ - constructor(game: Game); - /** - * Reference to Game. - */ - public game: Game; - /** - * Currently used camera. - * @type {Camera} - */ - public camera: Camera; - /** - * Reference to the assets cache. - * @type {Cache} - */ - public cache: Cache; - /** - * Reference to the GameObject Factory. - * @type {GameObjectFactory} - */ - public add: GameObjectFactory; - /** - * Reference to the input manager - * @type {Input} - */ - public input: InputManager; - /** - * Reference to the assets loader. - * @type {Loader} - */ - public load: Loader; - /** - * Reference to the math helper. - * @type {GameMath} - */ - public math: GameMath; - /** - * Reference to the sound manager. - * @type {SoundManager} - */ - public sound: SoundManager; - /** - * Reference to the stage. - * @type {Stage} - */ - public stage: Stage; - /** - * Reference to game clock. - * @type {Time} - */ - public time: TimeManager; - /** - * Reference to the tween manager. - * @type {TweenManager} - */ - public tweens: TweenManager; - /** - * Reference to the world. - * @type {World} - */ - public world: World; - /** - * Override this method to add some load operations. - * If you need to use the loader, you may need to use them here. - */ - public init(): void; - /** - * This method is called after the game engine successfully switches states. - * Feel free to add any setup code here.(Do not load anything here, override init() instead) - */ - public create(): void; - /** - * Put update logic here. - */ - public update(): void; - /** - * Put render operations here. - */ - public render(): void; - /** - * This method will be called when game paused. - */ - public paused(): void; - /** - * This method will be called when the state is destroyed - */ - public destroy(): void; - } -} diff --git a/fulldef.txt b/fulldef.txt new file mode 100644 index 00000000..e34ce3dc --- /dev/null +++ b/fulldef.txt @@ -0,0 +1,105 @@ +/// +/// + +/// +/// +/// +/// + +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// +/// +/// + +/// +/// + +/// +/// +/// + +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// +/// + +/// + +/// + +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// + +/// +/// +/// + +/// +/// + +/// +/// +/// +/// + +/// +/// +/// + +/// +/// +/// + +/// + +/// + +/// +/// +/// +/// +/// +/// +/// + +/// +/// +/// +/// +/// +/// + +/// +/// + +/// +/// +/// +/// diff --git a/vs.txt b/vs.txt new file mode 100644 index 00000000..73afcfc0 --- /dev/null +++ b/vs.txt @@ -0,0 +1,17 @@ + + ES5 + false + false + ../build/phaser-debug.js + + + ES5 + true + false + ../build/phaser-release.js + + + + cd $(ProjectDir)..\build +copy phaser-debug.js ..\Tests\ +