Scene editor: debug calls parameter and more about painting.

Author: PhaserEditor2D

source/v2/phasereditor/phasereditor.scene.core/src/phasereditor/scene/core/SceneModel.java

@@ -77,6 +77,7 @@ public class SceneModel {
 	private String _createMethodName;
 	private String _sceneKey;
 	private SourceLang _compilerLang;
+	private boolean _debugPaintCalls;
 
 	public enum MethodContextType {
 		SCENE, OBJECT
@@ -121,8 +122,18 @@ public SceneModel() {
 		_sceneKey = "";
 
 		_compilerLang = SourceLang.JAVA_SCRIPT_6;
+
+		_debugPaintCalls = false;
 	}
 
+	public boolean isDebugPaintCalls() {
+		return _debugPaintCalls;
+	}
+	
+	public void setDebugPaintCalls(boolean debugPaintCalls) {
+		_debugPaintCalls = debugPaintCalls;
+	}
+	
 	public SourceLang getCompilerLang() {
 		return _compilerLang;
 	}
@@ -379,6 +390,9 @@ public void read(JSONObject data, IProject project) {
 				_groupsModel.read(groupsData, project);
 			}
 		}
+		{
+			_debugPaintCalls = data.optBoolean("debugPaintCalls", false);
+		}
 	}
 
 	public void writeProperties(JSONObject data) {
@@ -409,6 +423,10 @@ public void writeProperties(JSONObject data) {
 			data.put("methodContextType", _methodContextType.name());
 			data.put("sceneKey", _sceneKey, "");
 		}
+
+		{
+			data.put("debugPaintCalls", _debugPaintCalls, false);
+		}
 	}
 
 	public void readProperties(JSONObject data) {

source/v2/phasereditor/phasereditor.scene.ui.editor.html/html/Editor.ts

@@ -432,6 +432,7 @@ namespace PhaserEditor2D {
             if (loadMsg.pack) {
                 let scene = this.getObjectScene();
 
+                Editor.getInstance().stop();
                 scene.load.once(Phaser.Loader.Events.COMPLETE,
 
                     (function (index2, list2) {
@@ -447,6 +448,7 @@ namespace PhaserEditor2D {
                 scene.load.crossOrigin = "anonymous";
                 scene.load.addPack(loadMsg.pack);
                 scene.load.start();
+                setTimeout( ()=> this.repaint(), 100);
             } else {
                 this.processMessageList(index + 1, list);
             }

source/v2/phasereditor/phasereditor.scene.ui.editor.html/html/ToolScene.ts

@@ -40,7 +40,7 @@ namespace PhaserEditor2D {
 
             this._selectionGraphics.depth = -1;
 
-            this._paintCallsLabel = this.add.text(10, 10, "", {"color": "black", "backgroundColor": "white"});
+            this._paintCallsLabel = this.add.text(10, 10, "", { "color": "blue", "backgroundColor": "red" });
             this._paintCallsLabel.depth = 1000;
         }
 
@@ -231,8 +231,13 @@ namespace PhaserEditor2D {
             this.renderSelection();
             this.updateTools();
 
-            this._paintCallsLabel.text = PAINT_COUNT.toString();
-            PAINT_COUNT += 1;
+            
+            this._paintCallsLabel.visible = Editor.getInstance().sceneProperties.debugPaintCalls;
+
+            if (this._paintCallsLabel.visible) {
+                this._paintCallsLabel.text = PAINT_COUNT.toString();
+                PAINT_COUNT += 1;
+            }
         }
 
         setTools(tools: InteractiveTool[]) {

source/v2/phasereditor/phasereditor.scene.ui.editor.html/html/out/Editor.js

@@ -324,10 +324,12 @@ var PhaserEditor2D;
         };
         ;
         Editor.prototype.onLoadAssets = function (index, list) {
+            var _this = this;
             var loadMsg = list[index];
             var self = this;
             if (loadMsg.pack) {
                 var scene = this.getObjectScene();
+                Editor.getInstance().stop();
                 scene.load.once(Phaser.Loader.Events.COMPLETE, (function (index2, list2) {
                     return function () {
                         consoleLog("Loader complete.");
@@ -339,6 +341,7 @@ var PhaserEditor2D;
                 scene.load.crossOrigin = "anonymous";
                 scene.load.addPack(loadMsg.pack);
                 scene.load.start();
+                setTimeout(function () { return _this.repaint(); }, 100);
             }
             else {
                 this.processMessageList(index + 1, list);

source/v2/phasereditor/phasereditor.scene.ui.editor.html/html/out/ToolScene.js

@@ -43,7 +43,7 @@ var PhaserEditor2D;
                 }
             });
             this._selectionGraphics.depth = -1;
-            this._paintCallsLabel = this.add.text(10, 10, "", { "color": "black", "backgroundColor": "white" });
+            this._paintCallsLabel = this.add.text(10, 10, "", { "color": "blue", "backgroundColor": "red" });
             this._paintCallsLabel.depth = 1000;
         };
         ToolScene.prototype.initCamera = function () {
@@ -172,8 +172,11 @@ var PhaserEditor2D;
             this.renderAxis();
             this.renderSelection();
             this.updateTools();
-            this._paintCallsLabel.text = PAINT_COUNT.toString();
-            PAINT_COUNT += 1;
+            this._paintCallsLabel.visible = PhaserEditor2D.Editor.getInstance().sceneProperties.debugPaintCalls;
+            if (this._paintCallsLabel.visible) {
+                this._paintCallsLabel.text = PAINT_COUNT.toString();
+                PAINT_COUNT += 1;
+            }
         };
         ToolScene.prototype.setTools = function (tools) {
             for (var _i = 0, _a = this._tools; _i < _a.length; _i++) {

source/v2/phasereditor/phasereditor.scene.ui.editor.html/html/out/workaround.js

@@ -2,7 +2,7 @@ window.addEventListener("onerror", function (e) {
     alert("WebView ERROR: " + e);
 });
 window.AudioContext = function () { };
-var CONSOLE_LOG = true;
+var CONSOLE_LOG = false;
 function consoleLog(msg) {
     if (CONSOLE_LOG) {
         console.log(msg);

source/v2/phasereditor/phasereditor.scene.ui.editor.html/html/workaround.ts

@@ -7,7 +7,7 @@ window.addEventListener("onerror", function (e) {
 
 
 // disable log on production
-var CONSOLE_LOG = true;
+var CONSOLE_LOG = false;
 function consoleLog(msg: any) {
     if (CONSOLE_LOG) {
         console.log(msg);

source/v2/phasereditor/phasereditor.scene.ui.editor/src/phasereditor/scene/ui/editor/properties/WebViewSection.java

@@ -54,11 +54,11 @@ public boolean canEdit(Object obj) {
 	@Override
 	public Control createContent(Composite parent) {
 		var comp = new Composite(parent, 0);
-		comp.setLayout(new GridLayout(1, false));
+		comp.setLayout(new GridLayout(2, false));
 
 		{
 			var btn = new Button(comp, SWT.PUSH);
-			btn.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
+			btn.setLayoutData(new GridData(SWT.FILL, SWT.CENTER, true, false, 2, 1));
 			btn.setText("System Browser");
 			btn.setImage(EditorSharedImages.getImage(IMG_WORLD));
 			btn.addSelectionListener(SelectionListener.widgetSelectedAdapter(e -> {
@@ -68,7 +68,19 @@ public Control createContent(Composite parent) {
 
 		{
 			var btn = createRefreshButton(comp, getEditor());
-			btn.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));
+			btn.setLayoutData(new GridData(SWT.FILL, SWT.CENTER, true, false, 2, 1));
+		}
+
+		{
+			label(comp, "Debug Paint Calls",
+					"*Check to count how many paint calls are requested.\nPaint calls should be requested by demand, not in a loop.");
+			var btn = new Button(comp, SWT.CHECK);
+			addUpdate(() -> {
+				btn.setSelection(getSceneModel().isDebugPaintCalls());
+			});
+			btn.addSelectionListener(SelectionListener.widgetSelectedAdapter(e -> {
+				wrapOperation(() -> getSceneModel().setDebugPaintCalls(btn.getSelection()));
+			}));
 		}
 
 		return comp;