dev-public/doc-slot-core-manual
18
0
Fork 0
Code Issues 12 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

update content

Browse Source
This commit is contained in:
dungdq 2025-05-13 14:36:09 +07:00
parent d3ec058f35
commit 5fa4b9fe40
4 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/02-setup-main-game/05-main-scene/10-desktop-bottom-bar-ui.md
View File

@ -74,22 +74,18 @@ The `FormatText` property controls text formatting behavior for label components
### Step 3: Set Up UI In Main Scenes ### Step 3: Set Up UI In Main Scenes
Create new node and configuration in your main scene: Create new node and configuration in your main scene:
![main scenes](../img/05-main-scene/prepare-ui-bottom-bar.png) ![main scenes](../img/05-main-scene/set-positon-bottom-bar.png)
#### Platform Node Spawner Settings #### Platform Node Spawner Settings
| Setting | Value | Description | 🔗 See setup details: [Platform Node Spawner](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-node-spawner)
|---------|-------|-------------|
| Desktop Toggle | ✓ Enabled | Show prefabs for desktop platform |
| Mobile Toggle | ☐ Disabled | Hide prefabs for mobile platform |
| Target Prefab | `ui-bottom-bar-panel` | References prefab |
### 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
:::info :::info
🔗 Click here to follow the setup pack assets: [Here](http://localhost:3000/docs/category/game-asset-structure) 🔗 See setup details: [Game Asset Structure](http://localhost:3000/docs/category/game-asset-structure)
::: :::
![main scenes](../img/05-main-scene/prepare-ui-bottom-bar.png) ![main scenes](../img/05-main-scene/prepare-ui-bottom-bar.png)
@ -97,7 +93,7 @@ Checklist assets completed for bottom UI and button UI text
To configure the bottom bar UI helper. To configure the bottom bar UI helper.
:::info :::info
🔗 [Click here to follow run helper](http://localhost:3000/docs/submodule/hyper-editor-package#ui-bottom-bar-desktop-editor) 🔗See setup details: [UI Bottom Bar Desktop Helper](http://localhost:3000/docs/submodule/hyper-editor-package#mobile-ui-helper)
::: :::
--- ---

10
docs/02-setup-main-game/05-main-scene/11-ui-mobile-panel.md
View File

@ -49,11 +49,7 @@ Create new node and configuration in your main scene:
#### Platform Node Spawner Settings #### Platform Node Spawner Settings
| Setting | Value | Description | 🔗 See setup details: [Platform Node Spawner](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-node-spawner)
|---------|-------|-------------|
| Mobile Toggle | ✓ Enabled | Show prefabs for mobile platform |
| Desktop Toggle | ☐ Disabled | Hide prefabs for desktop platform |
| Target Prefab | `mobile-ui` | References prefab |
### Step 4: Apply Textures ### Step 4: Apply Textures
@ -62,7 +58,7 @@ Create new node and configuration in your main scene:
Checklist assets completed for Mobile UI Checklist assets completed for Mobile UI
:::info :::info
🔗 [Click here to follow the setup pack assets](http://localhost:3000/docs/category/game-asset-structure) 🔗See setup details [Game Asset Structure](http://localhost:3000/docs/category/game-asset-structure)
::: :::
![main scenes](../img/05-main-scene/add-texture-mobile-ui.png) ![main scenes](../img/05-main-scene/add-texture-mobile-ui.png)
@ -70,7 +66,7 @@ Checklist assets completed for Mobile UI
To configure the mobile UI helper. To configure the mobile UI helper.
:::info :::info
🔗 [Click here to follow run helper](http://localhost:3000/docs/submodule/hyper-editor-package#mobile-ui-helper) 🔗See setup details: [Mobile Ui Helper](http://localhost:3000/docs/submodule/hyper-editor-package#mobile-ui-helper)
::: :::

2
docs/02-setup-main-game/05-main-scene/13-game-logo.md
View File

@ -65,7 +65,7 @@ onLoad: function () {
![Desktop Settings](../img/05-main-scene/logo-setting-desktop.png) ![Desktop Settings](../img/05-main-scene/logo-setting-desktop.png)
🔗 Click [Here](#platform-node-spawner-settings) to follow `platform-ui-controller` 🔗 See setup details: [Platform UI Controller](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-ui-controller)
2. Node Setup 2. Node Setup
```typescript ```typescript

24
docs/faqs/03-setup-cocos-scene.md
View File

@ -0,0 +1,24 @@
# Cocos Scene Setup
---
## Platform Node Spawner
Use this configuration to control which prefabs appear based on the current platform.
| Setting | Value | Description |
|--------------------|----------------------|-----------------------------------------------|
| **Desktop Toggle** | ✅ Enabled | Show prefab on desktop |
| **Mobile Toggle** | ❌ Disabled | Hide prefab on mobile |
| **Target Prefab** | `prefab name` | Name of the prefab to be spawned |
## Platform ui controller
1. Attach this script to any node that should only appear on a specific platform.
2. At runtime, the node will automatically be removed if it doesn’t match the active platform.
| Setting | Value | Description |
|--------------------|----------------------|-----------------------------------------------|
| **Desktop Toggle** | ✅ Enabled | Show node on desktop |
| **Mobile Toggle** | ❌ Disabled | Hide node on mobile |