Nguyen Ngoc Thanh 900be7f6b2 add setup info pages

2025-05-16 10:14:45 +07:00

7.0 KiB

Raw Blame History

sidebar_position

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.

Overview

Desktop consists Paytable and Rules in Info Pages.
Mobile is divided into 2 parts Paytable and Rules

Desktop	Mobile

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

desktop-info-panel

| Step | Action | Image Reference |
    | :--: | :----- | :-------------: |
    | 1 | Change **Color** in `page-background` follow the game design.| <img width="400"/>![Locate Prefabs](./img/09-info-pages/configure-panel-1.png) |
    | 2 | Change **Color** in `menu-header-background` follow the game design. | ![Locate Prefabs](./img/09-info-pages/configure-panel-2.png) |
    | 3 | Update **Prefab** in `paytable-content` from prepared prefabs. | ![Locate Prefabs](./img/09-info-pages/configure-panel-3.png) ||
    | 4 | Update **Prefab** in `rules-content` from prepared prefabs.| ![Locate Prefabs](./img/09-info-pages/configure-panel-4.png) |

desktop-paytable-content

Paytable: Consist Item with Payout and Item with Description.

Setup Item with Payout:

Step	Action	Image Reference
1	Setup Item with Item Name and Odds Items follow the game design.
2	Setup Sprite Frame in `item-display` same name with item from prepared assets.
3	Change Color in `multi-x...` and `oods-x...` follow the game design.
4	- Change Font and Font Size in `multi-x...` and `oods-x...` follow the game design. - Use Bitmap Font Creator to create Font Bitmap if you need it.

Setup Item with Description:

Step	Action	Image Reference
1	Setup Item with Name follow the game design.
2	Setup Sprite Frame in `item-display` same name with item from prepared assets.
3	Change String in `description` follow the game design.

Feature Game: 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.
- Image : Setup Sprite Frame freespins-bonus-image-... use from prepared assets.
- Description: Change String in freespins-bonus-description ollow the game design.

Overivew	Configure

desktop-rules-content

There are 2 types: **Lines** and **Ways/Dynaways**.
1. Setup **Sprite Frame** in `lines-image` from prepared assets.
2. Change **Color** in `lines-title` follow game desgin.
3. If the game is **Ways/Dynaways**:
    - Change **String** in `lines-title` is **DYNAWAYS**.
    - Enable and update **String** in `lines-description`.

Overivew	Configure

Setup Prefabs Mobile

Step	Action	Description	Image Reference
1	Locate all template prefabs need for Info Pages 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 configure `mobile-paytable-content` and `mobile-rules-content` the same as configure for desktop.	Configure 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.
5	Locate Rules spawner position in `mobile-ui`, then use prefab configured.	Search for the `mobile-rule-content-spawner` in `mobile-ui` prefab.