82 lines
5.2 KiB
Markdown
82 lines
5.2 KiB
Markdown
---
|
|
sidebar_position: 9
|
|
---
|
|
|
|
# Info Pages
|
|
|
|
Info Pages (Information Pages) provide players with essential details about how the game works. It helps player understand the rules, features, symbols, payout structures, and other gameplay mechanics.
|
|
|
|
---
|
|
## Overivew
|
|
|
|
- **Desktop** consists Paytable and Rules in **Info Pages**.
|
|
- **Mobile** is divided into 2 parts Paytable and Rules
|
|
|
|
|Desktop | Mobile |
|
|
|:------:|:------:|
|
|
|||
|
|
|<br/>||
|
|
|
|
## Prepare the assets
|
|
| Assets | Description |
|
|
|--------|-------------|
|
|
||Used to setup **Rules** or image in RichText|
|
|
||Used to setup **Paytable**|
|
|
|
|
## Setup Prefabs Desktop
|
|
|
|
| Step | Action | Description | Image Reference |
|
|
| :--: | :----- | :---------- | :---------------------------------------------------------------------------------------------: |
|
|
| 1 | Locate all template prefabs need for **Info Page Desktop** | Search for the `desktop-hyper-info-panel` prefab |  |
|
|
| 2 | Clone assets| Copy/Pase to game assets location, then rename the copied prefabs by removing unnecessary prefixes. |  |
|
|
| 3 | Get settings config| - Run DevTools on Browser.<br/>- On tab Console, find message with **event** = `config`.<br/>- Get values in context = `paytable` to setup for Item Payout with Item name and Odds |  |
|
|
|
|
### desktop-info-panel
|
|
|
|
Change color `page-background`, `menu-header-background` follow the game design.
|
|
|
|
|
|
|
|
### desktop-paytable-content
|
|
|
|
- Paytable: Consist **Item with Payout** and **Item with Description**
|
|
|
|
 
|
|
|
|
| Action | Item with Payout | Item with Description|
|
|
| ------ | :--------------: | :------------------: |
|
|
| Setup Item with **Name** and **Odds** follow the game design. |  |  |
|
|
| Setup sprite frame `item-display` same name with Item from prepared assets. |  |  |
|
|
| Change color **odds value** follow the game design. |  ||
|
|
| Change **description** follow the game design. | |  |
|
|
|
|
- Feature Game: Depending on each game, there will be different features. Includes of 3 parts
|
|
- Title : Change Text and Color follow the game design.
|
|
- Image : Use from prepared assets.
|
|
- Description: Change Text follow the game design.
|
|
|
|
| Overivew | Configure |
|
|
| :--------------: | :------------------: |
|
|
|  |  |
|
|
|  |  |
|
|
|
|
### desktop-rules-content
|
|
|
|
1. Add new Node is child of `lines` name `lines-image` with **Sprite** Component
|
|
2. Use sprite frame **lines** from prepared assets.
|
|
3. Description: Change Text follow the game design.
|
|
|
|
| Overivew | Configure |
|
|
| :--------------: | :------------------: |
|
|
|  |  |
|
|
|
|
## Setup Prefabs Mobile
|
|
|
|
| Step | Action | Description | Image Reference |
|
|
| :--: | :----- | :---------- | :-------------: |
|
|
| 1 | Locate all template prefabs need for **Info Page Mobile** | Search for the `mobile-ui` prefab |  |
|
|
| 2 | Clone assets| Copy/Pase to game assets location, then rename the copied prefabs by removing unnecessary prefixes. |  |
|
|
| 3 | Configure prefabs| We will do the same as configure for desktop. | |
|
|
| 4 | Locate **Paytable** spawner position in `mobile-ui`, then use prefab configured.| Search for the `mobile-paytable-content-spawner` in `mobile-ui` prefab. |  |
|
|
| 5 | Locate **Rules** spawner position in `mobile-ui`, then use prefab configured.| Search for the `mobile-rule-content-spawner` in `mobile-ui` prefab. |  |
|