98 lines
5.5 KiB
Markdown
98 lines
5.5 KiB
Markdown
---
|
|
sidebar_position: 9
|
|
---
|
|
|
|
# Info Pages
|
|
|
|
## Overview
|
|
**Info Pages** provide players with details about game rules, features, symbols, payout structures, and mechanics. They are divided into **Paytable** and **Rules** sections, with different layouts for Desktop and Mobile.
|
|
|
|
| Platform | Desktop | Mobile |
|
|
|----------|---------|--------|
|
|
| Paytable/Rules | <br/><br/> | <br/> |
|
|
|
|
## Asset Preparation
|
|
| Assets | Description |
|
|
|--------|-------------|
|
|
|  | Used for **Rules** or RichText images. |
|
|
|  | Used for **Paytable** setup. |
|
|
|
|
## Desktop Setup
|
|
1. **Locate Template Prefabs**:
|
|
- Search for the `desktop-hyper-info-panel` prefab.
|
|
- 
|
|
2. **Clone Assets**:
|
|
- Copy and paste to the game assets location, removing unnecessary prefixes.
|
|
- 
|
|
|
|
### desktop-info-panel
|
|
| Step | Action | Image Reference |
|
|
|------|--------|-----------------|
|
|
| 1 | Change **Color** in `page-background` per game design. |  |
|
|
| 2 | Change **Color** in `menu-header-background` per game design. |  |
|
|
| 3 | Update **Prefab** in `paytable-content` using prepared prefabs. |  |
|
|
| 4 | Update **Prefab** in `rules-content` using prepared prefabs. |  |
|
|
|
|
### desktop-paytable-content
|
|
- **Item with Payout**:
|
|
- 
|
|
- Steps:
|
|
| Step | Action | Image Reference |
|
|
|------|--------|-----------------|
|
|
| 1 | Set **Item Name** and **Odds Items** per game design. |  |
|
|
| 2 | Set **Sprite Frame** in `item-display` using prepared assets. |  |
|
|
| 3 | Change **Color** in `multi-x...` and `odds-x...` per game design. |  |
|
|
| 4 | Adjust **Font** and **Font Size** in `multi-x...` and `odds-x...`. Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if needed. |  |
|
|
|
|
- **Item with Description**:
|
|
- 
|
|
- Steps:
|
|
| Step | Action | Image Reference |
|
|
|------|--------|-----------------|
|
|
| 1 | Set **Name** per game design. |  |
|
|
| 2 | Set **Sprite Frame** in `item-display` using prepared assets. |  |
|
|
| 3 | Change **String** in `description` per game design. |  |
|
|
|
|
- **Feature Game**:
|
|
- Configure based on game features (e.g., **FREESPIN BONUS**, **BONUS FEATURE**):
|
|
- **Title**: Update **String** and **Color** in `freespins-bonus-title`.
|
|
- **Image**: Set **Sprite Frame** in `freespins-bonus-image-...` using prepared assets.
|
|
- **Description**: Update **String** in `freespins-bonus-description`.
|
|
- 
|
|
- 
|
|
- 
|
|
- 
|
|
|
|
### desktop-rules-content
|
|
- Types: **Lines** or **Ways**.
|
|
- Steps:
|
|
1. Set **Sprite Frame** in `lines-image` using prepared assets.
|
|
2. Change **Color** in `lines-title` per game design.
|
|
3. For **Ways**:
|
|
- Update **String** in `lines-title` to **WIN WAYS/DYNAWAYS**.
|
|
- Enable and update **String** in `lines-description`.
|
|
- 
|
|
- 
|
|
- 
|
|
- 
|
|
|
|
## Mobile Setup
|
|
1. **Locate Template Prefabs**:
|
|
- Search for the `mobile-ui` prefab.
|
|
- 
|
|
2. **Clone Assets**:
|
|
- Copy and paste to the game assets location, removing unnecessary prefixes.
|
|
- 
|
|
3. **Configure Prefabs**:
|
|
- Configure `mobile-paytable-content` and `mobile-rules-content` as described in [Desktop Setup](#desktop-setup).
|
|
4. **Spawner Positions**:
|
|
- For **Paytable**: Use `mobile-paytable-content-spawner` in the `mobile-ui` prefab.
|
|
- 
|
|
- For **Rules**: Use `mobile-rule-content-spawner` in the `mobile-ui` prefab.
|
|
- 
|
|
|
|
**Tip**:
|
|
- If the game has a server, verify config settings:
|
|
1. Open DevTools, navigate to the **Network** tab, and find the message with **event** = "config".
|
|
2. Compare **paytable** values with the configured setup.
|
|
-  |