I would really like to replicate the achievement screen in minecraft but I am hitting a brick wall. I do not know if I should use GraphEdit node or a panelcontainer and then use a camera. For every other idea I have there is a tutorial out there but this is a new thing apparently. Does anybody have information about this or has made it before and could share me some tips?
That would be a scroll container, where for some data store listing all achievements and another for achievements you have earned, you loop through them and for each generate a row (a component for an achievement row) that takes the image, the title, the date achieved (if it exists) and the gold earned value, and adds it to the scroll container.
Try building it yourself. Start with a test dictionary of say ten achievements with each achievement listing and image, a description, a name and a gold value. Then create a scene for a row. Instantiate it for each item in your achievement list and add it to the container. Then go from their to make it more dynamic and fit it into your game.
This might be your chance to escape the tutorial trap, and break into the next stage on your game making journey. Good luck.
PS Scroll containers are really simple and work amazingly well, although your first one will have a learning curve, but just read the docs, experiment and try it out.
PS top tip - start with a scene with a canvas layer root, a control node centered horizontally and expading vertically to full height, and a scroll container. Then manually add in some margin containers for each row, as children, an HBoxContainer to containe the row and then a texture rect child of that for the image, a VBox for the title and description and you will be on your way!
I’d suggest a TileMapLayer for the “pipes”, and TextureButton for the boxed icons. You could do it all with a tilemap, but it’s probably easier to keep it separate, and using texture buttons means they’re trivially mouse clickable.