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.
@@ -97,12 +110,6 @@ The setup is very straightforward by using the `Generate Panel` command in each
 > To Be Added: 
 > - show how many background: desktop, mobile, main game, free game, gamble, reel bg, slot panel bg.
 
-## Setup Animation Provider
-
-> To Be Added:
-> - How to run helper / p4f menu
-> - How to setup static frame / fps
-
 ## Setup Popup Panel
 
 > To Be Added: