Update content
This commit is contained in:
parent
a001c0159c
commit
d7ed9e65fc
@ -7,7 +7,7 @@ sidebar_position: 2
|
|||||||
Is the visual scenery that appears behind the gameplay elements.
|
Is the visual scenery that appears behind the gameplay elements.
|
||||||
|
|
||||||
---
|
---
|
||||||
## Overivew
|
## Overview
|
||||||
|
|
||||||
The background consists of 2 parts: **Landscape** and **Portrait**.
|
The background consists of 2 parts: **Landscape** and **Portrait**.
|
||||||
|
|
||||||
|
@ -12,7 +12,7 @@ sidebar_position: 5
|
|||||||
|
|
||||||
## Implementation
|
## Implementation
|
||||||
|
|
||||||
### Prepare Asssets
|
### Prepare Assets
|
||||||
|
|
||||||
#### In Core
|
#### In Core
|
||||||
|
|
||||||
@ -141,7 +141,3 @@ Set the target node where each win point label appears and define its size and o
|
|||||||
:::tip
|
:::tip
|
||||||
- **Position And Size**: Follow Game Design.
|
- **Position And Size**: Follow Game Design.
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## Game Result Examples
|
|
||||||
|
|
||||||
|
|
|
@ -168,8 +168,3 @@ Place animated assets in the following directories:
|
|||||||
:::tip
|
:::tip
|
||||||
Customize font styles based on each game's design.
|
Customize font styles based on each game's design.
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## Game Result Example
|
|
||||||
|
|
||||||
The game result display for Special Wins should match the style and format shown in the Overview section.
|
|
||||||
🔗 [Game Result Example](/docs/setup-main-game/main-scene/special-win#overview)
|
|
||||||
|
@ -13,7 +13,9 @@ Provides players with detailed information about each item in the game.
|
|||||||
|
|
||||||

|

|
||||||
|
|
||||||
## Prepare the assets
|
## Implementation
|
||||||
|
|
||||||
|
### Prepare Assets
|
||||||
| Assets | Description |
|
| Assets | Description |
|
||||||
|--------|-------------|
|
|--------|-------------|
|
||||||
|  | Used to Setup the background. |
|
|  | Used to Setup the background. |
|
||||||
@ -21,16 +23,16 @@ Provides players with detailed information about each item in the game.
|
|||||||
|  | Used to Setup the animation symbol. |
|
|  | Used to Setup the animation symbol. |
|
||||||
|  | Used to Setup the payout/description. |
|
|  | Used to Setup the payout/description. |
|
||||||
|
|
||||||
## Setup Prefabs Item Description
|
### Setup
|
||||||
|
|
||||||
| Step | Action | Description | Image Reference |
|
| Step | Action | Description | Image Reference |
|
||||||
| :--: | :----- | :---------- | :-------------: |
|
| :--: | :----- | :---------- | :-------------: |
|
||||||
| 1 | Locate all template prefabs needed for the **Item Description** | Search for the `template-item-description` prefab. |  |
|
| 1 | Locate all template prefabs needed for the **Item Description** | Search for the `template-item-description` prefab. |  |
|
||||||
| 2 | Clone assets| Copy and paste them to the game assets location, then rename the copied prefabs by removing unnecessary prefixes. |  |
|
| 2 | Clone assets| Copy and paste them to the game assets location, then rename the copied prefabs by removing unnecessary prefixes. |  |
|
||||||
|
|
||||||
### item-description-small
|
#### item-description-small
|
||||||
|
|
||||||
Setup the `item-description-small` prefab for items have a win payout:
|
Setup the `item-description-small` prefab for items have only win payout:
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
@ -42,7 +44,7 @@ Provides players with detailed information about each item in the game.
|
|||||||
| 4 | - Adjust **Color**, **Font** and **Font Size** in `multi-x...` and `oods-x...` according to the game design.<br/> - Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if you need to create a Bitmap Font.|  |
|
| 4 | - Adjust **Color**, **Font** and **Font Size** in `multi-x...` and `oods-x...` according to the game design.<br/> - Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if you need to create a Bitmap Font.|  |
|
||||||
|
|
||||||
|
|
||||||
### item-description-no-odds
|
#### item-description-no-odds
|
||||||
Setup the `item-description-no-odds` prefab for items that have a description but no win payout:
|
Setup the `item-description-no-odds` prefab for items that have a description but no win payout:
|
||||||
|
|
||||||

|

|
||||||
@ -54,7 +56,7 @@ Provides players with detailed information about each item in the game.
|
|||||||
| 3 | - Setup the **Sprite Frame** in the `sprite-item` using the same name as the item from the prepared assets. |  |
|
| 3 | - Setup the **Sprite Frame** in the `sprite-item` using the same name as the item from the prepared assets. |  |
|
||||||
| 4 | - Set the **String** and adjust **Color**, **Font** and **Font Size** in the `description` according to the game design.<br/> - Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if you need to create a Bitmap Font. |  |
|
| 4 | - Set the **String** and adjust **Color**, **Font** and **Font Size** in the `description` according to the game design.<br/> - Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if you need to create a Bitmap Font. |  |
|
||||||
|
|
||||||
### item-description-big
|
#### item-description-big
|
||||||
Setup the `item-description-big` prefab for items that include both a win payout and a description:
|
Setup the `item-description-big` prefab for items that include both a win payout and a description:
|
||||||
|
|
||||||

|

|
||||||
|
@ -3,12 +3,18 @@ sidebar_position: 10
|
|||||||
---
|
---
|
||||||
# Bottom Bar UI (Desktop)
|
# Bottom Bar UI (Desktop)
|
||||||
|
|
||||||
|
The bottom bar UI on desktop provides a functional interface for gameplay control
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
### Overview
|
### Overview
|
||||||
- Full bottom bar with all controls visible
|
- Full bottom bar with all controls visible
|
||||||
- Horizontal layout maximizing screen width
|
- Horizontal layout maximizing screen width
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
## Implementation
|
||||||
|
|
||||||
### Step 1: Set Up Prefab Editor
|
### Step 1: Set Up Prefab Editor
|
||||||
|
|
||||||
| Step | Action | image |
|
| Step | Action | image |
|
||||||
|
@ -2,6 +2,9 @@
|
|||||||
sidebar_position: 11
|
sidebar_position: 11
|
||||||
---
|
---
|
||||||
# Mobile UI Panel
|
# Mobile UI Panel
|
||||||
|
The Mobile UI provides a functional interface for gameplay control
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
### Overview
|
### Overview
|
||||||
The mobile interface adapts to both landscape and portrait orientations:
|
The mobile interface adapts to both landscape and portrait orientations:
|
||||||
@ -11,7 +14,7 @@ The mobile interface adapts to both landscape and portrait orientations:
|
|||||||
| Landscape |  |
|
| Landscape |  |
|
||||||
| Portrait | 
|
| Portrait | 
|
||||||
|
|
||||||
|
## Implementation
|
||||||
### Step 1: Set Up Prefabs
|
### Step 1: Set Up Prefabs
|
||||||
|
|
||||||
| Step | Action | Description | Image Reference |
|
| Step | Action | Description | Image Reference |
|
||||||
|
Loading…
x
Reference in New Issue
Block a user