add content

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

@@ -12,14 +12,14 @@ description: Display Gamble
 
 | Device Type   | Preview                                                                     |
 |---------------|-----------------------------------------------------------------------------|
-| Desktop       | ![Desktop](../img/05-main-scene/gamle/gamble-desktop.png)                   |
+| Desktop       | ![Desktop](../img/05-main-scene/gamble/gamble-desktop.png)                   |
-| Landscape     | ![Landscape](../img/05-main-scene/gamle/gamble-landscape.png)               |
+| Landscape     | ![Landscape](../img/05-main-scene/gamble/gamble-landscape.png)               |
-| Portrait      | <center>![Portrait](../img/05-main-scene/gamle/gamble-portrait.png)</center>|
+| Portrait      | <center>![Portrait](../img/05-main-scene/gamble/gamble-portrait.png)</center>|
 
 
 ## Implementation
 
-### Setup
+### Prepare Assets
 
 #### Scene Hierarchy
 
@@ -42,20 +42,21 @@ Place the node in the following scene structure:
                         └── [gamble-loader]
             ```
         </td>
-      <td><center>![Scene Structure](../img/05-main-scene/gamle/gamble-structure.png)</center></td>
+      <td><center>![Scene Structure](../img/05-main-scene/gamble/gamble-structure.png)</center></td>
     </tr>
   </tbody>
 </table>
 ---
 
-### Gamble Setup
+### Setup
 
 - In node component include:
 
-    ![Scene Structure](../img/05-main-scene/gamle/gamble-component.png)
+![Scene Structure](../img/05-main-scene/gamble/gamble-component.png)
 
-#### `gamble-loader`
+#### Components
 
+**`gamble-loader`**         
 - A component for managing the loading and unloading of gambling scenes in a game.
 
 | Property         | Type      | Description                                             |
@@ -63,4 +64,19 @@ Place the node in the following scene structure:
 | nodeBackground   | cc.Node   | Background node reference                               |
 | sceneGamble      | String    | Name of the gamble scene                                |
 | rootGambleName   | String    | Root node name for the gamble scene                     |
-| rootGamble       | Node      | Runtime reference to the gamble root node (initialized in ctor) |
+
+
+**`gamble-panel-mobile-scaler`**      
+
+#### Backgrounds
+
+![Backgrounds](../img/05-main-scene/gamble/add-background-gamble.png)
+
+1. Use background scenes for the gamble feature:
+  - `gamble-background-landscape` : [Setup Background Landscape](/docs/setup-main-game/main-scene/background#2-setup-background-landscape)
+
+  - `gamble-background-portrait` : [Setup Background Portrait](/docs/setup-main-game/main-scene/background#3-setup-background-portrait)
+
+2. trong cả node `gamble-background-landscape` and `gamble-background-portrait` đều add `orientation-ui-controller`
+
+  More info: [Node Spawner](/docs/faqs/setup-cocos-scene#node-spawner)