update structure doc
@ -224,26 +224,18 @@ Create new node and configuration in your main scene:
|
|||||||
#### Step 4: Apply Textures
|
#### Step 4: Apply Textures
|
||||||
|
|
||||||
##### Texture Button Bar
|
##### Texture Button Bar
|
||||||
✅ Checklist assets completed for bottom UI and button UI text
|
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):
|
:::info
|
||||||
|
🔗 [Click here to follow the setup pack assets](http://localhost:3000/docs/category/game-asset-structure)
|
||||||
|
:::
|
||||||

|

|
||||||
|
|
||||||
##### Run the Helper Tool
|
##### Run the Helper Tool
|
||||||
- Open the UI Desktop Helper
|
|
||||||
- Select texture assignment options
|
|
||||||

|
|
||||||
|
|
||||||
##### Verify Results: all new asset already loaded to these prefab
|
To configure the bottom bar UI helper.
|
||||||
|
:::info
|
||||||
*button-auto-selection prefab*
|
🔗 [Click here to follow run helper](http://localhost:3000/docs/submodule/hyper-editor-package#ui-bottom-bar-desktop-editor)
|
||||||

|
:::
|
||||||
|
|
||||||
*ui-bottom-bar-panel prefab*
|
|
||||||

|
|
||||||
|
|
||||||
*In game*
|
|
||||||

|
|
||||||

|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -294,20 +286,22 @@ Create new node and configuration in your main scene:
|
|||||||
|
|
||||||
#### Step 4: Apply Textures
|
#### Step 4: Apply Textures
|
||||||
|
|
||||||
##### Texture Mobile UI
|
##### 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)
|
||||||
|
:::
|
||||||

|

|
||||||
|
|
||||||
##### Run the Helper Tool
|
##### Run the Helper Tool
|
||||||
- Open the UI Mobile Helper
|
|
||||||
- Select texture assignment options
|
|
||||||

|
|
||||||
|
|
||||||
##### Results
|
To configure the mobile UI helper.
|
||||||
|
:::info
|
||||||
*main ui button added textures*
|
🔗 [Click here to follow run helper](http://localhost:3000/docs/submodule/hyper-editor-package#mobile-ui-helper)
|
||||||
|  |
|
:::
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#### Step 4: Setup Color For Menu Mobile UI
|
#### Step 4: Setup Color For Menu Mobile UI
|
||||||
@ -340,7 +334,7 @@ The `helper-paint-color-ui-mobile.js` component is a customizable color painter
|
|||||||
|13 | **Button Plus Minus Auto Color** | Button plus/Minus autoplay |  |
|
|13 | **Button Plus Minus Auto Color** | Button plus/Minus autoplay |  |
|
||||||
|14 | **Label Start Auto Color** | Start autoplay label |  |
|
|14 | **Label Start Auto Color** | Start autoplay label |  |
|
||||||
|15 | **Label Outline Notification** | Outline color + width config |  |
|
|15 | **Label Outline Notification** | Outline color + width config |  |
|
||||||
|16 | **Total Win Medium Win Color** | Color for medium win effects |  |
|
|16 | **Total Win Medium Win Color** | Color for label medium win |  |
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 6.1 KiB |
@ -8,4 +8,45 @@ sidebar_position: 2
|
|||||||
|
|
||||||
It adds some helper commands to Cocos Editor UI which can be used to speed up the process.
|
It adds some helper commands to Cocos Editor UI which can be used to speed up the process.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
## UI Bottom Bar Desktop Helper
|
||||||
|
|
||||||
|
### Run the Helper Tool
|
||||||
|
- Open the UI Desktop Helper
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
#### Verify Results: all new asset already loaded to these prefab
|
||||||
|
|
||||||
|
*button-auto-selection prefab*
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
*In game*
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
*ui-bottom-bar-panel prefab*
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
*In game*
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Mobile UI Helper
|
||||||
|
|
||||||
|
### Run the Helper Tool
|
||||||
|
- Open the UI Mobile Helper
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
#### Results
|
||||||
|
|
||||||
|
*main ui button added textures*
|
||||||
|
|
||||||
|
|  |
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 219 KiB After Width: | Height: | Size: 219 KiB |
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 216 KiB After Width: | Height: | Size: 216 KiB |
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
BIN
docs/06-submodule/img/run-ui-mobile-helper.png
Normal file
After Width: | Height: | Size: 27 KiB |