Shop System (Part II): Setting Up Our Inventory UI

hey everyone it's Matt here with nightrun studio and in this series we're working at making items an inventory and ultimately a shop system in our first video we got started by creating items but admittedly it's a little underwhelming they have a cute little animation when you collect them they've got scriptable objects so we can give them all sorts of stats but that's actually all they do at the moment so next up we need to make an inventories we actually have somewhere to store these items and inventories means user interface so in this video we're going to construct the interface for our inventory and in the following one we'll get it up and running let's get started now the core of this system is going to be a simple inventory canvas with two parts first of all you'll have a gold icon which we're going to attach a text mesh Pro to that will keep track of the amount of gold we currently have we'll also have this slots game object this is this is just going to serve as a holder for each of our inventory slots and the slots themselves are going to have three parts the inventory slot will just be our graphic of the square that holds the item and then inside of that we're going to have a icon which will show the item we have which will show the item as well as a text for our quantity all of this data will be populated through the item scriptable objects we created in the last video all all right with that done let's actually get making this thing now our first step is to create the inventory canvas let's right click in the hierarchy go to UI canvas and call it inventory canvas all we need to do with this is click on the scaler and make sure that we've set it to scale with screen size we need to make sure our reference resolution matches what we have in our game view next up we're going to add a UI image this one will be called gold and if you have an image you'd like to use