diff --git a/docs/02-setup-main-game/01-game-config.md b/docs/02-setup-main-game/01-game-config.md index bcf82e5..fd57fa5 100644 --- a/docs/02-setup-main-game/01-game-config.md +++ b/docs/02-setup-main-game/01-game-config.md @@ -18,7 +18,7 @@ Each game features specific slot items displayed on the reel panel. By default, For `Roma Legacy`, there are 8 slot items total, including **Wild**. -![Symbols](./img/symbols.png) +![Symbols](./img/01-game-config/symbols.png) To define the 7 additional items for this game, create the following script: @@ -109,7 +109,7 @@ When the game is opened, the reel panel should display a **default pattern** tha For instance, the following item pattern should not be used, as it contains two win lines: -![Win Pattern](./img/win-pattern.png) +![Win Pattern](./img/01-game-config/win-pattern.png) To keep the gameplay experience fresh, the displayed pattern should be selected randomly each time. At a minimum, three non-winning patterns should be available. @@ -138,7 +138,7 @@ The results of those 3 patterns are shown below: | Pattern 1 | Pattern 2 | Pattern 3 | |---------------------------------|---------------------------------|---------------------------------| -|![Pattern 1](./img/pattern-1.png)|![Pattern 2](./img/pattern-2.png)|![Pattern 3](./img/pattern-3.png)| +|![Pattern 1](./img/01-game-config/pattern-1.png)|![Pattern 2](./img/01-game-config/pattern-2.png)|![Pattern 3](./img/01-game-config/pattern-3.png)| ## Hyper Gaming Integration diff --git a/docs/02-setup-main-game/02-preview-scene.md b/docs/02-setup-main-game/02-preview-scene.md index 6472e7c..3bbce21 100644 --- a/docs/02-setup-main-game/02-preview-scene.md +++ b/docs/02-setup-main-game/02-preview-scene.md @@ -12,7 +12,7 @@ The login simulator scene allows you to run the game using a session account dur This scene includes a `login-hyper-gaming` object used to establish a connection with a running environment of your choice. -![Preview Scene](./img/preview-scene.png) +![Preview Scene](./img/02-preview-scene/preview-scene.png) Available environments: @@ -25,5 +25,5 @@ To use preview scene, simply choose an Enviroment and put in the Game ID, then s :::tip You should set the preview scene as a start scene in `Project Setting`. With that, no matter which scene your are on, when the game starts, it will always load preview scene first. -![Preview Scene Setting](./img/preview-scene-setting.png) +![Preview Scene Setting](./img/02-preview-scene/preview-scene-setting.png) ::: \ No newline at end of file diff --git a/docs/02-setup-main-game/03-preload-scene.md b/docs/02-setup-main-game/03-preload-scene.md index 06d5c72..24c6e02 100644 --- a/docs/02-setup-main-game/03-preload-scene.md +++ b/docs/02-setup-main-game/03-preload-scene.md @@ -22,7 +22,7 @@ Hyper Slot Game uses a two-stage loading process: | Preload | Postload | |--------------------------------------|---------------------------------| -| ![Preload](./img/preload-static.png) | ![Postload](./img/postload.png) | +| ![Preload](./img/03-preload-scene/preload-static.png) | ![Postload](./img/03-preload-scene/postload.png) | Preload and postload assets are organized by scene. @@ -51,11 +51,11 @@ Based on the selected language configuration, the game will download the corresp | Assets | EN | ZH | TH | |---------------|-----------------------------------------|---------------------------------------------|---------------------------------------------| -|Text Buy Bonus|![Buy Bonus EN](./img/title-buy-bonus.png)|![Buy Bonus ZH](./img/title-buy-bonus_zh.png)|![Buy Bonus TH](./img/title-buy-bonus_th.png)| +|Text Buy Bonus|![Buy Bonus EN](./img/03-preload-scene/title-buy-bonus.png)|![Buy Bonus ZH](./img/03-preload-scene/title-buy-bonus_zh.png)|![Buy Bonus TH](./img/03-preload-scene/title-buy-bonus_th.png)| ## Setting Up the Preload Scene -![Preload Scene Setup](./img/preload-scene.png) +![Preload Scene Setup](./img/03-preload-scene/preload-scene.png) To set up the Preload Scene, simply open the scene and run the **preload-hyper** command from the **P4F Editor** package. diff --git a/docs/02-setup-main-game/04-loading-scene.md b/docs/02-setup-main-game/04-loading-scene.md index b1427b5..c1ceb51 100644 --- a/docs/02-setup-main-game/04-loading-scene.md +++ b/docs/02-setup-main-game/04-loading-scene.md @@ -12,7 +12,7 @@ This is where the actual preload asset downloading begins, accompanied by a prog In addition to loading assets, Hyper Slot Game also uses this scene to showcase the game’s main features through in-game advertisements. -![Loading Roma Legacy](./img/loading-roma-legacy.png) +![Loading Roma Legacy](./img/04-loading-scene/loading-roma-legacy.png) ## Loading Hyper vs New Loading Hyper @@ -23,29 +23,29 @@ In Hyper Slot games, there are 2 styles of loading scene: | loading-hyper | new-loading-hyper | |-------------------------------------------------------|-----------------------------------------------------------------| -|![loading-hyper](./img/hyper-loading-lucky-rooster.png)|![new-loading-hyper](./img/new-hyper-loading-gates-of-wealth.png)| +|![loading-hyper](./img/04-loading-scene/hyper-loading-lucky-rooster.png)|![new-loading-hyper](./img/04-loading-scene/new-hyper-loading-gates-of-wealth.png)| ## Setup loading scene To set up the loading scene, use the appropriate command from the `P4F Editor` package: `loading-hyper` or `new-loading-hyper`, depending on your requirements. -![Loading Hyper](./img/hyper-loading.png) ![New Loading Hyper](./img/new-hyper-loading.png) +![Loading Hyper](./img/04-loading-scene/hyper-loading.png) ![New Loading Hyper](./img/04-loading-scene/new-hyper-loading.png) Running either command will generate a complete loading scene, including both landscape and portrait layouts. Once the scene is generated, you can customize it by positioning UI elements and assigning the appropriate assets. -![Loading Node Tree](./img/loading-node-tree.png) +![Loading Node Tree](./img/04-loading-scene/loading-node-tree.png) One of the best features of these commands is that they can also automatically load all required assets for the loading scene. If you run the command without setting up the assets, you’ll see an empty loading scene like this: -![Loading Raw Scene](./img/loading-raw-scene.png) +![Loading Raw Scene](./img/04-loading-scene/loading-raw-scene.png) However, with a proper asset setup, the loading scene will appear fully populated, like this: -![Loading Full Assets Scene](./img/loading-full-assets-scene.png) +![Loading Full Assets Scene](./img/04-loading-scene/loading-full-assets-scene.png) :::info For detailed guidelines on how to set up loading assets, refer to the [Game Asset Structure](../category/game-asset-structure) manual. @@ -55,5 +55,5 @@ For detailed guidelines on how to set up loading assets, refer to the [Game Asse For testing purposes, you don’t need a full asset setup. \ Just set up the ***btn-start*** node in the Node Tree and you’re good to go. -![Loading Button Setup](./img/loading-button-setup.png) +![Loading Button Setup](./img/04-loading-scene/loading-button-setup.png) ::: \ No newline at end of file diff --git a/docs/02-setup-main-game/05-main-scene.md b/docs/02-setup-main-game/05-main-scene.md index 5eeb93a..cb592a5 100644 --- a/docs/02-setup-main-game/05-main-scene.md +++ b/docs/02-setup-main-game/05-main-scene.md @@ -10,7 +10,7 @@ This is where all the magic happen. Main scene is the most complicated scene with hundreds of object, script and config. -![Main Scene Wireframe](./img/main-scene-wireframe.png) +![Main Scene Wireframe](./img/05-main-scene/main-scene-wireframe.png) Yet it is suprisingly simple to use. @@ -21,8 +21,90 @@ In fact, if all of the other scenes are setup properly, you can even run test th Try to run the project, you'll the result as below. It doesn't look like much but it is actually a game running without visual assets. -![Run Test](./img/run-test.png) +![Run Test](./img/05-main-scene/run-test.png) ::: ## Setup Reel Slot +--- + +1. Prepare the asset for symbols. + + ![Add Symbol Texture](./img/05-main-scene/add-symbol-texture.png) + +2. Add symbols to **SpriteFrameProvider** which allows those symbols to be accessed globally from the code. + + ![Sprite Frame Provider](./img/05-main-scene/sprite-frame-provider.png) + +3. Config reel slot using `reel-scroller-helper`. + + ![Reel Scroller Helper](./img/05-main-scene/reel-scroller-helper.png) + + | Properties | Explaination | Example | + |------------|--------------|---------| + |**Cell Item Script Name**|The name of the script will be attached to each cell item.|![cell-item-script-name](./img/05-main-scene/hyper-cell-item.png)| + | **Scroller Script Name** | the name of the script for handling the spinning logic.|![scroller](./img/05-main-scene/scroller.png)| + |**Row Count x Reel Count**| the number of Slot Item each row and column in the reel slot panel.|![reel-row-column](./img/05-main-scene/reel-row-column.png)| + |**Cell Size**| the size of each cells.|![cell-size](./img/05-main-scene/cell-size.png)| + |**Cell Spacing**| the distance between each cells horizontally and vertically.|| + |**Cell Dim Color**| set the dark color for the non-win cells when showing winning animation for each line.|![dim-cell-color](./img/05-main-scene/dim-cell-color.png)| + |**Top Count and Bot Count**| for spinning logic to work, a certain number of cell will be added to the top and bottom of the reel.|![cell-top-bottom](./img/05-main-scene/cell-top-bottom.png)| + +4. Generate panel using `reel-scroller-helper`. + + ![Generate Panel](./img/05-main-scene/generate-panel.png) + +:::tip +There is a popup panel covering the entire game scene. You should turn off this panel to see the other component clearly. +::: + +## Setup Spinning Panel + +Reel slot panel is just one part one the spinning panel. + +There are other panels that need to be setup: **landing-panel**, **tension-panel**, **present-win-cell-panel** and **present-win-border-panel**. + +The setup is very straightforward by using the `Generate Panel` command in each panel's helper class. + +- Landing Panel: + + ![Landing Panel](./img/05-main-scene/landing-panel.png) + +- Present Win Cell Panel: + + ![Present Win Cell Panel](./img/05-main-scene/present-win-cell-panel.png) + +- Present Win Cell Panel: + + ![Present Win Border Panel](./img/05-main-scene/present-win-border-panel.png) + +- Tension Panel: + + ![Tension Panel](./img/05-main-scene/tension-panel.png) + + If the tension use a custom size frame, we can change the option **sizeMode** to **Custom** and set the static frame and size. + + ![Tension Size Custom](./img/05-main-scene/tension-panel-custom.png) + +## Setup UI Panel + +> To be Added: +> - Different UI Layout on Desktop and Mobile +> - Which helper/p4f menu can be used + +## Setup Background + +> To Be Added: +> - show how many background: desktop, mobile, main game, free game, gamble, reel bg, slot panel bg. + +## Setup Animation Provider + +> To Be Added: +> - How to run helper / p4f menu +> - How to setup static frame / fps + +## Setup Popup Panel + +> To Be Added: +> - Prepare the asset +> - Run helper / p4f menu or setup manually \ No newline at end of file diff --git a/docs/02-setup-main-game/img/pattern-1.png b/docs/02-setup-main-game/img/01-game-config/pattern-1.png similarity index 100% rename from docs/02-setup-main-game/img/pattern-1.png rename to docs/02-setup-main-game/img/01-game-config/pattern-1.png diff --git a/docs/02-setup-main-game/img/pattern-2.png b/docs/02-setup-main-game/img/01-game-config/pattern-2.png similarity index 100% rename from docs/02-setup-main-game/img/pattern-2.png rename to docs/02-setup-main-game/img/01-game-config/pattern-2.png diff --git a/docs/02-setup-main-game/img/pattern-3.png b/docs/02-setup-main-game/img/01-game-config/pattern-3.png similarity index 100% rename from docs/02-setup-main-game/img/pattern-3.png rename to docs/02-setup-main-game/img/01-game-config/pattern-3.png diff --git a/docs/02-setup-main-game/img/symbols.png b/docs/02-setup-main-game/img/01-game-config/symbols.png similarity index 100% rename from docs/02-setup-main-game/img/symbols.png rename to docs/02-setup-main-game/img/01-game-config/symbols.png diff --git a/docs/02-setup-main-game/img/win-pattern.png b/docs/02-setup-main-game/img/01-game-config/win-pattern.png similarity index 100% rename from docs/02-setup-main-game/img/win-pattern.png rename to docs/02-setup-main-game/img/01-game-config/win-pattern.png diff --git a/docs/02-setup-main-game/img/preview-scene-setting.png b/docs/02-setup-main-game/img/02-preview-scene/preview-scene-setting.png similarity index 100% rename from docs/02-setup-main-game/img/preview-scene-setting.png rename to docs/02-setup-main-game/img/02-preview-scene/preview-scene-setting.png diff --git a/docs/02-setup-main-game/img/preview-scene.png b/docs/02-setup-main-game/img/02-preview-scene/preview-scene.png similarity index 100% rename from docs/02-setup-main-game/img/preview-scene.png rename to docs/02-setup-main-game/img/02-preview-scene/preview-scene.png diff --git a/docs/02-setup-main-game/img/postload.png b/docs/02-setup-main-game/img/03-preload-scene/postload.png similarity index 100% rename from docs/02-setup-main-game/img/postload.png rename to docs/02-setup-main-game/img/03-preload-scene/postload.png diff --git a/docs/02-setup-main-game/img/preload-scene.png b/docs/02-setup-main-game/img/03-preload-scene/preload-scene.png similarity index 100% rename from docs/02-setup-main-game/img/preload-scene.png rename to docs/02-setup-main-game/img/03-preload-scene/preload-scene.png diff --git a/docs/02-setup-main-game/img/preload-static.png b/docs/02-setup-main-game/img/03-preload-scene/preload-static.png similarity index 100% rename from docs/02-setup-main-game/img/preload-static.png rename to docs/02-setup-main-game/img/03-preload-scene/preload-static.png diff --git a/docs/02-setup-main-game/img/title-buy-bonus.png b/docs/02-setup-main-game/img/03-preload-scene/title-buy-bonus.png similarity index 100% rename from docs/02-setup-main-game/img/title-buy-bonus.png rename to docs/02-setup-main-game/img/03-preload-scene/title-buy-bonus.png diff --git a/docs/02-setup-main-game/img/title-buy-bonus_th.png b/docs/02-setup-main-game/img/03-preload-scene/title-buy-bonus_th.png similarity index 100% rename from docs/02-setup-main-game/img/title-buy-bonus_th.png rename to docs/02-setup-main-game/img/03-preload-scene/title-buy-bonus_th.png diff --git a/docs/02-setup-main-game/img/title-buy-bonus_zh.png b/docs/02-setup-main-game/img/03-preload-scene/title-buy-bonus_zh.png similarity index 100% rename from docs/02-setup-main-game/img/title-buy-bonus_zh.png rename to docs/02-setup-main-game/img/03-preload-scene/title-buy-bonus_zh.png diff --git a/docs/02-setup-main-game/img/editor-package.png b/docs/02-setup-main-game/img/04-loading-scene/editor-package.png similarity index 100% rename from docs/02-setup-main-game/img/editor-package.png rename to docs/02-setup-main-game/img/04-loading-scene/editor-package.png diff --git a/docs/02-setup-main-game/img/hyper-loading-lucky-rooster.png b/docs/02-setup-main-game/img/04-loading-scene/hyper-loading-lucky-rooster.png similarity index 100% rename from docs/02-setup-main-game/img/hyper-loading-lucky-rooster.png rename to docs/02-setup-main-game/img/04-loading-scene/hyper-loading-lucky-rooster.png diff --git a/docs/02-setup-main-game/img/hyper-loading.png b/docs/02-setup-main-game/img/04-loading-scene/hyper-loading.png similarity index 100% rename from docs/02-setup-main-game/img/hyper-loading.png rename to docs/02-setup-main-game/img/04-loading-scene/hyper-loading.png diff --git a/docs/02-setup-main-game/img/loading-button-setup.png b/docs/02-setup-main-game/img/04-loading-scene/loading-button-setup.png similarity index 100% rename from docs/02-setup-main-game/img/loading-button-setup.png rename to docs/02-setup-main-game/img/04-loading-scene/loading-button-setup.png diff --git a/docs/02-setup-main-game/img/loading-full-assets-scene.png b/docs/02-setup-main-game/img/04-loading-scene/loading-full-assets-scene.png similarity index 100% rename from docs/02-setup-main-game/img/loading-full-assets-scene.png rename to docs/02-setup-main-game/img/04-loading-scene/loading-full-assets-scene.png diff --git a/docs/02-setup-main-game/img/loading-node-tree.png b/docs/02-setup-main-game/img/04-loading-scene/loading-node-tree.png similarity index 100% rename from docs/02-setup-main-game/img/loading-node-tree.png rename to docs/02-setup-main-game/img/04-loading-scene/loading-node-tree.png diff --git a/docs/02-setup-main-game/img/loading-raw-scene.png b/docs/02-setup-main-game/img/04-loading-scene/loading-raw-scene.png similarity index 100% rename from docs/02-setup-main-game/img/loading-raw-scene.png rename to docs/02-setup-main-game/img/04-loading-scene/loading-raw-scene.png diff --git a/docs/02-setup-main-game/img/loading-roma-legacy.png b/docs/02-setup-main-game/img/04-loading-scene/loading-roma-legacy.png similarity index 100% rename from docs/02-setup-main-game/img/loading-roma-legacy.png rename to docs/02-setup-main-game/img/04-loading-scene/loading-roma-legacy.png diff --git a/docs/02-setup-main-game/img/new-hyper-loading-gates-of-wealth.png b/docs/02-setup-main-game/img/04-loading-scene/new-hyper-loading-gates-of-wealth.png similarity index 100% rename from docs/02-setup-main-game/img/new-hyper-loading-gates-of-wealth.png rename to docs/02-setup-main-game/img/04-loading-scene/new-hyper-loading-gates-of-wealth.png diff --git a/docs/02-setup-main-game/img/new-hyper-loading.png b/docs/02-setup-main-game/img/04-loading-scene/new-hyper-loading.png similarity index 100% rename from docs/02-setup-main-game/img/new-hyper-loading.png rename to docs/02-setup-main-game/img/04-loading-scene/new-hyper-loading.png diff --git a/docs/02-setup-main-game/img/05-main-scene/add-symbol-texture.png b/docs/02-setup-main-game/img/05-main-scene/add-symbol-texture.png new file mode 100644 index 0000000..f0953e0 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/add-symbol-texture.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/cell-size.png b/docs/02-setup-main-game/img/05-main-scene/cell-size.png new file mode 100644 index 0000000..ed2c9bd Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/cell-size.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/cell-top-bottom.png b/docs/02-setup-main-game/img/05-main-scene/cell-top-bottom.png new file mode 100644 index 0000000..c0d70e8 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/cell-top-bottom.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/dim-cell-color.png b/docs/02-setup-main-game/img/05-main-scene/dim-cell-color.png new file mode 100644 index 0000000..1c6c934 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/dim-cell-color.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/generate-panel.png b/docs/02-setup-main-game/img/05-main-scene/generate-panel.png new file mode 100644 index 0000000..8f3498d Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/generate-panel.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/hyper-cell-item.png b/docs/02-setup-main-game/img/05-main-scene/hyper-cell-item.png new file mode 100644 index 0000000..2d89380 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/hyper-cell-item.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/landing-panel.png b/docs/02-setup-main-game/img/05-main-scene/landing-panel.png new file mode 100644 index 0000000..c655412 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/landing-panel.png differ diff --git a/docs/02-setup-main-game/img/main-scene-wireframe.png b/docs/02-setup-main-game/img/05-main-scene/main-scene-wireframe.png similarity index 100% rename from docs/02-setup-main-game/img/main-scene-wireframe.png rename to docs/02-setup-main-game/img/05-main-scene/main-scene-wireframe.png diff --git a/docs/02-setup-main-game/img/05-main-scene/present-win-border-panel.png b/docs/02-setup-main-game/img/05-main-scene/present-win-border-panel.png new file mode 100644 index 0000000..bd6090a Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/present-win-border-panel.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/present-win-cell-panel.png b/docs/02-setup-main-game/img/05-main-scene/present-win-cell-panel.png new file mode 100644 index 0000000..c37c139 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/present-win-cell-panel.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/reel-row-column.png b/docs/02-setup-main-game/img/05-main-scene/reel-row-column.png new file mode 100644 index 0000000..d5e135c Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/reel-row-column.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/reel-scroller-helper.png b/docs/02-setup-main-game/img/05-main-scene/reel-scroller-helper.png new file mode 100644 index 0000000..ee0fe1b Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/reel-scroller-helper.png differ diff --git a/docs/02-setup-main-game/img/run-test.png b/docs/02-setup-main-game/img/05-main-scene/run-test.png similarity index 100% rename from docs/02-setup-main-game/img/run-test.png rename to docs/02-setup-main-game/img/05-main-scene/run-test.png diff --git a/docs/02-setup-main-game/img/05-main-scene/scroller.png b/docs/02-setup-main-game/img/05-main-scene/scroller.png new file mode 100644 index 0000000..c8af0bf Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/scroller.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/sprite-frame-provider.png b/docs/02-setup-main-game/img/05-main-scene/sprite-frame-provider.png new file mode 100644 index 0000000..b680feb Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/sprite-frame-provider.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/tension-panel-custom.png b/docs/02-setup-main-game/img/05-main-scene/tension-panel-custom.png new file mode 100644 index 0000000..a970e66 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/tension-panel-custom.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/tension-panel.png b/docs/02-setup-main-game/img/05-main-scene/tension-panel.png new file mode 100644 index 0000000..f9f2a39 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/tension-panel.png differ diff --git a/docs/03-setup-special-feature/01-free-spin.md b/docs/03-setup-special-feature/01-free-spin.md new file mode 100644 index 0000000..3222e0b --- /dev/null +++ b/docs/03-setup-special-feature/01-free-spin.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 1 +--- + +# Free Spin + +> To be added \ No newline at end of file diff --git a/docs/03-setup-special-feature/02-gamble.md b/docs/03-setup-special-feature/02-gamble.md new file mode 100644 index 0000000..78a02fb --- /dev/null +++ b/docs/03-setup-special-feature/02-gamble.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 2 +--- + +# Gamble + +> To be added \ No newline at end of file diff --git a/docs/03-setup-special-feature/03-powerplay.md b/docs/03-setup-special-feature/03-powerplay.md new file mode 100644 index 0000000..442a8c9 --- /dev/null +++ b/docs/03-setup-special-feature/03-powerplay.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 3 +--- + +# Powerplay + +> To be added \ No newline at end of file diff --git a/docs/03-setup-special-feature/04-respin.md b/docs/03-setup-special-feature/04-respin.md new file mode 100644 index 0000000..4162e01 --- /dev/null +++ b/docs/03-setup-special-feature/04-respin.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 4 +--- + +# Respin + +> To be added \ No newline at end of file diff --git a/docs/03-setup-special-feature/05-custom-bonus-game.md b/docs/03-setup-special-feature/05-custom-bonus-game.md new file mode 100644 index 0000000..e9ce191 --- /dev/null +++ b/docs/03-setup-special-feature/05-custom-bonus-game.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 5 +--- + +# Custom Bonus Game + +> To be added \ No newline at end of file diff --git a/docs/03-setup-special-feature/06-free-round.md b/docs/03-setup-special-feature/06-free-round.md new file mode 100644 index 0000000..ecc351f --- /dev/null +++ b/docs/03-setup-special-feature/06-free-round.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 6 +--- + +# Free Round + +> To be added \ No newline at end of file diff --git a/docs/03-setup-special-feature/_category_.json b/docs/03-setup-special-feature/_category_.json new file mode 100644 index 0000000..07a5855 --- /dev/null +++ b/docs/03-setup-special-feature/_category_.json @@ -0,0 +1,17 @@ +{ + "position": 2, + "label": "Setup Special Feature", + "collapsible": true, + "collapsed": false, + "link": { + "type": "generated-index", + "title": "Setup Special Feature", + "description": "This section will guide you through the process of setting up the special feature logic and structure.", + "keywords": [ + "setup", + "special feature", + "game logic", + "structure" + ] + } +} \ No newline at end of file diff --git a/docs/04-game-asset-structure/01-default-assets-structure.md b/docs/04-game-asset-structure/01-default-assets-structure.md new file mode 100644 index 0000000..fe6ee71 --- /dev/null +++ b/docs/04-game-asset-structure/01-default-assets-structure.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 1 +--- + +# Default Asset Structure + +> To be added \ No newline at end of file diff --git a/docs/04-game-asset-structure/02-texture-packer.md b/docs/04-game-asset-structure/02-texture-packer.md new file mode 100644 index 0000000..3c3271a --- /dev/null +++ b/docs/04-game-asset-structure/02-texture-packer.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 2 +--- + +# Texture Packer + +> To be added \ No newline at end of file diff --git a/docs/game-asset-structure/_category_.json b/docs/04-game-asset-structure/_category_.json similarity index 65% rename from docs/game-asset-structure/_category_.json rename to docs/04-game-asset-structure/_category_.json index 5e0d1f8..7ac0366 100644 --- a/docs/game-asset-structure/_category_.json +++ b/docs/04-game-asset-structure/_category_.json @@ -6,10 +6,11 @@ "link": { "type": "generated-index", "title": "Game Asset Structure", - "description": "Asset folder structure for Hyper Slot Game", + "description": "Explain the structure of game assets and how to use them.", "keywords": [ - "setup", - "main game", + "game", + "asset", + "structure", "game logic", "structure" ] diff --git a/docs/05-custom-cocos-engine/01-custom-javascript-library.md b/docs/05-custom-cocos-engine/01-custom-javascript-library.md new file mode 100644 index 0000000..97a488d --- /dev/null +++ b/docs/05-custom-cocos-engine/01-custom-javascript-library.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 1 +--- + +# Custom Javascript Library + +> To be added \ No newline at end of file diff --git a/docs/05-custom-cocos-engine/02-hyper-package.md b/docs/05-custom-cocos-engine/02-hyper-package.md new file mode 100644 index 0000000..40f0732 --- /dev/null +++ b/docs/05-custom-cocos-engine/02-hyper-package.md @@ -0,0 +1,7 @@ +--- +sidebar_position: 2 +--- + +# Hyper Package + +> To be added \ No newline at end of file diff --git a/docs/05-custom-cocos-engine/_category_.json b/docs/05-custom-cocos-engine/_category_.json new file mode 100644 index 0000000..3b3d9c6 --- /dev/null +++ b/docs/05-custom-cocos-engine/_category_.json @@ -0,0 +1,19 @@ +{ + "position": 2, + "label": "Custom Cocos Engine", + "collapsible": true, + "collapsed": false, + "link": { + "type": "generated-index", + "title": "Custom Cocos Engine", + "description": "Explain each feature of the custom Cocos engine and how to use it.", + "keywords": [ + "custom", + "cocos", + "engine", + "game engine", + "game logic", + "structure" + ] + } +} \ No newline at end of file diff --git a/docs/submodule/01-base-slot-template.md b/docs/06-submodule/01-base-slot-template.md similarity index 100% rename from docs/submodule/01-base-slot-template.md rename to docs/06-submodule/01-base-slot-template.md diff --git a/docs/submodule/02-hyper-editor-package.md b/docs/06-submodule/02-hyper-editor-package.md similarity index 100% rename from docs/submodule/02-hyper-editor-package.md rename to docs/06-submodule/02-hyper-editor-package.md diff --git a/docs/submodule/03-game-core-template.md b/docs/06-submodule/03-game-core-template.md similarity index 100% rename from docs/submodule/03-game-core-template.md rename to docs/06-submodule/03-game-core-template.md diff --git a/docs/submodule/04-hyper-slot-template.md b/docs/06-submodule/04-hyper-slot-template.md similarity index 69% rename from docs/submodule/04-hyper-slot-template.md rename to docs/06-submodule/04-hyper-slot-template.md index 6ece81f..df69301 100644 --- a/docs/submodule/04-hyper-slot-template.md +++ b/docs/06-submodule/04-hyper-slot-template.md @@ -4,4 +4,4 @@ sidebar_position: 4 # Hyper Slot Template -This template is designed for Hyper Slot style of game which contains almost everything needed to star with ease. \ No newline at end of file +This template is designed for Hyper Slot style of game which contains almost everything needed to start with ease. \ No newline at end of file diff --git a/docs/06-submodule/_category_.json b/docs/06-submodule/_category_.json new file mode 100644 index 0000000..bdbd8f2 --- /dev/null +++ b/docs/06-submodule/_category_.json @@ -0,0 +1,16 @@ +{ + "position": 10, + "label": "Submodules", + "collapsible": true, + "collapsed": false, + "link": { + "type": "generated-index", + "title": "Submodules", + "description": "Explain the purpose of each submodules and how to use them effectively.", + "keywords": [ + "submodules", + "game logic", + "structure" + ] + } +} \ No newline at end of file diff --git a/docs/submodule/img/editor-package.png b/docs/06-submodule/img/editor-package.png similarity index 100% rename from docs/submodule/img/editor-package.png rename to docs/06-submodule/img/editor-package.png diff --git a/docs/custom-cocos-engine/custom-cocos-engine.md b/docs/custom-cocos-engine/custom-cocos-engine.md deleted file mode 100644 index 9e96753..0000000 --- a/docs/custom-cocos-engine/custom-cocos-engine.md +++ /dev/null @@ -1,3 +0,0 @@ -# Custom Cocos Engine - -> To be added \ No newline at end of file diff --git a/docs/faqs/02-setup-asset.md b/docs/faqs/02-setup-asset.md new file mode 100644 index 0000000..e69de29 diff --git a/docs/faqs/03-setup-cocos-scene.md b/docs/faqs/03-setup-cocos-scene.md new file mode 100644 index 0000000..e69de29 diff --git a/docs/faqs/04-core-library.md b/docs/faqs/04-core-library.md new file mode 100644 index 0000000..e69de29 diff --git a/docs/faqs/_category_.json b/docs/faqs/_category_.json index f77ae69..60862ae 100644 --- a/docs/faqs/_category_.json +++ b/docs/faqs/_category_.json @@ -1,8 +1,8 @@ { - "label": "Engine Option", + "label": "FAQS", "collapsible": true, "collapsed": false, "link": { - "title": "Engine Option" + "title": "FAQS" } } \ No newline at end of file diff --git a/docs/game-asset-structure/default-assets-structure.md b/docs/game-asset-structure/default-assets-structure.md deleted file mode 100644 index be34501..0000000 --- a/docs/game-asset-structure/default-assets-structure.md +++ /dev/null @@ -1 +0,0 @@ -# Default Asset Structure \ No newline at end of file diff --git a/docs/img/intro.png b/docs/img/intro.png index e274168..3f823e6 100644 Binary files a/docs/img/intro.png and b/docs/img/intro.png differ diff --git a/docs/submodule/_category_.json b/docs/submodule/_category_.json deleted file mode 100644 index 7fa7ab3..0000000 --- a/docs/submodule/_category_.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "position": 10, - "label": "Submodules", - "collapsible": true, - "collapsed": false, - "link": { - "type": "generated-index", - "title": "Submodule Documentation" - } -} \ No newline at end of file diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx index c2551fb..f2518b1 100644 --- a/src/components/HomepageFeatures/index.tsx +++ b/src/components/HomepageFeatures/index.tsx @@ -1,6 +1,6 @@ -import type {ReactNode} from 'react'; -import clsx from 'clsx'; import Heading from '@theme/Heading'; +import clsx from 'clsx'; +import type { ReactNode } from 'react'; import styles from './styles.module.css'; type FeatureItem = { @@ -15,8 +15,7 @@ const FeatureList: FeatureItem[] = [ Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, description: ( <> - Docusaurus was designed from the ground up to be easily installed and - used to get your website up and running quickly. + Use the sidebar menu to quickly find the topics you need — whether you're setting up your first project or exploring advanced features ), }, @@ -25,24 +24,23 @@ const FeatureList: FeatureItem[] = [ Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, description: ( <> - Docusaurus lets you focus on your docs, and we'll do the chores. Go - ahead and move your docs into the docs directory. + You'll find practical examples, step-by-step instructions, and detailed explaination, so you can focus on building your HTML5 slot game with confidence and speed. ), }, { - title: 'Powered by React', + title: 'Beginner Friendly', Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, description: ( <> - Extend or customize your website layout by reusing React. Docusaurus can - be extended while reusing the same header and footer. + Designed for beginners, it takes care of the complex logic so you can focus on building your game. With just a few lines of code, you’ll have a working slot machine ready to go! ), }, ]; -function Feature({title, Svg, description}: FeatureItem) { +function Feature({ title, Svg, description }: FeatureItem) +{ return (
@@ -56,7 +54,8 @@ function Feature({title, Svg, description}: FeatureItem) { ); } -export default function HomepageFeatures(): ReactNode { +export default function HomepageFeatures(): ReactNode +{ return (