README.md

@@ -5,13 +5,13 @@ This website is built using [Docusaurus](https://docusaurus.io/), a modern stati
 ### Installation
 
 ```
-$ npm install
+$ yarn
 ```
 
 ### Local Development
 
 ```
-$ npm start
+$ yarn start
 ```
 
 This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
@@ -19,7 +19,23 @@ This command starts a local development server and opens up a browser window. Mo
 ### Build
 
 ```
-$ npm build
+$ yarn build
 ```
 
 This command generates static content into the `build` directory and can be served using any static contents hosting service.
+
+### Deployment
+
+Using SSH:
+
+```
+$ USE_SSH=true yarn deploy
+```
+
+Not using SSH:
+
+```
+$ GIT_USER=<Your GitHub username> yarn deploy
+```
+
+If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.

docs/02-setup-main-game/01-game-config.md

@@ -4,10 +4,6 @@ sidebar_position: 1
 
 # Game Configuration
 
-The initial configuration requirements from the Slot Core.
-
----
-
 While the core logic is responsible for calculations and maintaining the game state, it's the client's responsibility to define all game-specific information.
 
 Let’s go step-by-step to define these elements.

docs/02-setup-main-game/02-preview-scene.md

@@ -4,10 +4,6 @@ sidebar_position: 2
 
 # Preview Scene
 
-Local login configuration.
-
----
-
 The login simulator scene allows you to run the game using a session account during development, enabling easier testing and debugging.
 
 This scene includes a `login-hyper-gaming` object used to establish a connection with a running environment of your choice.

docs/02-setup-main-game/03-preload-scene.md

@@ -4,10 +4,6 @@ sidebar_position: 3
 
 # Preload Scene
 
-Setup configuration for asset loading.
-
----
-
 The Preload Scene is where you define which assets will be downloaded **before** and **after** the game starts.
 
 Setting up the preload system involves several steps, depending on the types of assets and specific download requirements.

docs/02-setup-main-game/04-loading-scene.md

@@ -4,10 +4,6 @@ sidebar_position: 4
 
 # Loading Scene
 
-Generate asset loading scene layout.
-
----
-
 This is where the actual preload asset downloading begins, accompanied by a progress bar to indicate loading status.
 
 In addition to loading assets, Hyper Slot Game also uses this scene to showcase the game’s main features through in-game advertisements.

docs/02-setup-main-game/05-main-scene.md

@@ -6,8 +6,6 @@ sidebar_position: 5
 
 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)

docs/faqs/01-engine.md

@@ -20,6 +20,8 @@ It comes with a **visual editor**, **built-in animation tools**, **component-bas
 
 PixiJS, on the other hand, is a lightweight, high-performance **rendering engine**. While it's excellent for raw rendering, it lacks out-of-the-box support for essential features like UI systems, animation tools, and scene management. These must be built or integrated separately, adding **unnecessary overhead**, **longer development time**, and **reduced team efficiency**.
 
+---
+
 ## Cocos Creator Meets All the Goals PixiJS Aims to Solve
 
 PixiJS is often considered for the following reasons:
@@ -41,31 +43,8 @@ PixiJS is often considered for the following reasons:
 
 Even though PixiJS may have an edge in raw performance, we've **never hit performance limits** in Cocos Creator that would require switching to PixiJS.
 
-## Cocos Creator Empowers Cross-Department Collaboration
-
-Unlike PixiJS, which is primarily geared toward developers, Cocos Creator is a full-fledged game engine designed to support collaboration across the entire game development team — including developers, designers, and artists.
-
-The visual editor is a powerful tool that enables non-programmers to contribute meaningfully throughout the development process. Instead of working separately on isolated parts, teams can work together directly within the same environment.
-
 ---
 
-🎮 Game Designers (GD) Can:
-- Build wireframes and prototypes to define early gameplay concepts.
-- Design and position UI layouts without writing code.
-- Configure enemy formations and movement patterns (e.g., for fish or shooting games).
-- Set up animations using the timeline editor.
-- Create and adjust level design elements for casual or social games.
-
-![GD](./img/editor-pattern.png) ![GD2](./img/cocos-layout-2.png)
-
-🎨 Artists Can:
-- Import and organize assets directly into the editor.
-- Use built-in color picking tools for visual adjustments.
-- Preview and tweak animations (Spine, frame-by-frame, or custom).
-- Design multi-resolution UI that works across various screen sizes and devices.
-
-![Art](./img/cocos-pick-color.png) ![Art2](./img/cocos-pick-color-2.png)
-
 ## Publishers Are Choosing Cocos Creator Over PixiJS
 
 Across the industry, publishers use a wide variety of engines: Cocos Creator, PixiJS, Phaser, Cocos2dJS, and various custom JavaScript/HTML5 frameworks.
@@ -75,7 +54,7 @@ Among these, **Cocos Creator stands out as the dominant choice**.
 ### Top 10 Publishers on Juad – Engine Usage:
 
 | Publisher         | Engine                     | Version(s)                         |
-|-|-|-|
+|------------------|----------------------------|------------------------------------|
 | ![Joker](./img/joker.png)         | Cocos Creator              | 2.4.4 / 2.4.10 / 3.8.2             |
 | ![Pragmatic](./img/pragmatic.png) | PixiJS                     | 3.0.2                              |
 | ![PgSoft](./img/pgsoft.png)       | Cocos Creator              | Custom                             |
