setup Sprite Frame Provider, Animation Provider

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

@@ -24,8 +24,21 @@ Try to run the project, you'll the result as below. It doesn't look like much bu
 ![Run Test](./img/05-main-scene/run-test.png)
 :::
 
-## Setup Reel Slot
+## Setup SpriteFrame Provider
+---
 
+    **SpriteFrameProvider** allows global access to "sprite frames" from code.
+
+    ![Sprite Frame Provider](./img/05-main-scene/sprite-frame-provider.png)
+
+## Setup Animation Provider
+---
+
+    **Animation Provider** contains all **animations** of the game.
+
+    ![Aniamtion Provider](./img/05-main-scene/animation-provider.png)
+
+## Setup Reel Slot
 ---
 
 1. Prepare the asset for symbols.
@@ -369,12 +382,6 @@ If the game have design animation for background, we will do this step.
 
         ![Background Setup Anim Portrait](./img/05-main-scene/bg-setup-anim-portrait.png)
 
-## Setup Animation Provider
-
-> To Be Added:
-> - How to run helper / p4f menu
-> - How to setup static frame / fps
-
 ## Setup Popup Panel
 
 > To Be Added: