105 lines
4.3 KiB
Markdown
105 lines
4.3 KiB
Markdown
---
|
|
sidebar_position: 16
|
|
title: Free Round
|
|
description: Display and manage remaining free rounds in the game.
|
|
---
|
|
|
|
# Free Round
|
|
|
|
## Overview
|
|
|
|
- Handles the **display** and **logic** for tracking remaining free rounds in a slot game.
|
|
- Supports both **desktop** and **mobile**, including animation and event handling.
|
|
|
|
| Orientation | Preview |
|
|
|-------------|---------|
|
|
| Desktop |  |
|
|
| Mobile |  |
|
|
|
|
---
|
|
|
|
## Implementation
|
|
|
|
### Prefab Location
|
|
|
|
#### In Core
|
|
|
|
| Path | Example |
|
|
|---------------------------------------------------------------------|------------------------------------------------------------------------------------------|
|
|
| `assets\core-assets\hyper-core\packages\freeround-count-box\prefabs` | <center></center> |
|
|
|
|
#### In Game
|
|
|
|
| Path | Example |
|
|
|-----------------------------------|---------------------------------------------------------------------------------------------------|
|
|
| `assets\game-assets\prefabs` | <center></center> |
|
|
|
|
### General Setup
|
|
|
|
|
|
|
|
- Component that manages and displays the free rounds counter.
|
|
|
|
|
|
|
|
**(platform)**: Desktop / Mobile <span class="red-star">*</span>
|
|
|
|
| Property | Description |
|
|
|---------------|------------------------------------------|
|
|
| `duration` | Animation duration in seconds (fade In/Out) |
|
|
| `content` | Container node for the counter |
|
|
| `labelLeft` | Label displaying remaining free rounds |
|
|
|
|
---
|
|
|
|
### Platform Setup
|
|
|
|
#### Desktop
|
|
|
|
| Component | Description |
|
|
|--------------------------|---------------------------------------------------------------------------------------------------------------|
|
|
| `Platform-ui-controller` | [Platform UI Controller](http://localhost:3000/docs/faqs/setup-cocos-scene#Platform-ui-controller) |
|
|
|
|
|
|
|
|
---
|
|
|
|
#### Mobile
|
|
|
|
| Component | Description |
|
|
|-----------------------|--------------------------------------------------------------------------------------------------------------------------|
|
|
| `Platform-ui-controller` | [Platform UI Controller](http://localhost:3000/docs/faqs/setup-cocos-scene#Platform-ui-controller) |
|
|
| `UI Mobile Position` | [UI Mobile Position](http://localhost:3000/docs/faqs/setup-cocos-scene#ui-mobile-landscape--portrait--position) |
|
|
|
|
|
|
|
|
### Font Setup
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style={{ width: "700px" }}>Preview</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><center></center></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
:::tip
|
|
- **Position And Size**: Follow Game Design.
|
|
:::
|
|
|
|
|
|
## Game Result Examples
|
|
|
|
<span class="red-star">*</span> More Detail: [Popup Panel](http://localhost:3000/docs/setup-main-game/main-scene/popup-panel)
|
|
|
|
|Platform|Popup|Action|Result|
|
|
|--------|-----|------|------|
|
|
|Desktop||click → Start||
|
|
|Mobile||click → Start||
|
|
|