diff --git a/docs/01-setup-the-project/03-setup-custom-engine.md b/docs/01-setup-the-project/03-setup-custom-engine.md index 2c7ad3f..e12dabd 100644 --- a/docs/01-setup-the-project/03-setup-custom-engine.md +++ b/docs/01-setup-the-project/03-setup-custom-engine.md @@ -6,7 +6,7 @@ sidebar_position: 3 Set **Javascript Engine Path** to a **custom Cocos Engine**. -Thank to the open source nature of Cocos Creator, we are able to customize some of the function in the source code to meet the requirement for Hyper Slot Game. +Thanks to the open source nature of Cocos Creator, we are able to customize some of the function in the source code to meet the requirement for Hyper Slot Game. For the detail of the Custom Engine, take a look at this [**Custom Cocos Engine documentation**](../custom-cocos-engine/custom-cocos-engine.md) diff --git a/docs/01-setup-the-project/04-create-game-folder-structure.md b/docs/01-setup-the-project/04-create-game-folder-structure.md index eb74df2..6997fa7 100644 --- a/docs/01-setup-the-project/04-create-game-folder-structure.md +++ b/docs/01-setup-the-project/04-create-game-folder-structure.md @@ -28,7 +28,7 @@ Rename those scenes: ![Template Scene](./img/template-scenes.png) -Inside `assets/game-assets/scripts/`, create a folder called `custome-scaler` then add a script `custom-scale-data.js`. +Inside `assets/game-assets/scripts/`, create a folder called `custom-scaler` then add a script `custom-scale-data.js`. ![Custom Scale](./img/custom-scale.png) diff --git a/docs/02-setup-main-game/05-main-scene.md b/docs/02-setup-main-game/05-main-scene.md index 475fb2d..558a023 100644 --- a/docs/02-setup-main-game/05-main-scene.md +++ b/docs/02-setup-main-game/05-main-scene.md @@ -155,7 +155,7 @@ Rename the copied prefabs by removing unnecessary prefixes: #### Customize *`button-auto-selection`* Label -**Follow Game Design:** +**Follow Design:** Use the `template-label-auto-selection` to customize the appearance of the label inside the `button-auto-selection` prefab. | Component | Description | @@ -185,7 +185,7 @@ The `FormatText` property controls text formatting behavior for label components --- #### Step 3: Setup Ui In Main Scenes -Create the following node configuration in your main scene: +Create new node and configuration in your main scene: ![main scenes](./img/05-main-scene/prepare-ui-bottom-bar.png) ##### Platform Node Spawner Settings @@ -244,7 +244,7 @@ Rename the copied prefabs by removing unnecessary prefixes: #### Step 3: Setup Ui In Main Scenes -Create the following node configuration in your main scene: +Create new node and configuration in your main scene: ![main scenes](./img/05-main-scene/set-positon-mobile-ui.png) ##### Platform Node Spawner Settings @@ -275,7 +275,7 @@ Create the following node configuration in your main scene: #### Step 4: Setup Color For Menu Mobile UI -**Follow Game Design For Mobile UI:** +**Follow Design:** | ![Auto Selection Result](./img/05-main-scene/menu-landscape.png)| ![Auto Selection Result](./img/05-main-scene/menu-portrait.png) | |---------|-------| diff --git a/docs/02-setup-main-game/img/05-main-scene/add-texture-bottom-bar-prefab.png b/docs/02-setup-main-game/img/05-main-scene/add-texture-bottom-bar-prefab.png index f5de14a..bc428d8 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/add-texture-bottom-bar-prefab.png and b/docs/02-setup-main-game/img/05-main-scene/add-texture-bottom-bar-prefab.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-bottom-bar.png b/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-bottom-bar.png index fb4eeea..478b1cf 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-bottom-bar.png and b/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-bottom-bar.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-info.png b/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-info.png index 6cac771..dd70fbc 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-info.png and b/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-info.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-menu.png b/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-menu.png index 7dc4132..e81f87a 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-menu.png and b/docs/02-setup-main-game/img/05-main-scene/image-for-mobile-ui-helper/background-menu.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/set-color-menu-ui.png b/docs/02-setup-main-game/img/05-main-scene/set-color-menu-ui.png index 0532d1f..f2420cb 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/set-color-menu-ui.png and b/docs/02-setup-main-game/img/05-main-scene/set-color-menu-ui.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/set-positon-mobile-ui.png b/docs/02-setup-main-game/img/05-main-scene/set-positon-mobile-ui.png index c36a666..7362e4f 100644 Binary files a/docs/02-setup-main-game/img/05-main-scene/set-positon-mobile-ui.png and b/docs/02-setup-main-game/img/05-main-scene/set-positon-mobile-ui.png differ