move content by title main scenes

Reviewed-on: #32

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

@@ -3,9 +3,6 @@ sidebar_position: 1
 ---
 
 # System
-
-> To be added
-
 ---
 
 > To be added

docs/02-setup-main-game/05-main-scene/14-setup-sprite-frame-provider.md

@@ -0,0 +1,9 @@
+---
+sidebar_position: 14
+---
+
+# Sprite Frame Provider Setup
+---
+**SpriteFrameProvider** allows global access to "sprite frames" from code.
+
+![Sprite Frame Provider](../img/05-main-scene/sprite-frame-provider.png)

docs/02-setup-main-game/05-main-scene/15-setup-animation-provider.md

@@ -0,0 +1,9 @@
+---
+sidebar_position: 15
+---
+
+# Set Up the Animation Provider
+---
+**Animation Provider** contains all **animations** of the game.
+
+![Aniamtion Provider](../img/05-main-scene/animation-provider.png)

docs/02-setup-main-game/05-main-scene/_category_.json

@@ -4,14 +4,7 @@
     "collapsible": true,
     "collapsed": false,
     "link": {
-        "type": "generated-index",
-        "title": "Setup Main Game",
-        "description": "This is where all the magic happen.",
-        "keywords": [
-            "setup",
-            "main game",
-            "game logic",
-            "structure"
-        ]
+    "type": "doc",
+    "id": "main-scene-overview"
     }
 }

docs/02-setup-main-game/05-main-scene/main-scene-overview.mdx

@@ -0,0 +1,28 @@
+---
+id: main-scene-overview
+title: Setup Main Game
+description: Main scene structure and setup process.
+---
+
+# Main Scene
+
+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/05-main-scene/main-scene-wireframe.png)
+
+Yet it is suprisingly simple to use.
+
+By following step by step setup, you'll have a working main scene in no time.
+
+:::info
+In fact, if all of the other scenes are setup properly, you can even run test the game without any setup on main scene.
+
+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/05-main-scene/run-test.png)
+:::
+

docs/05-custom-cocos-engine/03-setup-after-change-assets copy.md

@@ -0,0 +1,48 @@
+# Setup After Change Assets
+
+## CUSTOM-SCALE
+
+:::info
+Short description: This helper will help you update file custom-scale-data, which can auto scale your asset to optimize.
+:::    
+![Add Symbol Texture](./img/run-custom-scale.png)
+
+This file will change after you run this.
+
+![Add Symbol Texture](./img/custom-scale.png)
+
+## REMOVE PACKAGE
+:::info
+Short description: Asset of cocos will auto pack atlas when build. Our atlas already packed by tps, so we have to remove this setting.
+:::    
+![Add Symbol Texture](./img/run-remove-packable.png)
+
+Your asset will change this setting.
+
+![Add Symbol Texture](./img/remove-packable.png)
+
+
+## COMPRESS TEXTURE FORMAT
+:::info
+Short description: This helper will help you update file custom-scale-data, which can auto scale your asset to optimize.
+:::    
+![Add Symbol Texture](./img/run-compress-texture.png)
+
+Your asset will change this setting.
+
+![Add Symbol Texture](./img/compress-texture.png)
+
+## RUN PRELOAD HYPER HELPER
+:::info
+Short description: This helper will setup to load your assets with mobile/desktop & localize.
+:::    
+![Add Symbol Texture](./img/run-preload-helper.png)
+:::warning
+Remember open preload scene when run this helper.
+:::
+
+## MERGE JSON FILES
+:::info
+Short description: This helper merges all your JSON files into one, helping the game run faster in the editor.
+:::    
+![Add Symbol Texture](./img/run-merge-json.png)