Phaser.StageScaleMode has been renamed to ScaleManager and moved from the system folder to the core folder. It's still available under game.scale.

If your game references the old Phaser.StageScaleMode consts like SHOW_ALL you need to update them to Phaser.ScaleManager, i.e. Phaser.ScaleManager.SHOW_ALL.
All of the Project Templates have been updated to reflect the above change.

Author: photonstorm

Gruntfile.js

@@ -70,6 +70,7 @@ module.exports = function (grunt) {
         'src/core/Stage.js',
         'src/core/Group.js',
         'src/core/World.js',
+        'src/core/ScaleManager.js',
         'src/core/Game.js',
 
         'src/input/Input.js',
@@ -100,7 +101,6 @@ module.exports = function (grunt) {
         'src/gameobjects/BitmapFont.js',
 
         'src/system/Canvas.js',
-        'src/system/StageScaleMode.js',
         'src/system/Device.js',
         'src/system/RequestAnimationFrame.js',
 

README.md

@@ -78,6 +78,8 @@ Significant API changes:
 * Keyboard.removeKey has been removed. The way the new keyboard manager works means it's no longer required.
 * When a game un-pauses (from a visibility loss) it resets all Input components.
 * Time.advancedTiming is a new boolean property. If true Time.fps, fpsMin, fpsMax, frames, msMin and msMax will be calculated, otherwise they remain at their defaults.
+* Phaser.StageScaleMode has been renamed to ScaleManager and moved from the system folder to the core folder. It's still available under game.scale.
+* If your game references the old Phaser.StageScaleMode consts like SHOW_ALL you need to update them to Phaser.ScaleManager, i.e. Phaser.ScaleManager.SHOW_ALL.
 
 
 New features:

build/config.php

@@ -117,6 +117,7 @@
     <script src="$path/src/core/Group.js"></script>
     <script src="$path/src/core/World.js"></script>
     <script src="$path/src/core/Game.js"></script>
+    <script src="$path/src/core/ScaleManager.js"></script>
 
     <script src="$path/src/input/Input.js"></script>
     <script src="$path/src/input/Key.js"></script>
@@ -146,7 +147,6 @@
     <script src="$path/src/gameobjects/BitmapFont.js"></script>
 
     <script src="$path/src/system/Canvas.js"></script>
-    <script src="$path/src/system/StageScaleMode.js"></script>
     <script src="$path/src/system/Device.js"></script>
     <script src="$path/src/system/RequestAnimationFrame.js"></script>
 

examples/_site/view_full.html

@@ -71,6 +71,7 @@
         <script src="../src/core/Stage.js"></script>
         <script src="../src/core/Group.js"></script>
         <script src="../src/core/World.js"></script>
+        <script src="../src/core/ScaleManager.js"></script>
         <script src="../src/core/Game.js"></script>
 
         <script src="../src/input/Input.js"></script>
@@ -101,7 +102,6 @@
         <script src="../src/gameobjects/BitmapFont.js"></script>
 
         <script src="../src/system/Canvas.js"></script>
-        <script src="../src/system/StageScaleMode.js"></script>
         <script src="../src/system/Device.js"></script>
         <script src="../src/system/RequestAnimationFrame.js"></script>
 

examples/_site/view_lite.html

@@ -71,6 +71,7 @@
         <script src="../src/core/Stage.js"></script>
         <script src="../src/core/Group.js"></script>
         <script src="../src/core/World.js"></script>
+        <script src="../src/core/ScaleManager.js"></script>
         <script src="../src/core/Game.js"></script>
 
         <script src="../src/input/Input.js"></script>
@@ -101,7 +102,6 @@
         <script src="../src/gameobjects/BitmapFont.js"></script>
 
         <script src="../src/system/Canvas.js"></script>
-        <script src="../src/system/StageScaleMode.js"></script>
         <script src="../src/system/Device.js"></script>
         <script src="../src/system/RequestAnimationFrame.js"></script>
 

examples/wip/autoscroll.js

@@ -20,6 +20,10 @@ function create() {
     sprite = game.add.tileSprite(0, 0, 800, 600, 'starfield');
     sprite.autoScroll(0, 200);
 
+    game.add.image(200, 200, 'mummy');
+
+    game.world.scale.set(2);
+
 }
 
 function update() {

examples/wip/destroy state swap.js

@@ -0,0 +1,36 @@
+
+var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
+
+function preload() {
+
+    game.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
+
+}
+
+var mummy;
+var anim;
+
+function create() {
+
+	game.stage.backgroundColor = 0xff8855;
+
+    mummy = game.add.sprite(300, 200, 'mummy', 5);
+
+    mummy.animations.updateIfVisible = false;
+
+    anim = mummy.animations.add('walk');
+
+    anim.play(2, false);
+    // anim.play(2, true);
+
+}
+
+function update() {
+
+}
+
+function render() {
+
+	game.debug.renderText(anim.frame + ' / 17', 32, 32);
+	
+}

examples/wip/destroy state.js

@@ -0,0 +1,77 @@
+var BasicGame = {};
+
+BasicGame.Boot = function (game) {
+};
+
+BasicGame.Boot.prototype = {
+
+    preload: function () {
+
+        this.load.spritesheet('mummy', 'assets/sprites/metalslug_mummy37x45.png', 37, 45, 18);
+
+    },
+
+    create: function () {
+
+        this.state.start('MainMenu');
+
+    }
+
+};
+
+BasicGame.MainMenu = function (game) {
+
+    this.mummy;
+    this.anim;
+
+};
+
+BasicGame.MainMenu.prototype = {
+
+    create: function () {
+
+        this.stage.backgroundColor = 0x2d2d2d;
+
+        this.mummy = this.add.sprite(200, 400, 'mummy');
+
+        this.anim = this.mummy.animations.add('walk');
+
+        this.anim.play(10, false);
+
+        this.mummy.events.onAnimationComplete.add(this.changeIt, this);
+
+    },
+
+    changeIt: function () {
+
+        this.state.start('GameOver');
+
+    }
+
+};
+
+BasicGame.GameOver = function (game) {
+
+    this.dude;
+
+};
+
+BasicGame.GameOver.prototype = {
+
+    create: function () {
+
+        this.stage.backgroundColor = 0xff7744;
+
+        this.dude = this.add.sprite(300, 300, 'mummy');
+
+    }
+
+};
+
+var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example');
+
+game.state.add('Boot', BasicGame.Boot);
+game.state.add('MainMenu', BasicGame.MainMenu);
+game.state.add('GameOver', BasicGame.GameOver);
+
+game.state.start('Boot');

examples/wip/state parameters.js

@@ -89,4 +89,4 @@ game.state.add('Boot', BasicGame.Boot);
 game.state.add('Preloader', BasicGame.Preloader);
 game.state.add('MainMenu', BasicGame.MainMenu);
 
-game.state.start('Boot', true, false, 'hello', 'world');
+game.state.start('Boot');

resources/Project Templates/Basic/Boot.js

@@ -1,4 +1,4 @@
-BasicGame = {};
+var BasicGame = {};
 
 BasicGame.Boot = function (game) {
 
@@ -17,33 +17,33 @@ BasicGame.Boot.prototype = {
     create: function () {
 
         //  Unless you specifically know your game needs to support multi-touch I would recommend setting this to 1
-        this.game.input.maxPointers = 1;
+        this.input.maxPointers = 1;
 
         //  Phaser will automatically pause if the browser tab the game is in loses focus. You can disable that here:
-        this.game.stage.disableVisibilityChange = true;
+        this.stage.disableVisibilityChange = true;
 
         if (this.game.device.desktop)
         {
             //  If you have any desktop specific settings, they can go in here
-            this.game.stage.scale.pageAlignHorizontally = true;
+            this.scale.pageAlignHorizontally = true;
         }
         else
         {
             //  Same goes for mobile settings.
             //  In this case we're saying "scale the game, no lower than 480x260 and no higher than 1024x768"
-            this.game.stage.scaleMode = Phaser.StageScaleMode.SHOW_ALL;
-            this.game.stage.scale.minWidth = 480;
-            this.game.stage.scale.minHeight = 260;
-            this.game.stage.scale.maxWidth = 1024;
-            this.game.stage.scale.maxHeight = 768;
-            this.game.stage.scale.forceLandscape = true;
-            this.game.stage.scale.pageAlignHorizontally = true;
-            this.game.stage.scale.setScreenSize(true);
+            this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
+            this.scale.minWidth = 480;
+            this.scale.minHeight = 260;
+            this.scale.maxWidth = 1024;
+            this.scale.maxHeight = 768;
+            this.scale.forceLandscape = true;
+            this.scale.pageAlignHorizontally = true;
+            this.scale.setScreenSize(true);
         }
 
         //  By this point the preloader assets have loaded to the cache, we've set the game settings
         //  So now let's start the real preloader going
-        this.game.state.start('Preloader');
+        this.state.start('Preloader');
 
     }