@@ -88,10 +67,13 @@ Among these, **Cocos Creator stands out as the dominant choice**.
 | ![FunkyGame](./img/funky-game.png)| Cocos Creator / React-PixiJS| 3.8.2 / 16.13.1-7.1.1             |
 | ![Rich88](./img/rich88.png)       | Cocos Creator              | 2.0.9                              |
 
-> Info:
+:::info
-> - Latest PixiJS version: **8.8**  
+- Latest PixiJS version: **8.8**  
-> - Pragmatic is still using **PixiJS 3.0.2**, released over **10 years ago**  
+- Pragmatic is still using **PixiJS 3.0.2**, released over **10 years ago**  
-> - Latest Cocos Creator versions: **2.4.15** and **3.8.6**
+- Latest Cocos Creator versions: **2.4.15** and **3.8.6**
+:::
+
+---
 
 ## We're Deep Into Cocos Creator
 
@@ -105,6 +87,8 @@ Switching to PixiJS would require:
 
 The cost and complexity of such a transition far outweigh the potential benefits.
 
+---
+
 ## Technical Struggles With PixiJS
 
 While evaluating PixiJS (v8.8), we encountered several **critical limitations and technical issues**:
@@ -116,6 +100,8 @@ While evaluating PixiJS (v8.8), we encountered several **critical limitations an
 
 🔗 [Issue #211 – pixijs-userland/particle-emitter](https://github.com/pixijs-userland/particle-emitter/issues/211)
 
+---
+
 ### ❌ Container Auto-Size Issues
 - `Container` components automatically resize based on their children.
 - This behavior makes it difficult to implement fixed-size layouts.
@@ -123,6 +109,8 @@ While evaluating PixiJS (v8.8), we encountered several **critical limitations an
 
 🔗 [Issue #7 – pixijs/layout](https://github.com/pixijs/layout/issues/7)
 
+---
+
 ### ❌ No RichText Support
 - No built-in rich text support.
 - `HTMLText` doesn't support the `<img>` tag or texture atlas integration.
@@ -130,24 +118,32 @@ While evaluating PixiJS (v8.8), we encountered several **critical limitations an
 
 ![Rich Text](./img/rich-text.png)
 
+---
+
 ### ❌ No Built-In Text Shrinking
 - Overflow mode for text shrinking is not supported.
 - Current vs expected output:
 
 | Current                                | Expected                              |
-|-|-|
+|----------------------------------------|----------------------------------------|
 | ![Text Output](./img/text-shrink-output.png) | ![Text Expected](./img/text-shrink-expect.png) |
 
+---
+
 ### ❌ Missing ScrollBar in ScrollBox
 - The `ScrollBox` component lacks built-in scrollbar rendering.
 - We had to manually modify its source to add this feature.
 
 ![Scrollbar](./img/scrollbar.png)
 
+---
+
 ### ❌ Asset Cache Key Conflict
 - Pixi uses asset names (not unique IDs) as cache keys.
 - Duplicate names (e.g. `btn-start.png`) cause conflicts and unexpected behavior during asset loading.
 
+---
+
 ## Wasted Effort on Contributing to PixiJS
 
 Each technical issue required deep debugging, community searching, and sometimes direct contributions to the PixiJS GitHub repository.
@@ -164,6 +160,8 @@ While we’re happy to contribute, this **slowed down our internal development**
 
   ![11294](./img/bug-report-1.png)
 
+---
+
 - **Font Family Cache Bug**
   - Severity: MINOR
   - Status: FIXED in v8.6.5  
@@ -172,6 +170,8 @@ While we’re happy to contribute, this **slowed down our internal development**
 
   ![11151](./img/bug-report-2.png)
 
+---
+
 - **AssetPack Power of Two Issue**
   - Severity: MINOR
   - Status: FIXED in `assetpack` v1.3.0  
@@ -180,6 +180,8 @@ While we’re happy to contribute, this **slowed down our internal development**
 
   ![105](./img/bug-report-3.png)
 
+---
+
 ## The Oppinions of our PixiJS Game Developers
 
 While the development team is genuinely excited about exploring a new framework, even they do not recommend building or using the framework based on PixiJS.

docs/faqs/_category_.json

@@ -1,8 +1,8 @@
 {
-    "label": "Engine Option",
+    "label": "Engine",
     "collapsible": true,
     "collapsed": false,
     "link": {
-        "title": "Engine Option"
+        "title": "Engine"
     }
 }

docusaurus.config.ts

@@ -66,15 +66,15 @@ const config: Config = {
           label: 'Tutorial',
         },
         {
-          href: 'https://gitea.plp19.com/dev-public/doc-slot-core-manual',
+          href: 'https://github.com/facebook/docusaurus',
-          label: 'Gitea',
+          label: 'GitHub',
           position: 'right',
         },
       ],
     },
     footer: {
       style: 'dark',
-      copyright: `Copyright © ${new Date().getFullYear()} Mercury, Inc.`,
+      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
     },
     prism: {
       theme: prismThemes.github,