feature/add-jackpot-panel #56

Merged
huy.pham merged 9 commits from feature/add-jackpot-panel into develop 2025-05-20 15:21:44 +08:00
2 changed files with 41 additions and 8 deletions
Showing only changes of commit d15f07de03 - Show all commits

View File

@ -36,8 +36,18 @@ sidebar_position: 15
#### Desktop
- Add the jackpot prefab to your main scene.
- Add the jackpot prefab to your main scene:
- create new node,
- add component `platform-node-spawner`
- Set its position to **(0, 0)**.
- **Scene Hierarchy**
```
Canvas
└── [main-view]
└── [game-view]
├── [logo]
└── [jackpot-runner-panel-desktop-spawner]
```
![Desktop](../img/05-main-scene/jackpot-panel/jackpot-in-desktop.png)
@ -46,7 +56,16 @@ sidebar_position: 15
#### Mobile
- Configure the jackpot node for both landscape and portrait orientations.
- Use `UI Mobile Position` for a responsive layout.
- **Scene Hierarchy**
```
Canvas
└── [main-view]
└── [game-view]
├── [logo]
└── [contener-mobile-jackpot-runner]
└── [jackpot-mobile-runner-panel-spawner]
```
- Use `UI Mobile landscape Position` and `UI Mobile portrait Position` for a responsive layout.
![Mobile](../img/05-main-scene/jackpot-panel/jackpot-in-mobile.png)
@ -62,17 +81,31 @@ sidebar_position: 15
- The jackpot panel works seamlessly across all platforms and orientations.
- **Scene Hierarchy**
```
Canvas
└── [main-view]
└── [game-view]
├── [logo]
├── [jackpot-runner-panel-desktop-spawner]
├── [container-jackpot-runner-mobile]
│ └── [jackpot-mobile-runner-panel-spawner]
...
...
└── [jackpot-result-panel-spawner]
```
![Result](../img/05-main-scene/jackpot-panel/jackpot-result.png)
More info: [Node Spawner](http://localhost:3000/docs/faqs/setup-cocos-scene#node-spawner)
:::tip
**Sibling Index Order:**
| Node Name | Sibling Index | Notes |
|----------------------------------------|---------------|---------------------------------------|
| `jackpot-runner-panel-desktop-spawner` | Lowest | Usually at the bottom |
| `container-jackpot-runner-mobile` | Middle | Between desktop and result panels |
| `jackpot-result-panel-spawner` | Highest | Always on top <br /> ![Result](../img/05-main-scene/jackpot-panel/jackpot-positon-result.png) |
- Follow the game design layout.
- Scene Hierarchy:
![Result](../img/05-main-scene/jackpot-panel/jackpot-positon-result.png)
:::

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 14 KiB