Shop UI //// Make a 2D AARPG in Godot 4 // E67
In this tutorial we weill create a shopkeeper UI that will be used as part of our AARPG's shop feature.
Topics Covered: ScrollContainer node, UI, Labels, Custom Button node
New Assets Used:
shopkeeper.zip (updated version on 3/32/2025)
Asset Download Page: https://michaelgames.itch.io/2d-actio...
--------------------
Chapters
--------------------
00:00 Intro
00:21 Overview
02:05 Gather assets
04:14 Recap
04:44 Create Shop Menu scene
06:51 Add control and basic nodes to ShopMeu scene
08:12 Discuss UI layout
08:40 Copy panel from inventory to shop menu
09:15 Add CloseButton node
09:57 Shop item scroll container & child nodes setup
13:04 Create ShopItemButton scene
15:45 Set size of button control & position nodes
17:29 ShopMenu layout & conainter sizing adjustments
18:13 Adjust VBox spacing
18:47 Register scene as global autoload, set canvas layer & test it out
20:28 Address arrow key input issue in scroll view container
21:31 Create gem/currency display
25:44 Animation for "not enough money" scenario
29:41 Add nodes to details panel
37:51 Add a script so we can disable/hide the shop menu :)
39:22 Outro
40:00 Thank you Patreon supporters!!!
--------------------
Shop & Shopkeeper Feature playlist:
• Shop & Shopkeeper Feature
Need more context? Check out the Item's & Equipment playlist:
• Items & Equipment // Selections from the 2...
Or, check out the entire Series Playlist:
• Make a 2D Action & Adventure RPG in Godot ...
GitHub Repo: https://github.com/michaelmalaska/aar...
AARPG Trello Board: https://trello.com/b/9PlGOAZv/aarpg-t...
Join our discord community!
Discord: / discord
Become a Patreon member to get exclusive access to Michael, and more: https://www.patreon.com/c/user?u=2630...