I wanted to know how to work with UI in Godot, so I tried to recreate UI from Persona 3 Reload. It was much easier than I thought and I very like the result. I mostly focused on artistic part of the process, so the code is a big mess.

You can navigate with arrows, space and esc on keyboard, and with left d-pad, cross/a, circle/b on joystick.

I wrote an article about how I did this: https://ultipuk.xyz/blog/recreation-of-persona-3-reload-ui/

Source code is available on GitHub: https://github.com/Ultipuk/persona_3_reload_pause_menu


References:

  • Sounds by graaveaty.
  • 3D model of Makoto was taken from here.
  • Button images by the ubiquitous Kenney.
  • Font used: Montserrat.
  • Main reference video: this one, thanks to John Persona.
  • Big help came from this video by Acerola.
  • Gaussian blur shader was taken from here.


Published 4 days ago
StatusReleased
PlatformsHTML5
AuthorSanya
Made withBlender, Godot, Audacity, Krita
TagsGodot, Graphical User Interface (GUI)
Average sessionA few seconds
LanguagesEnglish
InputsKeyboard, Joystick
LinksBlog, GitHub

Leave a comment

Log in with itch.io to leave a comment.