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

@@ -88,6 +88,16 @@ The setup is very straightforward by using the `Generate Panel` command in each
 
     ![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:
 
     ![Present Win Cell Panel](./img/05-main-scene/present-win-cell-panel.png)
@@ -103,6 +113,17 @@ 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)    
+    **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