From d7ed9e65fc8fde96637e268eaa5e1a5c596f9a89 Mon Sep 17 00:00:00 2001 From: huy Date: Wed, 21 May 2025 11:03:59 +0700 Subject: [PATCH] Update content --- .../05-main-scene/02-background.md | 2 +- .../05-main-scene/05-win-point-on-reel.md | 8 ++------ .../05-main-scene/06-special-win.md | 7 +------ .../05-main-scene/07-item-description.md | 14 ++++++++------ .../05-main-scene/10-desktop-bottom-bar-ui.md | 6 ++++++ .../05-main-scene/11-ui-mobile-panel.md | 5 ++++- 6 files changed, 22 insertions(+), 20 deletions(-) diff --git a/docs/02-setup-main-game/05-main-scene/02-background.md b/docs/02-setup-main-game/05-main-scene/02-background.md index 0a2c0de..eaf7c65 100644 --- a/docs/02-setup-main-game/05-main-scene/02-background.md +++ b/docs/02-setup-main-game/05-main-scene/02-background.md @@ -7,7 +7,7 @@ sidebar_position: 2 Is the visual scenery that appears behind the gameplay elements. --- -## Overivew +## Overview The background consists of 2 parts: **Landscape** and **Portrait**. diff --git a/docs/02-setup-main-game/05-main-scene/05-win-point-on-reel.md b/docs/02-setup-main-game/05-main-scene/05-win-point-on-reel.md index b702d90..f925a48 100644 --- a/docs/02-setup-main-game/05-main-scene/05-win-point-on-reel.md +++ b/docs/02-setup-main-game/05-main-scene/05-win-point-on-reel.md @@ -12,7 +12,7 @@ sidebar_position: 5 ## Implementation -### Prepare Asssets +### Prepare Assets #### In Core @@ -140,8 +140,4 @@ Set the target node where each win point label appears and define its size and o :::tip - **Position And Size**: Follow Game Design. -::: - - ## Game Result Examples - - ![Overview](../img/05-main-scene/win-point-on-reel/win-point-result.png)| \ No newline at end of file +::: \ No newline at end of file diff --git a/docs/02-setup-main-game/05-main-scene/06-special-win.md b/docs/02-setup-main-game/05-main-scene/06-special-win.md index 2675298..49107af 100644 --- a/docs/02-setup-main-game/05-main-scene/06-special-win.md +++ b/docs/02-setup-main-game/05-main-scene/06-special-win.md @@ -167,9 +167,4 @@ Place animated assets in the following directories: :::tip 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) +::: \ No newline at end of file diff --git a/docs/02-setup-main-game/05-main-scene/07-item-description.md b/docs/02-setup-main-game/05-main-scene/07-item-description.md index f2ef36a..526c8b1 100644 --- a/docs/02-setup-main-game/05-main-scene/07-item-description.md +++ b/docs/02-setup-main-game/05-main-scene/07-item-description.md @@ -13,7 +13,9 @@ Provides players with detailed information about each item in the game. ![Item Description Overview](./img/07-item-description/overview.png) -## Prepare the assets +## Implementation + +### Prepare Assets | Assets | Description | |--------|-------------| | ![Info Page Prepare Assets](./img/07-item-description/prepare-assets-1.png) | Used to Setup the background. | @@ -21,16 +23,16 @@ Provides players with detailed information about each item in the game. | ![Info Page Prepare Assets](./img/07-item-description/prepare-assets-3.png) | Used to Setup the animation symbol. | | ![Info Page Prepare Assets](./img/07-item-description/prepare-assets-4.png) | Used to Setup the payout/description. | -## Setup Prefabs Item Description +### Setup | Step | Action | Description | Image Reference | | :--: | :----- | :---------- | :-------------: | | 1 | Locate all template prefabs needed for the **Item Description** | Search for the `template-item-description` prefab. | ![Locate Prefabs](./img/07-item-description/prepare-prefabs-1.png) | | 2 | Clone assets| Copy and paste them to the game assets location, then rename the copied prefabs by removing unnecessary prefixes. | ![Locate Prefabs](./img/07-item-description/prepare-prefabs-2.png) | -### 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: ![Locate Prefabs](./img/07-item-description/setup-item-small-overview.png) @@ -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.
- Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if you need to create a Bitmap Font.| ![Locate Prefabs](./img/07-item-description/setup-item-small-4.png) | -### 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: ![Locate Prefabs](./img/07-item-description/setup-item-no-odds-overview.png) @@ -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. | ![Locate Prefabs](./img/07-item-description/setup-item-no-odds-3.png) | | 4 | - Set the **String** and adjust **Color**, **Font** and **Font Size** in the `description` according to the game design.
- Use [Bitmap Font Creator](http://localhost:3000/docs/category/game-asset-structure) if you need to create a Bitmap Font. | ![Locate Prefabs](./img/07-item-description/setup-item-no-odds-4.png) | -### item-description-big +#### item-description-big Setup the `item-description-big` prefab for items that include both a win payout and a description: ![Locate Prefabs](./img/07-item-description/setup-item-big-overview.png) diff --git a/docs/02-setup-main-game/05-main-scene/10-desktop-bottom-bar-ui.md b/docs/02-setup-main-game/05-main-scene/10-desktop-bottom-bar-ui.md index 2a67f13..aaebffe 100644 --- a/docs/02-setup-main-game/05-main-scene/10-desktop-bottom-bar-ui.md +++ b/docs/02-setup-main-game/05-main-scene/10-desktop-bottom-bar-ui.md @@ -3,12 +3,18 @@ sidebar_position: 10 --- # Bottom Bar UI (Desktop) +The bottom bar UI on desktop provides a functional interface for gameplay control + +--- + ### Overview - Full bottom bar with all controls visible - Horizontal layout maximizing screen width ![Desktop Bottom Bar UI Layout](../img/05-main-scene/bottom-ui-desktop.png) +## Implementation + ### Step 1: Set Up Prefab Editor | Step | Action | image | diff --git a/docs/02-setup-main-game/05-main-scene/11-ui-mobile-panel.md b/docs/02-setup-main-game/05-main-scene/11-ui-mobile-panel.md index 6a69ede..a138821 100644 --- a/docs/02-setup-main-game/05-main-scene/11-ui-mobile-panel.md +++ b/docs/02-setup-main-game/05-main-scene/11-ui-mobile-panel.md @@ -2,6 +2,9 @@ sidebar_position: 11 --- # Mobile UI Panel +The Mobile UI provides a functional interface for gameplay control + +--- ### Overview 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 | ![Mobile Landscape](../img/05-main-scene/menu-landscape.png) | | Portrait | ![Mobile Portrait](../img/05-main-scene/menu-portrait.png) - +## Implementation ### Step 1: Set Up Prefabs | Step | Action | Description | Image Reference |