fix content jackpot panel

This commit is contained in:
dungdq 2025-05-20 11:52:15 +07:00
parent a35ae44191
commit d15f07de03
2 changed files with 41 additions and 8 deletions

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