diff --git a/docs/02-setup-main-game/05-main-scene/14-setup-sprite-frame-provider.md b/docs/02-setup-main-game/05-main-scene/14-setup-sprite-frame-provider.md index 688f5a3..d5239c6 100644 --- a/docs/02-setup-main-game/05-main-scene/14-setup-sprite-frame-provider.md +++ b/docs/02-setup-main-game/05-main-scene/14-setup-sprite-frame-provider.md @@ -8,9 +8,9 @@ sidebar_position: 14 ## Overview -Special Wins are high-value reward events in slot games, categorized based on the payout threshold: +Special Wins are high-value reward events in slot games, cagegorized based on the payout threshold: -| Win Type | Trigger Threshold | Visual Preview | +| Win Type | Trigger Threshold | Preview | |-----------|-----------------------|----------------| | **Big Win** | Medium payout | ![Big](../img/05-main-scene/special-win-big.png) | | **Super Win** | High payout | ![Super](../img/05-main-scene/special-win-super.png) | @@ -40,13 +40,13 @@ The coin shower effect uses prefab variants for different markets: ![Base Coin Asset](../img/05-main-scene/special-win-coin.png) -| Prefab Name | Market Target | Asset Preview | +| Prefab Name | Market Target | Preview | |-------------|---------------|---------------| | `hyper-coin-shower-international` | Global markets | ![International Version](../img/05-main-scene/special-win-coin-internation.png) | | `hyper-coin-shower-chinese` | Chinese market | ![Chinese Version](../img/05-main-scene/special-win-coin-chinese.png) | :::tip -Position the Special Win node as per game design +- Position the Special Win node as per game design ::: --- @@ -59,10 +59,10 @@ Store static assets in platform-specific directories: | Platform | Path | Preview | |----------|------|---------| -| Desktop | `assets/textures/desktop/presloads/special-wins` | ![Desktop](../img/05-main-scene/special-win-folder-desktop.png) | -| Mobile | `assets/textures/mobile/presloads/special-wins` | ![Mobile](../img/05-main-scene/special-win-folder-mobile.png) | +| Desktop | `assets/textures/desktop/preloads/special-wins` | ![Desktop](../img/05-main-scene/special-win-folder-desktop.png) | +| Mobile | `assets/textures/mobile/preloads/special-wins` | ![Mobile](../img/05-main-scene/special-win-folder-mobile.png) | -[View Platform Asset Structure](http://localhost:3000/docs/category/game-asset-structure) +🔗 [View Platform Asset Structure](http://localhost:3000/docs/cagegory/game-asset-structure) --- @@ -94,7 +94,7 @@ graph TD MWL --> MWO[megawin-out] %% Legend nodes - L0["Feature Name"]-->L1["Win Types"] --> L2["In Stage"] --> L3["Loop Stage"] --> L4["Out Stage"] + L0["Feature Name"]-->L1["Win Types"] --> L2["In State"] --> L3["Loop State"] --> L4["Out State"] class L0 specialWin class L1 winType class L2 inStage @@ -125,8 +125,8 @@ Place animated assets in the following directories: | Platform | Path | Preview | |----------|------|---------| -| Desktop | `assets/textures/desktop/postloads/custom-scale/anim-special-win` | ![Desktop](../img/05-main-scene/special-win-folder-desktop-anim.png) | -| Mobile | `assets/textures/mobile/postloads/custom-scale/anim-special-win` | ![Mobile](../img/05-main-scene/special-win-folder-mobile-anim.png) | +| Desktop | `assets/textures/desktop/postloads/anim-special-win` | ![Desktop](../img/05-main-scene/special-win-folder-desktop-anim.png) | +| Mobile | `assets/textures/mobile/postloads/anim-special-win` | ![Mobile](../img/05-main-scene/special-win-folder-mobile-anim.png) | ##### Step 2: Configure Animation Settings @@ -135,30 +135,36 @@ Place animated assets in the following directories: | Static Fallback | ![Static](../img/05-main-scene/special-win-static.png) | | Loop Animation | ![Loop](../img/05-main-scene/special-win-loop.png) | -[View Animation Provider Setup](http://localhost:3000/docs/setup-main-game/main-scene/system#animation-provider-setup) +🔗 [View Animation Provider Setup](http://localhost:3000/docs/setup-main-game/main-scene/system#animation-provider-setup) :::tip -Static and animation folder paths may vary by game. Adjust as needed. +- Move assets to `custom-scale/` directory to resolve image quality issues +- Asset paths may vary by project configuration ::: ##### Step 3: Font Configuration -- **Path:** `assets\game-assets\fonts\preloads\main-game\fnt-special-win` +- **Path:** `assets\game-assets\fonts\preloads\main-game\fnt-special-win` - Follow these steps to configure fonts for special win displays: 1. **Package Font Assets** - Import font files into project + ![Font Packaging](../img/05-main-scene/special-win-pack-font.png) 2. **Font Integration** - Add font asset to special win component + ![Font Integration](../img/05-main-scene/special-win-font.png) 3. **Layout Settings** - - Configure text alignment - - Adjust font size and spacing + + - Configure text alignment + - Adjust font size and spacing + ![Font Layout](../img/05-main-scene/special-win-font-align.png) + :::tip Customize font styles based on each game's design. ::: diff --git a/docs/02-setup-main-game/img/05-main-scene/special-win-folder-desktop-anim.png b/docs/02-setup-main-game/img/05-main-scene/special-win-folder-desktop-anim.png index 540de94..009897a 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/special-win-folder-desktop-anim.png and b/docs/02-setup-main-game/img/05-main-scene/special-win-folder-desktop-anim.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/special-win-folder-mobile-anim.png b/docs/02-setup-main-game/img/05-main-scene/special-win-folder-mobile-anim.png index 19913f4..26bd127 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/special-win-folder-mobile-anim.png and b/docs/02-setup-main-game/img/05-main-scene/special-win-folder-mobile-anim.png differ