New Texture and Transform components which are now used by Sprite, Group and Camera.

Author: photonstorm

Phaser/Motion.ts

@@ -210,8 +210,8 @@ module Phaser {
 		 * @return {number} Distance (in pixels)
 		 */
         public distanceToPoint(a: Sprite, target: Point): number {
-            var dx: number = (a.x + a.origin.x) - (target.x);
-            var dy: number = (a.y + a.origin.y) - (target.y);
+            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);
         }
@@ -223,8 +223,8 @@ module Phaser {
 		 * @return {number} The distance between the given sprite and the mouse coordinates
 		 */
         public distanceToMouse(a: Sprite): number {
-            var dx: number = (a.x + a.origin.x) - this.game.input.x;
-            var dy: number = (a.y + a.origin.y) - this.game.input.y;
+            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);
         }
@@ -240,8 +240,8 @@ module Phaser {
 		 * @return {number} The angle (in radians unless asDegrees is true)
 		 */
         public angleBetweenPoint(a: Sprite, target: Point, asDegrees: bool = false): number {
-            var dx: number = (target.x) - (a.x + a.origin.x);
-            var dy: number = (target.y) - (a.y + a.origin.y);
+            var dx: number = (target.x) - (a.x + a.transform.origin.x);
+            var dy: number = (target.y) - (a.y + a.transform.origin.y);
 
             if (asDegrees)
             {
@@ -265,8 +265,8 @@ module Phaser {
 		 */
         public angleBetween(a: Sprite, b: Sprite, asDegrees: bool = false): number {
 
-            var dx: number = (b.x + b.origin.x) - (a.x + a.origin.x);
-            var dy: number = (b.y + b.origin.y) - (a.y + a.origin.y);
+            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)
             {

Phaser/Phaser.csproj

@@ -74,22 +74,26 @@
     <Content Include="components\sprite\Input.js">
       <DependentUpon>Input.ts</DependentUpon>
     </Content>
+    <TypeScriptCompile Include="components\Texture.ts" />
+    <Content Include="components\Texture.js">
+      <DependentUpon>Texture.ts</DependentUpon>
+    </Content>
     <Content Include="components\Tile.ts" />
     <Content Include="components\TilemapLayer.ts" />
+    <TypeScriptCompile Include="components\Transform.ts" />
+    <Content Include="components\Transform.js">
+      <DependentUpon>Transform.ts</DependentUpon>
+    </Content>
     <Content Include="Game.js">
       <DependentUpon>Game.ts</DependentUpon>
     </Content>
     <TypeScriptCompile Include="core\Rectangle.ts" />
     <TypeScriptCompile Include="core\Point.ts" />
-    <TypeScriptCompile Include="components\sprite\Texture.ts" />
     <TypeScriptCompile Include="components\camera\CameraFX.ts" />
     <Content Include="components\camera\CameraFX.js">
       <DependentUpon>CameraFX.ts</DependentUpon>
     </Content>
     <TypeScriptCompile Include="components\ScrollRegion.ts" />
-    <Content Include="components\sprite\Texture.js">
-      <DependentUpon>Texture.ts</DependentUpon>
-    </Content>
     <Content Include="core\Point.js">
       <DependentUpon>Point.ts</DependentUpon>
     </Content>

Phaser/Stage.ts

@@ -53,7 +53,7 @@ module Phaser {
             this.context = this.canvas.getContext('2d');
 
             this.scaleMode = StageScaleMode.NO_SCALE;
-            this.scale = new StageScaleMode(this._game);
+            this.scale = new StageScaleMode(this._game, width, height);
 
             this.getOffset(this.canvas);
             this.bounds = new Rectangle(this.offset.x, this.offset.y, width, height);
@@ -167,6 +167,8 @@ module Phaser {
             this.pauseScreen = new PauseScreen(this._game, this.width, this.height);
             this.orientationScreen = new OrientationScreen(this._game);
 
+            this.scale.setScreenSize(true);
+
         }
 
         /**
@@ -253,6 +255,13 @@ module Phaser {
 
         }
 
+        public setImageRenderingCrisp() {
+            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';
+        }
+
         public pauseGame() {
 
             if (this.disablePauseScreen == false && this.pauseScreen)

Phaser/Statics.ts

@@ -20,7 +20,7 @@ module Phaser {
 
         static GEOM_POINT: number = 0;
         static GEOM_CIRCLE: number = 1;
-        static GEOM_RECTANGLE: number = 2;
+        static GEOM_Rectangle: number = 2;
         static GEOM_LINE: number = 3;
         static GEOM_POLYGON: number = 4;