User Interface

This devlog will focus on the user interface (UI) of Don't Touch the Lava (DTTL).

On the home page I have created a simple UI experience for the player. I've made 6 scenes for the game: the main menu scene, the game level, a high scores scene, How to play scenes, and two Game Over scenes: one to input a high score if the player manages to beat their previous time, and the other is a generic Game Over screen if they did not beat the high score. All scene's lead back to the Title scene. The title screen graphic was something I made in Adobe Illustrator. The font used throughout the game is called Clobbering Time Font (Starkings, 2019). 

The scene switching was done with the SceneSwitcher code from the tutorials. 

The How To Play scene and High Scores scenes are fairly simple and they are pretty self explanatory. The HTP scene contains the objective and the controls of the game. While the High Scores scene shows the saved scores. The scores will be saved using PlayerPref. However, at the moment I am coming up with some blocks int he coding to pull the data through. The scene is defaulting to "Unknown" with a time of "0:00" (below).

The game level contains UI in the form of a timer. This is the players score, which stops when the player is killed.

When the player gets a new high score, then they will be prompted to enter their name on a new scene (below).  I've implemented code, using the tutorial codes as a base to use PlayerPrefs to save the time for the score. I had to format the score into a time format and not an INT.  And I've formatted it to the millisecond, but as can be seen below, the millisecond is not pulling through and is only showing as a whole second.

The Game Over scene (below) would appear when the player fails to beat the high score. There is another issue that I've encountered with my code. Currently the game will always think the player has the best score and will prompt the player to enter their name. 

References

Starkings, Richard. 2019. "Clobberin Time Font." Online Web Fonts. https://www.onlinewebfonts.com/download/46d7dac81228f7fab3b1d34b7669d061.