Next frame button

Author: netcell

src/index.js

@@ -41,7 +41,7 @@ Phaser.Plugin.Inspector = class Inspector extends Phaser.Plugin {
 		.controller('TreeCtrl', TreeCtrl)
 		.controller('ViewCtrl', ViewCtrl)
 		.controller('DetailCtrl', DetailCtrl)
-		.factory('gameManager', ($timeout) => new GameManager($timeout, this.game))
+		.factory('gameManager', ($timeout) => new GameManager($timeout, this.game, this.onUpdate))
 		.directive('phaserInspectorPanel', interaction)
 		.directive('phaserInspectorTree', phaserInspectorTree)
 		.directive('phaserInspectorDetails', phaserInspectorDetails)

src/js/services/GameManager.js

@@ -8,10 +8,14 @@ function match(childObj, term){
 	return (name && name.toLowerCase().match(term)) || (type && type.toLowerCase().match(term));
 }
 
+var min = Math.min,
+	max = Math.max;
+
 export default class GameManager {
-	constructor($timeout, game){
+	constructor($timeout, game, onUpdate){
 		this.$timeout = $timeout;
 		this.game     = game;
+		this.onUpdate = onUpdate;
 
 		this.filteredWorld = { children: [] };
 		this.filterTimer   = null;

src/tpl/tree.html

@@ -34,8 +34,8 @@
     </div>
     <div class="button"
      ng-class="{
-		success  : treeCtrl.game.paused,
-		danger   : !treeCtrl.game.paused
+        success  : treeCtrl.game.paused,
+        danger   : !treeCtrl.game.paused
      }"
      tooltip-trigger tooltip-text="Play/Pause"
      ng-click="treeCtrl.game.paused = !treeCtrl.game.paused"
@@ -45,6 +45,12 @@
             'fa-pause' :  !treeCtrl.game.paused
         }"></i>
     </div>
+    <div class="button warn"
+     tooltip-trigger tooltip-text="Next Frame"
+     ng-click="treeCtrl.gameManager.nextFrame()"
+    >
+        <i class="fa fa-forward"></i>
+    </div>
 </div>
 
 <div class="scene">