add reel frame

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

@@ -41,15 +41,20 @@ Try to run the project, you'll the result as below. It doesn't look like much bu
 ## Setup Reel Slot
 ---
 
-1. Prepare the asset for symbols.
+1. Prepare the asset for symbols and reel frame.
 
     ![Add Symbol Texture](./img/05-main-scene/add-symbol-texture.png)
+    ![Add Symbol Texture](./img/05-main-scene/add-reel-frame.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`. 
+3. Add reel frame.
+
+    ![Sprite Frame Provider](./img/05-main-scene/add-reel-frame-2.png) ![Sprite Frame Provider](./img/05-main-scene/reel-frame.png)
+
+4. Config reel slot using `reel-scroller-helper`. 
 
     ![Reel Scroller Helper](./img/05-main-scene/reel-scroller-helper.png)
 
@@ -63,7 +68,7 @@ Try to run the project, you'll the result as below. It doesn't look like much bu
     |**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`.
+5. Generate panel using `reel-scroller-helper`.
 
     ![Generate Panel](./img/05-main-scene/generate-panel.png)