{"id":990,"date":"2026-02-12T22:58:07","date_gmt":"2026-02-12T22:58:07","guid":{"rendered":"https:\/\/sites.wsagames.com\/sz3c23\/?p=990"},"modified":"2026-05-11T20:57:11","modified_gmt":"2026-05-11T20:57:11","slug":"coding-development-ui","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/sz3c23\/coding-development-ui\/","title":{"rendered":"Coding Development: UI"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Here is the tutorial that helped me understand how to create multiple types of\u00a0 UI in the Unity engine:<\/strong><\/div>

Unity UI Tutorial | An introduction<\/a><\/strong><\/span><\/p>

Start Menu UI<\/h4>

The main menu UI consists of a title and three buttons: Start<\/strong>, Settings<\/strong>, and Quit<\/strong>. I decided to prioritise functionality before visual polish, so I began by implementing the logic behind the Start button.<\/p>

\"\" \"\"<\/p>

To achieve this, I created a MainMenuManager<\/code> script and attached it to a GameObject in the start menu scene. In this script, I imported the SceneManagement library so that I could control scene transitions. Inside the class, I wrote a public method called StartGame()<\/code>. This method uses SceneManager.LoadScene()<\/code> to load the gameplay scene named \u201c2.5D test.\u201d I then connected this method to the Start button through the Button component\u2019s OnClick event in the Inspector. As a result, when the player clicks Start, the game transitions directly from the main menu scene into the gameplay scene.<\/p>

I also structured two additional public methods for the other buttons. The OpenSettings()<\/code> method currently uses Debug.Log()<\/code> to print \u201cSettings clicked\u201d in the Console, allowing me to confirm that the button interaction works correctly before building the actual settings panel. The QuitGame()<\/code> method calls Application.Quit()<\/code> to close the game in a built version, while also logging \u201cGame Quit\u201d in the Unity Editor for testing purposes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t