Merge pull request 'register landing and tension' (#26) from feature/add-setup-ui-panel-main-game into develop

Reviewed-on: #26

docs/02-setup-main-game/05-main-scene.md

@@ -86,7 +86,17 @@ The setup is very straightforward by using the `Generate Panel` command in each
 
 - Landing Panel: 
 
-    ![Landing Panel](./img/05-main-scene/landing-panel.png)
+    ![Landing Panel](./img/05-main-scene/landing-panel.png)     
+
+To define Landing Panel, create the following script:
+
+:::warning
+    ```jsx title="assets/game-assets/scripts/slotty-settings/extend-slotty-setting.js"
+    SlottySetting.prototype._registerInjection = function () {
+        DIContainer.Register('landingGenerator', require('landing-generator'));
+    };
+    ```
+:::
 
 - Present Win Cell Panel:
 
@@ -102,7 +112,18 @@ The setup is very straightforward by using the `Generate Panel` command in each
 
     If the tension use a custom size frame, we can change the option **sizeMode** to **Custom** and set the static frame and size.
 
-    ![Tension Size Custom](./img/05-main-scene/tension-panel-custom.png)
+    ![Tension Size Custom](./img/05-main-scene/tension-panel-custom.png)    
+    **check toggle General Panel** 
+    ![Tension Size Custom](./img/05-main-scene/note-bug-tension.png)    
+    To define Tension Panel, create the following script:
+    :::warning
+    ```jsx title="assets/game-assets/scripts/slotty-settings/extend-slotty-setting.js"
+    SlottySetting.prototype._registerInjection = function () {
+        DIContainer.Register('tensionGenerator', require('tension-generator'));
+    };
+    ```
+    :::  
+
 
 ## Setup UI Panel