Merge pull request 'feature/add-setup-ui-panel-main-game' (#25) from feature/add-setup-ui-panel-main-game into develop

Reviewed-on: #25

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

@@ -208,26 +208,18 @@ Create new node and configuration in your main scene:
 #### Step 4: Apply Textures 
 
 ##### Texture Button Bar    
-✅ Checklist assets completed for bottom UI and button UI text   
-🔗 [Follow is by Complete Assets Structure Guide](http://localhost:3000/docs/category/game-asset-structure):         
+Checklist assets completed for bottom UI and button UI text   
+:::info
+🔗 [Click here to follow the setup pack assets](http://localhost:3000/docs/category/game-asset-structure)
+:::      
  ![main scenes](./img/05-main-scene/prepare-ui-bottom-bar.png)    
 
 ##### Run the Helper Tool
-- Open the UI Desktop Helper 
-- Select texture assignment options  
-![Helper Tool](./img/05-main-scene/run-ui-desktop-helper.png)    
 
-##### Verify Results: all new asset already loaded to these prefab
-   
-*button-auto-selection prefab*    
-![Auto Selection Result](./img/05-main-scene/result-btn-auto-selection.png)     
-
-*ui-bottom-bar-panel prefab*
-![Bottom Bar Result](./img/05-main-scene/result-buttom-bar.png)         
-
-*In game*       
-![Auto Selection Result](./img/05-main-scene/btn-auto-selection.png)     
-![Bottom Bar Result](./img/05-main-scene/result-buttom-bar-in-game.png)
+To configure the bottom bar UI helper.
+:::info
+🔗 [Click here to follow run helper](http://localhost:3000/docs/submodule/hyper-editor-package#ui-bottom-bar-desktop-editor)
+:::
 
 ---
 
@@ -279,19 +271,21 @@ Create new node and configuration in your main scene:
 #### Step 4: Apply Textures 
 
 ##### Texture Mobile UI 
-✅ Checklist assets completed for Mobile UI  
-🔗 [Follow is by Complete Assets Structure Guide](http://localhost:3000/docs/category/game-asset-structure):         
+
+Checklist assets completed for Mobile UI  
+
+:::info
+🔗 [Click here to follow the setup pack assets](http://localhost:3000/docs/category/game-asset-structure)       
+:::
  ![main scenes](./img/05-main-scene/add-texture-mobile-ui.png)
 
 ##### Run the Helper Tool
-- Open the UI Mobile Helper 
-- Select texture assignment options  
-![Helper Tool](./img/05-main-scene/run-ui-mobile-helper.png)    
 
-##### Results  
+To configure the mobile UI helper.
+:::info
+🔗 [Click here to follow run helper](http://localhost:3000/docs/submodule/hyper-editor-package#mobile-ui-helper)
+:::
 
-*main ui button added textures*  
-| ![Auto Selection Result](./img/05-main-scene/result-mobile-button.png)  | 
   
 
 #### Step 4: Setup Color For Menu Mobile UI 
@@ -324,7 +318,7 @@ The `helper-paint-color-ui-mobile.js` component is a customizable color painter
 |13            | **Button Plus Minus Auto Color**  | Button plus/Minus autoplay  | ![Auto Selection Result](./img/05-main-scene/image-for-mobile-ui-helper/btn-plus-minus-auto.png) |
 |14            | **Label Start Auto Color**        | Start autoplay label  | ![Auto Selection Result](./img/05-main-scene/image-for-mobile-ui-helper/button%20start.png) |
 |15            | **Label Outline Notification**    | Outline color + width config | ![Auto Selection Result](./img/05-main-scene/image-for-mobile-ui-helper/outline-notifcation.png) |
-|16            | **Total Win Medium Win Color**    | Color for medium win effects  | ![Auto Selection Result](./img/05-main-scene/image-for-mobile-ui-helper/win-point-special-color.png) |
+|16            | **Total Win Medium Win Color**    | Color for label medium win  | ![Auto Selection Result](./img/05-main-scene/image-for-mobile-ui-helper/win-point-special-color.png) |
 
 ---
 

docs/06-submodule/02-hyper-editor-package.md

@@ -9,3 +9,44 @@ sidebar_position: 2
 It adds some helper commands to Cocos Editor UI which can be used to speed up the process.
 
 ![Editor Package](./img/editor-package.png)
+
+## UI Bottom Bar Desktop Helper
+
+### Run the Helper Tool
+- Open the UI Desktop Helper        
+
+![Helper Tool](./img/run-ui-desktop-helper.png)    
+
+#### Verify Results: all new asset already loaded to these prefab
+   
+*button-auto-selection prefab*   
+
+![Auto Selection Result](./img/result-btn-auto-selection.png)  
+
+*In game*     
+
+![Auto Selection Result](./img/btn-auto-selection.png) 
+
+*ui-bottom-bar-panel prefab*        
+
+![Bottom Bar Result](./img/result-buttom-bar.png)      
+
+*In game*       
+
+![Bottom Bar Result](./img/result-buttom-bar-in-game.png)
+
+---
+
+## Mobile UI Helper
+
+### Run the Helper Tool
+- Open the UI Mobile Helper 
+
+![Helper Tool](./img/run-ui-mobile-helper.png)    
+
+#### Results  
+   
+*main ui button added textures*  
+
+| ![Auto Selection Result](./img/result-mobile-button.png)  | 
+