Popup Tooltip - UI Design in Godot 4

Published: 08 June 2024
on channel: 16BitDev

4,490

280

Making a tooltip with Popup Panel and control nodes, UI design in Godot 4.

Time Stamps -

0:00 - Preview
0:12 - Popup with PopupPanel node
1:42 - Slot for holding Items
2:43 - Basic UI in test scene
3:30 - Making it popup beside the slot
5:00 - Items
6:00 - Modifying slot to hold item data & pass it to Popup
6:36 - Design UI for Popup panel to display item information
8:55 - StyleBoxFlat to make the panel pretty
9:32 - Fixing font, that got downscaled for pixel art resolution
10:54 - RichTextLabel for text animation
12:16 - Final Result
12:46 - Thank you to my supporters!

Asset Used -
Sprites - https://www.spritecatalog.com/tools/

Code -
Slot - https://pastebin.com/JKhqn0KV
Popup Window - https://pastebin.com/2kxT4EPP
Item - https://pastebin.com/prUM5RYc

Patreon -
  / 16bitdev

Discord -
  / discord

Music Used -
ticofaces x Mondo Loops - Arrival
Provided by Lofi Records
Watch:    • ticofaces x Mondo Loops - Arrival
Download/Stream: https://fanlink.to/LunarIsle

Watch video Popup Tooltip - UI Design in Godot 4 online without registration, duration hours minute second in high quality. This video was added by user 16BitDev 08 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,490 once and liked it 280 people.

785