update content
This commit is contained in:
dungdq
parent
26b4d0514d
commit
1ea8fe9bfe
@ -11,117 +11,117 @@ description: Display and manage remaining free rounds in the game.
|
|||||||
- Handles the **display** and **logic** for tracking remaining free rounds in a slot game.
|
- Handles the **display** and **logic** for tracking remaining free rounds in a slot game.
|
||||||
- Supports both **desktop** and **mobile**, including animation and event handling.
|
- Supports both **desktop** and **mobile**, including animation and event handling.
|
||||||
|
|
||||||
| Orientation | Preview |
|
| Platform | Preview |
|
||||||
|-------------|---------|
|
|----------|---------|
|
||||||
| Desktop |  |
|
| Desktop |  |
|
||||||
| Mobile |  |
|
| Mobile |  |
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Implementation
|
|
||||||
|
|
||||||
|
## Implementation
|
||||||
### Prefab Location
|
### Prefab Location
|
||||||
|
|
||||||
#### In Core
|
- Copy or parse prefabs from core to game assets.
|
||||||
|
|
||||||
| Path | Example |
|
#### Core
|
||||||
|---------------------------------------------------------------------|------------------------------------------------------------------------------------------|
|
|
||||||
| `assets\core-assets\hyper-core\packages\freeround-count-box\prefabs` | <center></center> |
|
|
||||||
|
|
||||||
#### In Game
|
| Path | Preview |
|
||||||
|
|------|---------|
|
||||||
|
| `assets/core-assets/hyper-core/packages/freeround-count-box/prefabs` |  |
|
||||||
|
|
||||||
| Path | Example |
|
#### Game
|
||||||
|-----------------------------------|---------------------------------------------------------------------------------------------------|
|
|
||||||
| `assets\game-assets\prefabs` | <center></center> |
|
| Path | Preview |
|
||||||
|
|------|---------|
|
||||||
|
| `assets/game-assets/prefabs` | |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
### General Setup
|
### General Setup
|
||||||
|
|
||||||
|
- Ensure the script references the correct nodes.
|
||||||
|
|
||||||
- Component that manages and displays the free rounds counter.
|
|
||||||
|
|
||||||
|
- Manages and displays the remaining free round count in-game.
|
||||||
|
|
||||||
**platform** **(<span class="red-star">*</span>)**: Desktop / Mobile
|
"
|
||||||
|
|
||||||
| Property | Description |
|
| Property | Description |
|
||||||
|---------------|------------------------------------------|
|
|---------------|--------------------------------------------|
|
||||||
| `duration` | Animation duration in seconds (fade In/Out) |
|
| `duration` | Duration of fade in/out animation (seconds) |
|
||||||
| `content` | Container node for the counter |
|
| `content` | Container node for the counter |
|
||||||
| `labelLeft` | Label displaying remaining free rounds |
|
| `labelLeft` | Label showing remaining free rounds |
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
### Platform Setup
|
### Platform Setup
|
||||||
|
|
||||||
|
- Ensure that the desktop and mobile prefabs are positioned differently in the main game scene for proper layout on each platform.
|
||||||
|
|
||||||
#### Desktop
|
#### Desktop
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
| Component | Description |
|
| Component | Description |
|
||||||
|--------------------------|---------------------------------------------------------------------------------------------------------------|
|
|-------------------------|-------------|
|
||||||
| `Platform-ui-controller` | [Platform UI Controller](http://localhost:3000/docs/faqs/setup-cocos-scene#Platform-ui-controller) |
|
| `Platform-ui-controller` | [View Setup](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-ui-controller) |
|
||||||
|
|
||||||
|
|
||||||
#### Assets Desktop
|
|
||||||
|
|
||||||
| Path in Game | Example |
|
|
||||||
|--------------------------|---------------------------------------------------------------------------------------------------------------|
|
|
||||||
| `assets\game-assets\textures\desktop\preloads\main-game\custom-scale` |  |
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
#### Mobile
|
#### Mobile
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
| Component | Description |
|
| Component | Description |
|
||||||
|-----------------------|--------------------------------------------------------------------------------------------------------------------------|
|
|-------------------------|-------------|
|
||||||
| `Platform-ui-controller` | [Platform UI Controller](http://localhost:3000/docs/faqs/setup-cocos-scene#Platform-ui-controller) |
|
| `Platform-ui-controller` | [View Setup](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-ui-controller) |
|
||||||
| `UI Mobile Position` | [UI Mobile Position](http://localhost:3000/docs/faqs/setup-cocos-scene#ui-mobile-landscape--portrait--position) |
|
| `UI Mobile Position` | [Mobile Position Setup](http://localhost:3000/docs/faqs/setup-cocos-scene#ui-mobile-landscape--portrait--position) |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
#### Assets Mobile
|
### Asset Setup
|
||||||
|
|
||||||
| Path in Game | Example |
|
#### Desktop
|
||||||
|--------------------------|---------------------------------------------------------------------------------------------------------------|
|
|
||||||
| `assets\game-assets\textures\mobile\preloads\main-game\custom-scale` |  |
|
|
||||||
|
|
||||||
#### Common Assets
|
| Path | Preview |
|
||||||
|
|------|---------|
|
||||||
|
| `assets/game-assets/textures/desktop/preloads/main-game/custom-scale` |  |
|
||||||
|
|
||||||
- Free Round Background:
|
#### Mobile
|
||||||
|
|
||||||
|
| Path | Preview |
|
||||||
|
|------|---------|
|
||||||
|
| `assets/game-assets/textures/mobile/preloads/main-game/custom-scale` |  |
|
||||||
|
|
||||||
|
#### Common
|
||||||
|
|
||||||
|
- **Free Round Background**
|
||||||
|
|
||||||
|
|
||||||
🔗 More Info To Pack Assets: [Game Asset Structure](http://localhost:3000/docs/category/game-asset-structure)
|
🔗 More: [Game Asset Structure](http://localhost:3000/docs/category/game-asset-structure)
|
||||||
|
|
||||||
:::tip
|
:::tip
|
||||||
- **Position and Size**: Follow game design.
|
- **Position & Size**: Follow the game design layout.
|
||||||
- **Asset Packing**: Use separate texture for Desktop and Mobile.
|
- **Asset Packing**: Use separate textures for Desktop and Mobile.
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
### Font Setup
|
### Font Setup
|
||||||
|
|
||||||
<table>
|
| Preview |
|
||||||
<thead>
|
|---------|
|
||||||
<tr>
|
|  |
|
||||||
<th style={{ width: "700px" }}>Preview</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td><center></center></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
## Game Result Examples
|
---
|
||||||
|
|
||||||
*To show the free round popup, make sure the main scene includes the popup panel.*
|
## Game Result Example
|
||||||
<span class="red-star">*</span> More Info: [Popup Panel](http://localhost:3000/docs/setup-main-game/main-scene/popup-panel#multiple-popup-panel)
|
|
||||||
|
Make sure the main scene includes the popup panel.
|
||||||
|
🔗 [See Popup Panel Guide](http://localhost:3000/docs/setup-main-game/main-scene/popup-panel#multiple-popup-panel)
|
||||||
|
|
||||||
| Platform | Popup | Action | Result |
|
| Platform | Popup | Action | Result |
|
||||||
|--------|-----|------|------|
|
|----------|--------|---------------|--------|
|
||||||
|Desktop||click → Start||
|
| Desktop |  | Click → Start |  |
|
||||||
|Mobile||click → Start||
|
| Mobile |  | Click → Start |  |
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 18 KiB |
Loading…
x
Reference in New Issue
Block a user