dungdq d15f07de03 fix content jackpot panel

2025-05-20 11:52:15 +07:00

4.6 KiB

Raw Blame History

sidebar_position

sidebar_position
15

Jackpot Setup

Overview

Jackpot Feature is a system where there are multiple levels (tiers) of prizes, usually increasing in value. This structure gives players a chance to win smaller jackpots more frequently, while still keeping a large top prize available.

Tier	Description	Preview
Grand	The top prize, very rare and often worth thousands or even millions(especially if it's progressive)
Major	A significant prize, harder to win.
Minor	A bit higher in value, still fairly common.
Mini	The smallest and easiest to win.

The panel is responsive and supports both desktop and mobile layouts:

Orientation	Preview
Desktop
Mobile

Implementation

Core Prefabs

Use the prefabs located at:

assets/core-assets/jackpot-package/prefabs

Setup Steps

Desktop

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)

  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.
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)

   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.
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