diff --git a/docs/02-setup-main-game/05-main-scene/img/18-buy-feature/prepare-prefabs.png b/docs/02-setup-main-game/05-main-scene/img/18-buy-feature/prepare-prefabs.png index e2f7c40..4f42569 100644 Binary files a/docs/02-setup-main-game/05-main-scene/img/18-buy-feature/prepare-prefabs.png and b/docs/02-setup-main-game/05-main-scene/img/18-buy-feature/prepare-prefabs.png differ diff --git a/docs/03-setup-special-feature/03-powerplay.md b/docs/03-setup-special-feature/03-powerplay.md index 442a8c9..3c12362 100644 --- a/docs/03-setup-special-feature/03-powerplay.md +++ b/docs/03-setup-special-feature/03-powerplay.md @@ -4,4 +4,101 @@ sidebar_position: 3 # Powerplay -> To be added \ No newline at end of file +## 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` + +![Add Symbol Texture](./img/powerplay/from-powerplay-panel.png) + +**Past & rename** `assets\game-assets\prefabs\power-play-panel.prefab` +:::warning +Must rename to **power-play-panel** +::: + +![Add Symbol Texture](./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` + +![Add Symbol Texture](./img/powerplay/mobile-from.png) + +**Past & rename** `assets\game-assets\prefabs\mobile\power-play-panel.prefab` +:::warning +Must rename to **mobile-power-play-panel** +::: + +![Add Symbol Texture](./img/powerplay/mobile-to.png) + +### Step 3: template-label + +**Copy 5 prefab** `template-label-auto-selection` & `template-label-title` + +**From** `assets\core-assets\slotty-core\packages\power-panel\editor\` + +![Add Symbol Texture](./img/powerplay/label-template-from.png) + +**To** `assets\game-assets\editor\` + +![Add Symbol Texture](./img/powerplay/label-template-to.png) + +--- +## Edit prefab + +### Step 1: label-template + +**Follow Design: edit these prefab** + +![Add Symbol Texture](./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 **power-play-panel** in your main scene: + +![Add Symbol Texture](./img/powerplay/ref-prefab.png) + +--- +## Setup Mobile-ui + +Open prefab **mobile-ui** + +Drag **mobile-power-play-panel** into this script: + +![Add Symbol Texture](./img/powerplay/ref-mobile.png) + +--- + +## Apply Textures + +**Checklist assets** + ![main scenes](./img/powerplay/asset-desktop.png) ![main scenes](./img/powerplay/asset-mobile.png) + + +**Run the Helper Tool** to configure **PowerplayDesktop** helper. + +![Add Symbol Texture](./img/powerplay/desktop-helper.png) + +**Run the Helper Tool** to configure **PowerplayMobile** helper. + +![Add Symbol Texture](./img/powerplay/mobile-helper.png) + +--- \ No newline at end of file diff --git a/docs/03-setup-special-feature/img/powerplay/asset-desktop.png b/docs/03-setup-special-feature/img/powerplay/asset-desktop.png new file mode 100644 index 0000000..95de618 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/asset-desktop.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/asset-mobile.png b/docs/03-setup-special-feature/img/powerplay/asset-mobile.png new file mode 100644 index 0000000..8de98c5 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/asset-mobile.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/asset-prepare.png b/docs/03-setup-special-feature/img/powerplay/asset-prepare.png new file mode 100644 index 0000000..1c08e60 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/asset-prepare.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/desktop-helper.png b/docs/03-setup-special-feature/img/powerplay/desktop-helper.png new file mode 100644 index 0000000..3dce56e Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/desktop-helper.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/from-powerplay-panel.png b/docs/03-setup-special-feature/img/powerplay/from-powerplay-panel.png new file mode 100644 index 0000000..3b6b410 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/from-powerplay-panel.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/label-template-from.png b/docs/03-setup-special-feature/img/powerplay/label-template-from.png new file mode 100644 index 0000000..a97ba5a Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/label-template-from.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/label-template-to.png b/docs/03-setup-special-feature/img/powerplay/label-template-to.png new file mode 100644 index 0000000..b134667 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/label-template-to.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/mobile-from.png b/docs/03-setup-special-feature/img/powerplay/mobile-from.png new file mode 100644 index 0000000..6dd2b13 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/mobile-from.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/mobile-helper.png b/docs/03-setup-special-feature/img/powerplay/mobile-helper.png new file mode 100644 index 0000000..a6c8753 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/mobile-helper.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/mobile-to.png b/docs/03-setup-special-feature/img/powerplay/mobile-to.png new file mode 100644 index 0000000..3e832e2 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/mobile-to.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/powerplay-panel-to.png b/docs/03-setup-special-feature/img/powerplay/powerplay-panel-to.png new file mode 100644 index 0000000..2f83548 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/powerplay-panel-to.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/preview1.png b/docs/03-setup-special-feature/img/powerplay/preview1.png new file mode 100644 index 0000000..b19bcda Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/preview1.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/preview2.png b/docs/03-setup-special-feature/img/powerplay/preview2.png new file mode 100644 index 0000000..306c69a Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/preview2.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/preview3.png b/docs/03-setup-special-feature/img/powerplay/preview3.png new file mode 100644 index 0000000..889a120 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/preview3.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/ref-mobile.png b/docs/03-setup-special-feature/img/powerplay/ref-mobile.png new file mode 100644 index 0000000..76943a7 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/ref-mobile.png differ diff --git a/docs/03-setup-special-feature/img/powerplay/ref-prefab.png b/docs/03-setup-special-feature/img/powerplay/ref-prefab.png new file mode 100644 index 0000000..d324b49 Binary files /dev/null and b/docs/03-setup-special-feature/img/powerplay/ref-prefab.png differ