How would you go about making animal crossing-like cards? (UI)

Godot Version

v4.2.2.stable.official [15073afe3]


I’m going to make a crafting menu for my game and was wondering what the proper way to make item cards similar to these in animal crossing would be?

I would also like there to be text under the icon. I’m still learning godots ui system so any help would be appreciated

I would make a PanelContainer and if you intend to have many different backgrounds a TextureRect, then a TextureRect as a child for the Item image (Full rect, scale ignore size and keep aspect centered). The various decorations in the corners i.e favorite, customizeable, crafted before, and in-storage can be TextureRects children anchored to each corner; for multiple in a corner make use of HBoxContainer. Set a minimum size for the root node.

Here’s my scene tree, and ugly make shift images + emojis.


You are a legend! Thank you!! I’ll build that tommorow when I get the chancr

Oh! One more thing, How would you go about making it selectable? with a mouse in code makes sense but what about controller combatability?

I think that has to do with the focus-next /left/right parameters, haven’t ever tried controller UI