Twist logic

templates/gameobjectshell/shell/Shell.js

@@ -1,4 +1,7 @@
 import ComponentBase from '../../../plugins/utils/componentbase/ComponentBase.js';
+import CreateBackground from './methods/CreateBackground.js';
+import CreatePropertiesPanel from './methods/CreatePropertiesPanel.js';
+import CreateControlPoints from './methods/CreateControlPoints.js';
 import Methods from './methods/Methods.js';
 import { OnSelectGameObject, OnUnSelectGameObject } from './methods/SelectGameObjectMethods.js';
 
@@ -20,11 +23,11 @@ class Shell extends ComponentBase {
 
         this.addLayerManager(config);
 
-        this.addBackground(config);
+        CreateBackground.call(this, config);
 
-        this.addPropertiesPanel(config)
+        CreatePropertiesPanel.call(this, config);
 
-        this.addControlPoints(config);
+        CreateControlPoints.call(this, config);
 
         /*
 

templates/gameobjectshell/shell/methods/CreateBackground.js

@@ -0,0 +1,20 @@
+import FullWindowRectangle from '../../fullwindowrectangle/FullWindowRectangle.js';
+
+var CreateBackground = function (config) {
+    var background = new FullWindowRectangle(this.scene);
+    this.scene.add.existing(background);
+    this.addToBackgroundLayer(background);
+
+    var shell = this;
+    var onUnSelectGameObject = function () {
+        shell.onUnSelectGameObjectCallback(shell);
+    }
+
+    background
+        .setInteractive()
+        .on('pointerdown', onUnSelectGameObject)
+
+    this.background = background;
+}
+
+export default CreateBackground;

templates/gameobjectshell/shell/methods/CreateControlPoints.js

@@ -0,0 +1,13 @@
+import ControlPoints from '../../controlpoints/ControlPoints.js';
+
+const GetValue = Phaser.Utils.Objects.GetValue;
+
+var CreateControlPoints = function (config) {
+    var controlPoints = new ControlPoints(this.scene, GetValue(config, 'controlPoints'));
+    this.scene.add.existing(controlPoints);
+    this.addToUILayer(controlPoints);
+
+    this.controlPoints = controlPoints;
+}
+
+export default CreateControlPoints;

templates/gameobjectshell/shell/methods/CreatePropertiesPanel.js

@@ -0,0 +1,26 @@
+import PropertiesPanel from '../../propertiespanel/PropertiesPanel.js';
+
+const GetValue = Phaser.Utils.Objects.GetValue;
+
+var CreatePropertiesPanel = function (config) {
+    var panelConfig = GetValue(config, 'panel', {});
+    var unknowPositon = (panelConfig.x === undefined) && (panelConfig.y === undefined);
+
+    var extraProperties = GetValue(config, 'extraProperties', {});
+
+    var panel = new PropertiesPanel(this.scene, panelConfig, extraProperties);
+    panel.setScrollFactor(0);
+
+    this.scene.add.existing(panel);
+    panel.layout();
+    this.addToUILayer(panel);
+
+    if (unknowPositon) {
+        panel.left = 0;
+        panel.top = 0;
+    }
+
+    this.panel = panel;
+}
+
+export default CreatePropertiesPanel;

templates/gameobjectshell/shell/methods/Methods.js

@@ -1,7 +1,4 @@
 import LayerManagerMethods from './LayerManagerMethods.js';
-import BackgroundMethods from './BackgroundMethods.js';
-import PropertiesPanelMethods from './PropertiesPanelMethods.js';
-import ControlPointsMethods from './ControlPointsMethods.js';
 import BindingTargetMethods from './BindingTargetMethods.js';
 
 var Methods = {
@@ -11,9 +8,6 @@ var Methods = {
 Object.assign(
     Methods,
     LayerManagerMethods,
-    BackgroundMethods,
-    PropertiesPanelMethods,
-    ControlPointsMethods,
     BindingTargetMethods,
 )