diff --git a/docs/02-setup-main-game/05-main-scene/15-jackpot-panel.md b/docs/02-setup-main-game/05-main-scene/15-jackpot-panel.md index a6089f4..526599e 100644 --- a/docs/02-setup-main-game/05-main-scene/15-jackpot-panel.md +++ b/docs/02-setup-main-game/05-main-scene/15-jackpot-panel.md @@ -1,11 +1,86 @@ --- sidebar_position: 15 --- - # Jackpot Setup --- ## Overview +- The jackpot feature includes four tiers: Grand, Major, Minor, and Mini, each offering different payout values. +| Tier | Description | Preview | +|-------|------------------------------|------------------------------------------------------------| +| Grand | Highest and rarest jackpot | ![Grand](../img/05-main-scene/jackpot-panel/jackpot-grand.png) | +| Major | High-value, less rare | ![Major](../img/05-main-scene/jackpot-panel/jackpot-major.png) | +| Minor | Medium, more frequent | ![Minor](../img/05-main-scene/jackpot-panel/jackpot-minor.png) | +| Mini | Lowest, frequent small wins | ![Mini](../img/05-main-scene/jackpot-panel/jackpot-mini.png) | + +- The panel is responsive and supports both desktop and mobile layouts: + +| Orientation | Preview | +|-------------|------------------------------------------------------------| +| Desktop | ![Desktop](../img/05-main-scene/jackpot-panel/jackpot-desktop.png) | +| Mobile | ![Mobile](../img/05-main-scene/jackpot-panel/jackpot-mobile.png) | + +## Implementation + +### Core Prefabs + +- Use the prefabs located at: + + |`assets/core-assets/jackpot-package/prefabs`|![Core](../img/05-main-scene/jackpot-panel/jackpot-core-prefabs.png)| + |--------------------------------------------|--------------------------------------------------------------------| + +### Setup Steps + +#### Desktop + +- Add the jackpot prefab to your main scene. +- Set its position to **(0, 0)**. + + ![Desktop](../img/05-main-scene/jackpot-panel/jackpot-in-desktop.png) + + More info: [Platform Node Spawner](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-node-spawner) + +#### Mobile + +- Configure the jackpot node for both landscape and portrait orientations. +- Use `UI Mobile Position` for a responsive layout. + + ![Mobile](../img/05-main-scene/jackpot-panel/jackpot-in-mobile.png) + + More info: [UI Mobile Position](http://localhost:3000/docs/faqs/setup-cocos-scene#ui-mobile-landscape--portrait--position) + +- Example using `Platform Node Spawner`: + + ![Mobile Spawner](../img/05-main-scene/jackpot-panel/jackpot-in-mobile-spawner.png) + + More info: [Platform Node Spawner](http://localhost:3000/docs/faqs/setup-cocos-scene#platform-node-spawner) + +### Result + +- The jackpot panel works seamlessly across all platforms and orientations. + + ![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
![Result](../img/05-main-scene/jackpot-panel/jackpot-positon-result.png) | +::: + + +## Game Result Examples + +| Win Tier | Example | +|----------|------------------------------------------------------------------| +| Grand | ![Grand](../img/05-main-scene/jackpot-panel/jackpot-grand-win.png) | +| Major | ![Major](../img/05-main-scene/jackpot-panel/jackpot-major-win.png) | +| Minor | ![Minor](../img/05-main-scene/jackpot-panel/jackpot-minor-win.png) | +| Mini | ![Mini](../img/05-main-scene/jackpot-panel/jackpot-mini-win.png) | diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-core-prefabs.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-core-prefabs.png new file mode 100644 index 0000000..db147ad Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-core-prefabs.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-desktop.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-desktop.png new file mode 100644 index 0000000..792bfd1 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-desktop.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-grand-win.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-grand-win.png new file mode 100644 index 0000000..73ce256 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-grand-win.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-grand.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-grand.png new file mode 100644 index 0000000..11a4529 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-grand.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-desktop.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-desktop.png new file mode 100644 index 0000000..1ac0671 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-desktop.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-mobile-spawner.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-mobile-spawner.png new file mode 100644 index 0000000..a9ed622 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-mobile-spawner.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-mobile.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-mobile.png new file mode 100644 index 0000000..bf0c2cc Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-in-mobile.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-major-win.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-major-win.png new file mode 100644 index 0000000..f5e8a65 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-major-win.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-major.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-major.png new file mode 100644 index 0000000..a596690 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-major.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini-win-desktop.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini-win-desktop.png new file mode 100644 index 0000000..9c24852 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini-win-desktop.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini-win.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini-win.png new file mode 100644 index 0000000..5da58c7 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini-win.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini.png new file mode 100644 index 0000000..d7340e3 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mini.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-minor-win.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-minor-win.png new file mode 100644 index 0000000..b979534 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-minor-win.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-minor.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-minor.png new file mode 100644 index 0000000..e31288d Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-minor.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mobile.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mobile.png new file mode 100644 index 0000000..652089b Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-mobile.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-positon-result.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-positon-result.png new file mode 100644 index 0000000..9df06f1 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-positon-result.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-result.png b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-result.png new file mode 100644 index 0000000..e86322e Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/jackpot-panel/jackpot-result.png differ