doc-slot-core-manual/docs/03-setup-special-feature/03-powerplay.md

---
sidebar_position: 3
---

# Powerplay

## Overview

![Desktop Bottom Bar](./img/powerplay/preview1.png)
![Desktop Bottom Bar](./img/powerplay/preview2.png)
![Desktop Bottom Bar](./img/powerplay/preview3.png)

---

## Prepare Prefabs

### Step 1: `power-play-panel.prefab`

**Copy**  
`template-power-play-panel`  
from  
`assets/core-assets/hyper-core/packages/power-panel/prefabs/template-power-play-panel.prefab`

![From Template](./img/powerplay/from-powerplay-panel.png)

**Paste & Rename To**  
`assets/game-assets/prefabs/power-play-panel.prefab`

:::warning
Must rename the prefab to **`power-play-panel`**
:::

![Renamed Prefab](./img/powerplay/powerplay-panel-to.png)

---

### Step 2: `mobile-power-play-panel`

**Copy**  
`template-mobile-power-play-panel`  
from  
`assets/core-assets/hyper-core/packages/ui/mobile-ui/prefabs/templates/template-mobile-power-play-panel.prefab`

![From Template](./img/powerplay/mobile-from.png)

**Paste & Rename To**  
`assets/game-assets/prefabs/mobile/power-play-panel.prefab`

:::warning
Must rename the prefab to **`mobile-power-play-panel`**
:::

![Renamed Prefab](./img/powerplay/mobile-to.png)

---

### Step 3: `template-label`

**Copy 5 Prefabs from**  
`assets/core-assets/slotty-core/packages/power-panel/editor/`

![From Folder](./img/powerplay/label-template-from.png)

**To**  
`assets/game-assets/editor/`

![To Folder](./img/powerplay/label-template-to.png)

---

## Edit Prefab

**Follow the design and edit the prefab accordingly:**

![Prefab Design](./img/powerplay/label-template-to.png)

| Component         | Description                                       |
|------------------|---------------------------------------------------|
| **Label Outline** | Add an outline to make the text stand out.        |
| **Label Shadow**  | Add a shadow for better contrast and readability. |

---

## Setup Main Scene

Drag the `power-play-panel` prefab into your main scene:

![Main Scene Setup](./img/powerplay/ref-prefab.png)

---

## Setup Mobile UI

Open the **`mobile-ui`** prefab and drag in the `mobile-power-play-panel`:

![Mobile UI Setup](./img/powerplay/ref-mobile.png)

---

## Apply Textures

### Prepare these assets

![Assets Desktop](./img/powerplay/asset-desktop.png)
![Assets Mobile](./img/powerplay/asset-mobile.png)


### Configure Helpers

- Run the **Helper Tool** to configure `PowerplayDesktop`  
  ![Desktop Helper](./img/powerplay/desktop-helper.png)

- Run the **Helper Tool** to configure `PowerplayMobile`  
  ![Mobile Helper](./img/powerplay/mobile-helper.png)

---

## Manual Powerplay

![Manual Powerplay](./img/powerplay/manual-powerplay-review.png)

### Two Ways to Activate:

#### 1. Local
Append this param to the local URL:  
`http://localhost:7456/?minNormalBet=10`

#### 2. Game Live
- Step 1: Set a breakpoint like the image below:  
  ![Breakpoint](./img/powerplay/test-manual-powerplay.png)

- Step 2: Reload the page and run this code at the breakpoint:  
  ```js
  params.GameSettings.config.minNormalBet = 10;

### Setup manual-powerplay

**In the main scene**: create a node and add the corresponding script.

![Setup Manual Powerplay](./img/powerplay/manual-powerplay-setup.png)

:::warning
If your game already has **`shortcut-buy-feature`** set up, this node may already be configured.
:::