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
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. - On tab Console, find message with event = config. - 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.
