Week 7: Game Over Menu - Designing an UI

Hello, in this post i will show you how to do a game over menu. Since the last time our group have added the dead condition. Player will die once the plane hits the ground or be killed by the boss. First thing we need to do is open photoshop, create a image that says GAME OVER over a black screen and this is it. Then we open Unity and create a new Scene called gameOver in the scene folder. In the current version of the game this means that we have 5 scenes in this folder: BossFight, Flying, GameOver, LevelSelector and Main Menu. Nevermind the "Boss" scene in the screen shot, it was a test scene.

Then in the blank scene add a new canvas in the Hierarchy. This is done with Right click -> UI -> Canvas

Then again Right click -> UI -> Image and then drag it into the Image into the Canvas and then in the Inspector drag the Game Over image we created earlier over Image (script) -> Source Image and then resize it to fit the screen

After that we must create two buttons called Retry and Main Menu. Under both of them in the Hierarchy tab you will have two text tabs. Fill both of them with text such as Retry and Main Menu for each.

I made the buttons to be blue and become white when highlighted. Then to make these buttons make something we have to write really easy script. Create an Empty Game Object and add c# script called something like Game Over menu. When you open the script remove Start() and Update() functions and create two new functions which i called BackMenu and Retry. And then we only have to load new Scenes in these two methods.

Only one thing left - make the buttons do what you want. Back to hierarchy and mark the Retry Button. In the end of the inspector there will have a window that says On Click(). Click on the plus in the bottom right end, drag the GameObject with the attached script over it and then on RuntimeOnly select 'NameOfScript'.Retry.