Custom Inventory System: Full tutorial + Model

Resources Community Tutorials
,
#2

this looks good but can you tell me how I can connect this with my trading system so if I get a tool from a trade it appears in the inventory and when I die it saves?

1 Like
#3

how could i make so there’s only 3 slots and when they are full, you can’t pick more tools?

#4

because the OP made it pretty modular, you can just change the slots to nums table to only have 3 slots, and if a new tool is added to the backpack, check if there are more than 3 tools in backpack & the character, and discard the overflow

2 Likes
#5

Just throwing this out here incase anyone wanted to add some clean animations to the GUI/clean up the gui a little.

Go through the code if you do not trust me it is up to you.

This version does use an external framework called Fusion for handling animations etc.

Download file:
inv.rbxm (61.7 KB)

Preview (Fixed the issue where the numbers still show):
robloxapp-20240509-1334368.wmv (208.2 KB)

3 Likes
Free, front-end, backpack + hotbar GUI
#6

Hi, thanks for sharing.

What devices does this support?

#7

i believe it depends on what keys are set in the slotsToEnum table. If you set them to be gamepad keys, then it should support console, but if you make it keyboard keys, then it would be pc supported. Since this only uses UserInputService, it can’t really support mobile players; unless you modify it. though I think you could just make the slots clickable to support mobile

1 Like
#8

Hi uh might i ask why this part of the code inside the handler script only goes upto 5?

local slotsToNums = {
	["SLOT1"] = 1,
	["SLOT2"] = 2,
	["SLOT3"] = 3,
	["SLOT4"] = 4,
	["SLOT5"] = 5
}
#9

It goes up to 5 for this post as an example. If you need to add more, go right ahead! :upside_down_face:

1 Like
#10

Ohhh i see mb, thank you i was just a little confused

#11

I think you missed something in the tutorial! SLOT_DRAGGER is never created, and gives an error! Also, make sure to mention that placing a UIStroke in the slots is needed! Otherwise great post.

Image in a label doesn't reset on scripts request
#12

Do it have slot dragger, where you can drag it from the hotbar, into the workspace and totally drop it?

What about slot tool stacking? If you have 2 of the same item, can it stay only one slot and show a little 2 above it?

Also does it support all devices ? PC / Mobile, tablet , xbox etc?

Thanks

#13

Can you add a .rbxl or a place that is editable? Thanks so much!

#14

There’s already a model linked above with all the necessary assets! :grin:

#15

theres a issue where when i drag an item from my bag into a hotbar slot that i have equipped it still places that item inside the slot, so i have 2 items in one slot.

#16

and also when you drop an item, the image on the slot doesnt disappear

#17

I have updated the post in regards to its unreliability. For anyone using this module in its current state, I may decide to update/make another one, but for now please refrain from using it. I apologize for the inconvenience I may have caused. Just trying to look out for newer scripters coming to this post. Thanks everyone!

4 Likes
#18

Yep just use a button , connect to the event and when pressed make him equip the item

#19

I will probably end up migrating my changes to the updated version if you do not do that your self. Personally I think it looks nicer :smiley:

#20

Hi,
Do you have an updated .rbxl with your changes and nicer look you can share?

Thanks

#21

I don’t. I am a scripter not a gui designer do remember that.