Merge pull request 'feature/add-freeround' (#53) from feature/add-freeround into develop
Reviewed-on: #53
This commit is contained in:
commit
590e65b3de
@ -11,95 +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.
|
||||
- Supports both **desktop** and **mobile**, including animation and event handling.
|
||||
|
||||
| Orientation | Preview |
|
||||
|-------------|---------|
|
||||
| Desktop |  |
|
||||
| Mobile |  |
|
||||
| Platform | Preview |
|
||||
|----------|---------|
|
||||
| Desktop |  |
|
||||
| Mobile |  |
|
||||
|
||||
---
|
||||
|
||||
## Implementation
|
||||
|
||||
## Implementation
|
||||
### Prefab Location
|
||||
|
||||
#### In Core
|
||||
- Copy or parse prefabs from core to game assets.
|
||||
|
||||
| Path | Example |
|
||||
|---------------------------------------------------------------------|------------------------------------------------------------------------------------------|
|
||||
| `assets\core-assets\hyper-core\packages\freeround-count-box\prefabs` | <center></center> |
|
||||
#### Core
|
||||
|
||||
#### In Game
|
||||
| Path | Preview |
|
||||
|------|---------|
|
||||
| `assets/core-assets/hyper-core/packages/freeround-count-box/prefabs` |  |
|
||||
|
||||
| Path | Example |
|
||||
|-----------------------------------|---------------------------------------------------------------------------------------------------|
|
||||
| `assets\game-assets\prefabs` | <center></center> |
|
||||
#### Game
|
||||
|
||||
| Path | Preview |
|
||||
|------|---------|
|
||||
| `assets/game-assets/prefabs` | |
|
||||
|
||||
---
|
||||
|
||||
### 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)**: Desktop / Mobile <span class="red-star">*</span>
|
||||
"
|
||||
|
||||
| Property | Description |
|
||||
|---------------|------------------------------------------|
|
||||
| `duration` | Animation duration in seconds (fade In/Out) |
|
||||
| `content` | Container node for the counter |
|
||||
| `labelLeft` | Label displaying remaining free rounds |
|
||||
| Property | Description |
|
||||
|---------------|--------------------------------------------|
|
||||
| `duration` | Duration of fade in/out animation (seconds) |
|
||||
| `content` | Container node for the counter |
|
||||
| `labelLeft` | Label showing remaining free rounds |
|
||||
|
||||
---
|
||||
|
||||
### Platform Setup
|
||||
|
||||
- Ensure that the desktop and mobile prefabs are positioned differently in the main game scene for proper layout on each platform.
|
||||
|
||||
#### Desktop
|
||||
|
||||
| Component | Description |
|
||||
|--------------------------|---------------------------------------------------------------------------------------------------------------|
|
||||
| `Platform-ui-controller` | [Platform UI Controller](http://localhost:3000/docs/faqs/setup-cocos-scene#Platform-ui-controller) |
|
||||
|
||||
|
||||
|
||||
| Component | Description |
|
||||
|-------------------------|-------------|
|
||||
| `Platform-ui-controller` | [View Setup](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-ui-controller) |
|
||||
|
||||
---
|
||||
|
||||
#### Mobile
|
||||
|
||||
| Component | Description |
|
||||
|-----------------------|--------------------------------------------------------------------------------------------------------------------------|
|
||||
| `Platform-ui-controller` | [Platform UI Controller](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) |
|
||||
|
||||
|
||||
|
||||
| Component | Description |
|
||||
|-------------------------|-------------|
|
||||
| `Platform-ui-controller` | [View Setup](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-ui-controller) |
|
||||
| `UI Mobile Position` | [Mobile Position Setup](http://localhost:3000/docs/faqs/setup-cocos-scene#ui-mobile-landscape--portrait--position) |
|
||||
|
||||
---
|
||||
|
||||
### Asset Setup
|
||||
|
||||
#### Desktop
|
||||
|
||||
| Path | Preview |
|
||||
|------|---------|
|
||||
| `assets/game-assets/textures/desktop/preloads/main-game/custom-scale` |  |
|
||||
|
||||
#### Mobile
|
||||
|
||||
| Path | Preview |
|
||||
|------|---------|
|
||||
| `assets/game-assets/textures/mobile/preloads/main-game/custom-scale` |  |
|
||||
|
||||
#### Common
|
||||
|
||||
- **Free Round Background**
|
||||
|
||||
|
||||
🔗 More: [Game Asset Structure](http://localhost:3000/docs/category/game-asset-structure)
|
||||
|
||||
:::tip
|
||||
- **Position & Size**: Follow the game design layout.
|
||||
- **Asset Packing**: Use separate textures for Desktop and Mobile.
|
||||
:::
|
||||
|
||||
---
|
||||
|
||||
### Font Setup
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style={{ width: "700px" }}>Preview</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><center></center></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
| Preview |
|
||||
|---------|
|
||||
|  |
|
||||
|
||||
:::tip
|
||||
- **Position And Size**: Follow Game Design.
|
||||
:::
|
||||
---
|
||||
|
||||
## Game Result Example
|
||||
|
||||
## Game Result Examples
|
||||
|
||||
*To show the free round popup, make sure the main scene includes the popup panel.*
|
||||
<span class="red-star">*</span> More Detail: [Popup Panel](http://localhost:3000/docs/setup-main-game/main-scene/popup-panel#multiple-popup-panel)
|
||||
|
||||
|Platform|Popup|Action|Result|
|
||||
|--------|-----|------|------|
|
||||
|Desktop||click → Start||
|
||||
|Mobile||click → Start||
|
||||
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 |
|
||||
|----------|--------|---------------|--------|
|
||||
| Desktop |  | Click → Start |  |
|
||||
| Mobile |  | Click → Start |  |
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Loading…
x
Reference in New Issue
Block a user