diff --git a/docs/02-setup-main-game/05-main-scene.md b/docs/02-setup-main-game/05-main-scene.md index cb592a5..549ca12 100644 --- a/docs/02-setup-main-game/05-main-scene.md +++ b/docs/02-setup-main-game/05-main-scene.md @@ -93,9 +93,67 @@ The setup is very straightforward by using the `Generate Panel` command in each > - Which helper/p4f menu can be used ## Setup Background +### Background Desktop +1. Prepare for **Background Animation**. -> To Be Added: -> - show how many background: desktop, mobile, main game, free game, gamble, reel bg, slot panel bg. +- Assets + + ![Background Landscape](./img/05-main-scene/background-landscape-1.png) + ![Background Landscape](./img/05-main-scene/background-landscape-2.png) + +- Node Tree and Properties + + Animation Provider: We add anim-landscape in desktop assets , it is used for desktop and mobile landscape. + + ![Background Landscape](./img/05-main-scene/background-landscape-4.png) + + Background Container + + ![Background Landscape](./img/05-main-scene/background-landscape-3.png) + +2. Set up **Background** for **Main Game**. + +- Static + + ![Background Landscape](./img/05-main-scene/background-landscape-5.png) + + If we have animation background, we can remove **Sprite Component** to decrease Drawcall, because we already have static sprite frame on **Spine Animation Component**. + +- Animation + + ![Background Landscape](./img/05-main-scene/background-landscape-6.png) + +### Background Mobile +1. Prepare for **Background Animation**. + +- Assets + + ![Background Landscape](./img/05-main-scene/background-landscape-7.png) + ![Background Landscape](./img/05-main-scene/background-landscape-8.png) + +- Node Tree and Properties + + Animation Provider: We add anim-portrait in mobile assets, anim-landscape we still use desktop assets. + + ![Background Landscape](./img/05-main-scene/background-landscape-9.png) + + Background Container + + ![Background Landscape](./img/05-main-scene/background-landscape-10.png) + +2. Set up **Background** for **Main Game**. + +- Static + + ![Background Landscape](./img/05-main-scene/background-landscape-11.png) + + If we have animation background, we can remove **Sprite Component** to decrease Drawcall, because we already have static sprite frame on **Spine Animation Component**. + +- Animation + + ![Background Landscape](./img/05-main-scene/background-landscape-12.png) + ![Background Landscape](./img/05-main-scene/background-landscape-13.png) + ![Background Landscape](./img/05-main-scene/background-landscape-14.png) ## Setup Animation Provider diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-1.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-1.png new file mode 100644 index 0000000..f27fd95 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-1.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-10.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-10.png new file mode 100644 index 0000000..603e51d Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-10.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-11.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-11.png new file mode 100644 index 0000000..0d0e221 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-11.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-12.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-12.png new file mode 100644 index 0000000..baa3508 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-12.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-13.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-13.png new file mode 100644 index 0000000..52747eb Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-13.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-14.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-14.png new file mode 100644 index 0000000..73486ef Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-14.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-2.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-2.png new file mode 100644 index 0000000..2bd2b64 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-2.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-3.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-3.png new file mode 100644 index 0000000..37aa0cb Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-3.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-4.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-4.png new file mode 100644 index 0000000..0983d75 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-4.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-5.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-5.png new file mode 100644 index 0000000..42aa817 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-5.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-6.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-6.png new file mode 100644 index 0000000..b358d42 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-6.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-7.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-7.png new file mode 100644 index 0000000..c59f1ca Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-7.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-8.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-8.png new file mode 100644 index 0000000..06677fd Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-8.png differ diff --git a/docs/02-setup-main-game/img/05-main-scene/background-landscape-9.png b/docs/02-setup-main-game/img/05-main-scene/background-landscape-9.png new file mode 100644 index 0000000..4881c71 Binary files /dev/null and b/docs/02-setup-main-game/img/05-main-scene/background-landscape-9.png differ