add setup info pages
This commit is contained in:
parent
2c8e47b294
commit
17fc18ebc2
@ -7,7 +7,7 @@ sidebar_position: 9
|
|||||||
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.
|
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
|
## Overview
|
||||||
|
|
||||||
- **Desktop** consists Paytable and Rules in **Info Pages**.
|
- **Desktop** consists Paytable and Rules in **Info Pages**.
|
||||||
- **Mobile** is divided into 2 parts Paytable and Rules
|
- **Mobile** is divided into 2 parts Paytable and Rules
|
||||||
@ -27,35 +27,36 @@ Info Pages (Information Pages) provide players with essential details about how
|
|||||||
|
|
||||||
| Step | Action | Description | Image Reference |
|
| Step | Action | Description | Image Reference |
|
||||||
| :--: | :----- | :---------- | :---------------------------------------------------------------------------------------------: |
|
| :--: | :----- | :---------- | :---------------------------------------------------------------------------------------------: |
|
||||||
| 1 | Locate all template prefabs need for **Info Pages Desktop** | Search for the `desktop-hyper-info-panel` prefab |  |
|
| 1 | Locate all template prefabs need for **Info Pages 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. |  |
|
| 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 | <img width="1500"/>  |
|
|
||||||
|
|
||||||
### desktop-info-panel
|
### desktop-info-panel
|
||||||
|
|
||||||
| Step | Action | Image Reference |
|
| Step | Action | Image Reference |
|
||||||
| :--: | :----- | :-------------: |
|
| :--: | :----- | :-------------: |
|
||||||
| 1 | Change **Color** in `page-background` follow the game design..| <img width="400"/> |
|
| 1 | Change **Color** in `page-background` follow the game design.| <img width="400"/> |
|
||||||
| 2 | Change **Color** in `menu-header-background` follow the game design. |  |
|
| 2 | Change **Color** in `menu-header-background` follow the game design. |  |
|
||||||
| 3 | Update **Prefab** in `paytable-content` from prepared prefabs. |  ||
|
| 3 | Update **Prefab** in `paytable-content` from prepared prefabs. |  ||
|
||||||
| 4 | Update **Prefab** in `rules-content` from prepared prefabs..|  |
|
| 4 | Update **Prefab** in `rules-content` from prepared prefabs.|  |
|
||||||
|
|
||||||
### desktop-paytable-content
|
### desktop-paytable-content
|
||||||
|
|
||||||
- Paytable: Consist **Item with Payout** and **Item with Description**
|
- Paytable: Consist **Item with Payout** and **Item with Description**.
|
||||||
|
|
||||||
 
