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

@@ -93,9 +93,67 @@ The setup is very straightforward by using the `Generate Panel` command in each
 > - Which helper/p4f menu can be used
 
 ## Setup Background
+### Background Desktop
+1. Prepare for **Background Animation**.
 
-> To Be Added: 
-> - show how many background: desktop, mobile, main game, free game, gamble, reel bg, slot panel bg.
+- Assets
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-1.png)
+    ![Background Landscape](./img/05-main-scene/background-landscape-2.png)
+
+- Node Tree and Properties
+
+    Animation Provider: We add anim-landscape in desktop assets , it is used for desktop and mobile landscape.
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-4.png)
+
+    Background Container
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-3.png)
+
+2. Set up  **Background** for **Main Game**.
+
+- Static
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-5.png)
+
+    If we have animation background, we can remove **Sprite Component** to decrease Drawcall, because we already have static sprite frame on **Spine Animation Component**.
+
+- Animation
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-6.png)
+
+### Background Mobile
+1. Prepare for **Background Animation**.
+
+- Assets
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-7.png)
+    ![Background Landscape](./img/05-main-scene/background-landscape-8.png)
+
+- Node Tree and Properties
+
+    Animation Provider: We add anim-portrait in mobile assets, anim-landscape we still use desktop assets.
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-9.png)
+
+    Background Container
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-10.png)
+
+2. Set up  **Background** for **Main Game**.
+
+- Static
+
+    ![Background Landscape](./img/05-main-scene/background-landscape-11.png)
+
+    If we have animation background, we can remove **Sprite Component** to decrease Drawcall, because we already have static sprite frame on **Spine Animation Component**.
+
+- Animation
+    
+    ![Background Landscape](./img/05-main-scene/background-landscape-12.png)
+    ![Background Landscape](./img/05-main-scene/background-landscape-13.png)
+    ![Background Landscape](./img/05-main-scene/background-landscape-14.png)
 
 ## Setup Animation Provider