content

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

@@ -470,6 +470,48 @@ To use the Multiple Popup layout, reference target `hyper-multiple-popup.prefab`
 **Preview Result**:         
 ![Popup overview exit](./img/05-main-scene/popup-exit-game.png)
 
+---
+
+## Setup Logo
+
+### Overview
+
+The game logo is a key visual element used to represent the game's identity. It is displayed consistently across multiple platforms and screen orientations.
+
+|   Platform    |   Orientation |   Example Screenshot  |
+|---------------|---------------|-----------------------|
+|   Desktop     |	-	        | 	![Overview Desktop](./img/05-main-scene/logo-overview-desktop.png) |
+|   Mobile      |	Landscape   |	![Overview Landscape](./img/05-main-scene/logo-overview.png) |
+|   Mobile      |	Portrait    |	![Overview Portrait](./img/05-main-scene/logo-overview-portrait.png) |
+
+
+### Setup Logo In Game
+
+#### Logo Desktop 
+![Setting Logo](./img/05-main-scene/logo-setting-desktop.png)
+
+##### Platform Node Spawner Settings
+
+:::info        
+*[Click here to follow the setting](#platform-node-spawner-settings)* 
+:::    
+
+##### Add Script Play Anim Logo
+
+
+![Setting Logo](./img/05-main-scene/logo-script-desktop.png)
+
+in script was has function get name Animation:
+
+```jsx title="assets\core-assets\hyper-core\packages\logo-animation\hyper-logo-animation.js"
+    onLoad: function () {
+        var self = this;
+
+        self.animPlay = AnimationProvider.Instance.GetAnimation('anim-logo-play');
+        self.animIdle = AnimationProvider.Instance.GetAnimation('anim-logo-idle');
+    },
+```
+