Experimenting with new MainLoop + position interpolation.

Author: photonstorm

build/config.php

@@ -134,6 +134,7 @@
     <script src="$path/src/core/FlexGrid.js"></script>
     <script src="$path/src/core/FlexLayer.js"></script>
     <script src="$path/src/core/ScaleManager.js"></script>
+    <script src="$path/src/core/MainLoop.js"></script>
     <script src="$path/src/core/Game.js"></script>
 
     <script src="$path/src/input/Input.js"></script>
@@ -296,10 +297,10 @@
     }
 
     echo <<<EOL
-    <script src="$path/src/system/Device.js"></script>
-    <script src="$path/src/system/DOM.js"></script>
-    <script src="$path/src/system/Canvas.js"></script>
-    <script src="$path/src/system/RequestAnimationFrame.js"></script>
+    <script src="$path/src/utils/Device.js"></script>
+    <script src="$path/src/utils/DOM.js"></script>
+    <script src="$path/src/utils/Canvas.js"></script>
+    <script src="$path/src/utils/RequestAnimationFrame.js"></script>
 
     <script src="$path/src/math/Math.js"></script>
     <script src="$path/src/math/RandomDataGenerator.js"></script>

src/core/Game.js

@@ -144,11 +144,17 @@ Phaser.Game = function (width, height, renderer, parent, state, transparent, ant
     */
     this.isRunning = false;
 
+    /**
+    * @property {Phaser.MainLoop} mainloop - Automatically handles the core game loop via requestAnimationFrame or setTimeout.
+    * @protected
+    */
+    this.mainloop = null;
+
     /**
     * @property {Phaser.RequestAnimationFrame} raf - Automatically handles the core game loop via requestAnimationFrame or setTimeout
     * @protected
     */
-    this.raf = null;
+    // this.raf = null;
 
     /**
     * @property {Phaser.GameObjectFactory} add - Reference to the Phaser.GameObjectFactory.
@@ -583,6 +589,7 @@ Phaser.Game.prototype = {
 
         this.isRunning = true;
 
+        /*
         if (this.config && this.config['forceSetTimeOut'])
         {
             this.raf = new Phaser.RequestAnimationFrame(this, this.config['forceSetTimeOut']);
@@ -593,6 +600,7 @@ Phaser.Game.prototype = {
         }
 
         this._kickstart = true;
+        */
 
         if (window['focus'])
         {
@@ -602,7 +610,11 @@ Phaser.Game.prototype = {
             }
         }
 
-        this.raf.start();
+        this.mainloop = new Phaser.MainLoop(this);
+
+        this.mainloop.start();
+
+        // this.raf.start();
 
     },