How to Make Pretty UI with Theme Editor in Godot 4

Published: 10 August 2024
on channel: 16BitDev
17,658
948

Making UI with theme editor & style box and implementing some basic animation to UI.

Time stamps -

0:00 - Preview
0:22 - Study Material / Reference
0:46 - How NinePatchRect works
1:50 - Menu UI Setup
2:15 - Theme for Button & Custom font
4:56 - Inventory UI Setup
7:24 - Party UI Setup
9:13 - Code for setting Description
9:53 - Code for Inventory Slot and Item Resource
11:32 - Font Shadow & fixes
12:08 - More items for testing
12:34 - Code for Party Slot & Character Resource
14:47 - Animation Setup for the UI elements
17:27 - Code for controlling animations
19:32 - Final Result & Thanks



Related Videos -
Weapon System -    • Weapon System - RPG Game Design in Go...  

Asset Used -
UI - https://mounirtohami.itch.io/pixel-ar...
Characters - https://pixelizabeth.itch.io/free-cha...

Code -
UI - https://pastebin.com/X11B7dW5
Item Slot - https://pastebin.com/GjmwcCK4
Party Slot - https://pastebin.com/NtX9gyjC
Item - https://pastebin.com/4nCRmEFu
Character - https://pastebin.com/2irikAaj


Patreon -
  / 16bitdev  

Discord -
  / discord  




Music Used -
DaniSogen - Adanel
Provided by Lofi Records
Watch:    • DaniSogen - Adanel  
Download/Stream: https://fanlink.to/AWorldofIllusionn


Watch video How to Make Pretty UI with Theme Editor in Godot 4 online without registration, duration hours minute second in high quality. This video was added by user 16BitDev 10 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,658 once and liked it 948 people.