diff --git a/docs/02-setup-main-game/05-main-scene.md b/docs/02-setup-main-game/05-main-scene.md index 558a023..7aea718 100644 --- a/docs/02-setup-main-game/05-main-scene.md +++ b/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) diff --git a/docs/02-setup-main-game/img/05-main-scene/add-reel-frame-2.png b/docs/02-setup-main-game/img/05-main-scene/add-reel-frame-2.png new file mode 100644 index 0000000..515ae65 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/add-reel-frame-2.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/add-reel-frame.png b/docs/02-setup-main-game/img/05-main-scene/add-reel-frame.png new file mode 100644 index 0000000..4dcb0a9 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/add-reel-frame.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/reel-frame.png b/docs/02-setup-main-game/img/05-main-scene/reel-frame.png new file mode 100644 index 0000000..18dbc37 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/reel-frame.png differ