|
- Setup **Item with Payout**:
|
||||||
|
|
||||||
- Setup **Item with Payout**
|
|
||||||
|
|
||||||
| Step | Action | Image Reference |
|
| Step | Action | Image Reference |
|
||||||
| :--: | :----- | :-------------: |
|
| :--: | :----- | :-------------: |
|
||||||
| 1 | Setup Item with **Item Name** and **Odds Items** follow the game design.| <img width="1000"/>  |
|
| 1 | Setup Item with **Item Name** and **Odds Items** follow the game design.| <img width="1000"/>  |
|
||||||
| 2 | Setup **Sprite Frame** in `item-display` same name with item from prepared assets. |  |
|
| 2 | Setup **Sprite Frame** in `item-display` same name with item from prepared assets. |  |
|
||||||
| 3 | Change **Color** in<br/> `multi-x...`<br/>`oods-x...`<br/> follow the game design. |  ||
|
| 3 | Change **Color** in `multi-x...` and `oods-x...` follow the game design. |  ||
|
||||||
| 4 | - Change **Font** and **Font Size** in<br/> `multi-x...`<br/>`oods-x...`<br/> follow the game design.<br/> - Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) to create Font Bitmap if you need it.|  |
|
| 4 | - Change **Font** and **Font Size** in `multi-x...` and `oods-x...` follow the game design.<br/> - Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) to create Font Bitmap if you need it.|  |
|
||||||
|
|
||||||
- Setup **Item with Description**
|
- Setup **Item with Description**:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
| Step | Action | Image Reference |
|
| Step | Action | Image Reference |
|
||||||
| :--: | :----- | :-------------: |
|
| :--: | :----- | :-------------: |
|
||||||
@ -63,9 +64,7 @@ Info Pages (Information Pages) provide players with essential details about how
|
|||||||
| 2 | Setup **Sprite Frame** in `item-display` same name with item from prepared assets. |  |
|
| 2 | Setup **Sprite Frame** in `item-display` same name with item from prepared assets. |  |
|
||||||
| 3 | Change **String** in `description` follow the game design. |  |
|
| 3 | Change **String** in `description` follow the game design. |  |
|
||||||
|
|
||||||
- Feature Game:
|
- Feature Game: Depending on each game, there will be different feature: **FREESPIN BONUS**, **BONUS FEATURE**, ...
|
||||||
|
|
||||||
Depending on each game, there will be different feature: **FREESPIN BONUS**, **BONUS FEATURE**, ...
|
|
||||||
|
|
||||||
- Title : Change **String** and **Color** in `freespins-bonus-title` follow the game design.
|
- Title : Change **String** and **Color** in `freespins-bonus-title` follow the game design.
|
||||||
- Image : Setup **Sprite Frame** `freespins-bonus-image-...` use from prepared assets.
|
- Image : Setup **Sprite Frame** `freespins-bonus-image-...` use from prepared assets.
|
||||||
@ -77,10 +76,10 @@ Info Pages (Information Pages) provide players with essential details about how
|
|||||||
|  |  |
|
|  |  |
|
||||||
|
|
||||||
### desktop-rules-content
|
### desktop-rules-content
|
||||||
There are 2 types: **LINES** and **DYNAWAYS**
|
There are 2 types: **LINES** and **DYNAWAYS**.
|
||||||
1. Setup **Sprite Frame** in `lines-image` from prepared assets.
|
1. Setup **Sprite Frame** in `lines-image` from prepared assets.
|
||||||
2. Change **Color** in `lines-title` follow game desgin.
|
2. Change **Color** in `lines-title` follow game desgin.
|
||||||
3. If the game is **Dynaways**
|
3. If the game is **Dynaways**:
|
||||||
- Change **String** in `lines-title` is **DYNAWAYS**.
|
- Change **String** in `lines-title` is **DYNAWAYS**.
|
||||||
- Enable and update **String** in `lines-description`.
|
- Enable and update **String** in `lines-description`.
|
||||||
|
|
||||||
@ -93,8 +92,19 @@ Info Pages (Information Pages) provide players with essential details about how
|
|||||||
|
|
||||||
| Step | Action | Description | Image Reference |
|
| Step | Action | Description | Image Reference |
|
||||||
| :--: | :----- | :---------- | :-------------: |
|
| :--: | :----- | :---------- | :-------------: |
|
||||||
| 1 | Locate all template prefabs need for **Info Pages Mobile**| Search for the `mobile-ui` prefab |<img width="2000"/> |
|
| 1 | Locate all template prefabs need for **Info Pages Mobile**| Search for the `mobile-ui` prefab. |<img width="2000"/> |
|
||||||
| 2 | Clone assets| Copy/Pase to game assets location, then rename the copied prefabs by removing unnecessary prefixes. |  |
|
| 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. | |
|
| 3 | Configure prefabs| We will configure `mobile-paytable-content` and `mobile-rules-content` the same as configure for desktop. | [Configure prefabs Desktop](./info-pages#setup-prefabs-desktop) |
|
||||||
| 4 | Locate **Paytable** spawner position in `mobile-ui`, then use prefab configured.| Search for the `mobile-paytable-content-spawner` in `mobile-ui` prefab. |  |
|
| 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. | <img width="1500"/> |
|
| 5 | Locate **Rules** spawner position in `mobile-ui`, then use prefab configured.| Search for the `mobile-rule-content-spawner` in `mobile-ui` prefab. | <img width="1500"/> |
|
||||||
|
|
||||||
|
:::tip
|
||||||
|
|
||||||
|
If the game already have server, we will check config settings from server.
|
||||||
|
|
||||||
|
1. Run DevTools on Browser, on tab **Network** find message with **event** = "config".
|
||||||
|
|
||||||
|
2. Check values in **paytable** and compare it with what we've done.
|
||||||
|
|
||||||
|
|
||||||
|
:::
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 175 KiB After Width: | Height: | Size: 115 KiB |
Loading…
x
Reference in New Issue
Block a user