YT YouTube2Text

YouTube2Text → Transcripts → Improving the Display in The Shop GUI! Roblox Studio Simulator Guide Episode 11

Improving the Display in The Shop GUI! Roblox Studio Simulator Guide Episode 11 — Transcript

by MonzterDEV · 3,080 words · 401 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00what's going on ladies and gentlemen
0:00welcome back to the simulator series in
0:02this episode we're gonna be going over
0:04how stats are displayed in our shop
0:06because we did sort of make some
0:08mistakes before so we're gonna be fixing
0:10those mistakes and then also improving
0:11the gui slightly as always if this video
0:13does help you guys out or you do enjoy
0:15it make sure you smash the like button
0:16also hit the subscribe button and turn
0:17this post notifications on if you want
0:18to get notified when i put more roblox
0:20development content additionally i do
0:21have patreon if you guys like to support
0:23me and gain access to all the scripts
0:25and the game file that i make in this
0:26episode there's a link down below in the
0:27description you guys go check it out
0:28with that being said let's get into it
0:30so starting off let's take a look at how
0:32our stats are actually set up for all of
0:34our different items in our simulator if
0:36we click on the item we can then see our
0:37stats displayed in this info section
0:39right here and we can see plus three
0:41food which is the stat for this specific
0:43item and then below that is the cost of
0:45the specific item now if we swap to dna
0:47and click on this we can see plus two
0:49food so it seems like dna shares the
0:51exact same stat as food but it actually
0:54doesn't and it shouldn't so that's what
0:55we really want to change here is this
0:57specific stat right here now that might
0:59be a little bit confusing but let's take
1:00a look at how eating simulator has their
1:02setup so if we look at food and we click
1:03on an item we can see that they have
1:05plus one food stats so that's how we
1:07have for our food as well then when we
1:08go click on dna and we can see it offers
1:10a different stack and this stat that
1:12they're offering right here is the
1:13maximum amount of food that you can
1:15actually hold so if we equip this item
1:16for example we can see that our max
1:18amount of food that we can actually hold
1:20is now down to 95 and the rank stead is
1:22actually completely fine we don't need
1:24to adjust that at all because we
1:25actually did get that completely correct
1:27so let's just recap real quick the food
1:28items that we buy should increase our
1:30food stack the dna that we purchased
1:32should increase our max food stat and
1:34then our ranks increase a couple of
1:35different multipliers which we'll handle
1:37later so now that we fully understand
1:39that once again looking at our food stat
1:41and our dna stat they both offer the
1:43exact same stat and we need to change
1:45that and the way to do this is we want
1:46to go into our configs and our configs
1:48are stored inside of the replicated
1:50storage and inside of the config folder
1:51so let's go ahead and open up the tool
1:53config open up the rank config and the
1:55dna config as well when we look at the
1:56tool config or if we look at any of
1:58these configs we can see each of them
2:00have a specific property for their sort
2:02of stat so if we look at rank config
2:03this stat is going to be the multiplier
2:05if we look at dna config the stat for
2:07this item type is food and if we look at
2:09tool config the stat that this item
2:11offers is also food as well now that's
2:12not bad and we could actually continue
2:14to use this but of course what we would
2:16then do is change the dna config from
2:18food to say max food for example rather
2:21than doing that though since we know
2:22that each of these different item types
2:24all offer one specific stat and we know
2:26what stat is offered by each of those
2:28item types because the stats are
2:30different for every item type let's just
2:32go ahead and rename all of their
2:33specific stats like food food and
2:36multiplier to literally just the word
2:38stat and this might be confusing for you
2:40but of course i'll get further into
2:41detail and explain why we're gonna do
2:42that so to easily do this highlight food
2:44hit ctrl h and then instead of food
2:46we're gonna say stat and then we could
2:48go ahead and replace all we'll do that
2:49for dna as well and then for the rank
2:51config as well so there we go now our
2:53stat is no longer called multiplier or
2:55food they're all just labeled stats in
2:57each of the different configs now that
2:58we adjusted all the config files we also
3:00want to adjust the gui as well let's go
3:02inside of our manager which is of course
3:04inside of our starter gui the shop
3:06folder and then we have the manager
3:07right here inside of here let's locate
3:09the new function and we want to look
3:11inside of our for loop so inside of here
3:12we can see right here we set the meta
3:14table for the object and then we start
3:16setting the properties for the object as
3:17well so we can see right here we have
3:19the food property that we're no longer
3:20using so we can go ahead and delete that
3:22we also have the multiplier property as
3:24well and what we're going to do instead
3:25of deleting this we are going to change
3:27this from multiplier to stat so then we
3:29can hold the item specific stat
3:30information right there now the next
3:32thing that we also need to make sure
3:33that we do is any time that we actually
3:35use the food property we want to find
3:37that inside of this file because we also
3:39have to adjust the systems which use
3:40food so that they work with our new
3:42system that we're creating so we can
3:43control f and look for dot food because
3:45that's how we know we're calling the
3:47food property and then we can see right
3:48here on line 171 inside of the click
3:51function we can see that we're using the
3:52food property right here so we can see
3:54we're using the food and multiplier
3:56property to set the text for the
3:57infostat and also for the info price as
4:00well rather than creating the if
4:01statement when we're actually setting
4:03the value to something we're going to
4:04make a normal if statement so what we
4:05want to do is we want to check the
4:07current shop the reason that we're going
4:09to check the current shop is because
4:10that's going to give us whatever list
4:12that we're actually looping through and
4:13whatever the current item type we're
4:15using and that's how we're actually
4:16going to adjust the infostat in the info
4:18price rather than looking into the
4:19multiplier and the food stack so we're
4:21going to say if current shop equals and
4:23then we're going to check if it's food
4:25then now we want to set the
4:26infostat.tech and we want to set that to
4:29the same thing that we have set down
4:30here so we can just go ahead and copy
4:32and paste that directly into there and
4:33we also want to set the infoprice.txt
4:37to the same thing that we also have down
4:39here so now food's all done we don't
4:40have to worry about that what we then
4:42want to check is if the current shop
4:44equals dna and if that does then we want
4:46to set both of these text labels again
4:48but of course for the correct stat so
4:49instead of the plus symbol which is
4:51representing the increase of food we
4:53want to use the fry icon which is going
4:55to represent increasing the max food so
4:57remember the food items are going to
4:59increase your food stat while the dna
5:01items are going to increase the max
5:03amount of food that you can hold another
5:05thing is that i sort of forgot to change
5:06this right here so right here we can see
5:08we're still using self.food but of
5:10course that property doesn't exist
5:11anymore and we replace that with stat so
5:13now we're going to use stat instead of
5:15food to get the stat value of that item
5:17and now that we have food and dna out of
5:19the way we have one more category left
5:20and that is ranks so we're going to kind
5:22of do the same thing we can just copy
5:24and paste these down here so we have the
5:25properties already and of course ranks
5:27is slightly different than the other two
5:29rather than setting the price in the
5:30actual price label we are going to set
5:33that where the stat is usually at so
5:35there's our price and then for the price
5:36is where we sort of set the stat for the
5:38rank and we already have the string
5:40created for the specific stat right
5:42there so we can go ahead and copy this
5:44and paste it right where the price is at
5:45and the final thing that we need to do
5:47is of course change multiplier to stack
5:49then we can go ahead and delete how we
5:51were previously setting these values but
5:52now if we look below the lines that we
5:54just deleted we can actually see the
5:56info warning dot visible is also using
5:58the multiplier property as well rather
6:00than using the multiplier property we're
6:01going to go ahead and once again use the
6:03current shop property so we're going to
6:04say if current shop equals ranks then
6:07we're gonna set the info warning to true
6:09otherwise it's going to be false let's
6:10go ahead and start up our game and see
6:12how the changes look as long as it looks
6:14normal then that's exactly what we want
6:15for the most part so we can click on fry
6:17and we can see everything is generated
6:18as normal which is good we're not
6:20getting any errors then we look at dna
6:22we click on the item and we can see the
6:23icon has changed and now instead of food
6:25it says max which is exactly how eating
6:28simulator does it so that's great and if
6:29we look on ranks and click on ranks we
6:31can now see the warning text pops up we
6:33can see the money is at the top and we
6:35can also see the stats are displayed on
6:36the bottom and that's exactly how eating
6:38simulator also has now there's a slight
6:40difference that i do want to point out
6:41and we're also going to change as well
6:43in eating simulator the stats for ranks
6:45is actually displayed slightly
6:47differently so normally we align our
6:49stats to the left and what i mean by
6:50that is you can easily see the price
6:52down here is aligned to the left
6:54otherwise it would be in the center or
6:55towards the right but we set the
6:57alignment to the left so when they
6:58display the rank stat it's actually a
7:00line in the center and that's what we
7:02want to change now rather than having it
7:04align to the left so underneath where we
7:06set the visibility of the info warning
7:07we're going to create another if
7:08statement so if current shop and we're
7:10going to check if that equals ranks if
7:12it does equal ranks then what we want to
7:14do is we want to get the info price
7:16label and we want to set the text x
7:18alignment property to enum dot text x
7:22alignment dot center so that'll center
7:24the stats although i know it might be a
7:26little bit confusing because we named
7:27this info price but remember for ranks
7:29that is where the stats are displayed so
7:31then we'll center the text otherwise
7:33what we want to do is we of course want
7:34to reset it back to the left alignment
7:36now if you didn't realize already
7:37considering how we set the visibility we
7:39can also just set the visibility inside
7:41of this if statement as well and i feel
7:42like that keeps it a little bit more
7:44organized so if the current shop is
7:45ranked we want to set the visibility to
7:47true for the info warning otherwise we
7:49are going to make that not visible and
7:51then we could of course delete that
7:52right there and there we go there's one
7:54more way that we can slightly improve
7:55our code and what i'm talking about is
7:57we have the if current shop equals ranks
7:59and we're already sort of checking that
8:00up here what we could do is rather than
8:02having another if statement we can put
8:04this inside of here and of course this
8:07else is pretty much equal to current
8:09shop equals rank so that'll handle that
8:11and then what we could do with the else
8:12statement right here is you might think
8:14we would paste it in both the food and
8:16dna but rather than doing that we could
8:18just set this above that so every single
8:20time the click method is called it's
8:22gonna set the price text alignment to
8:24the left and it'll also make the info
8:26warning not visible but if the current
8:27shop is ranked then it will change those
8:30properties back to what they should be
8:31for that specific item type so we can go
8:33ahead and delete that if statement now
8:35if you'd rather have this if statement
8:36then have it mixed in with this you can
8:38definitely do that too it's whatever you
8:40feel more comfortable with i just wanted
8:41to show you all the options that we had
8:43once again though we can go into our
8:44shop and make sure that it looks all
8:46good so we can see all the different
8:47items and stats are displayed as they
8:49should be for food let's go ahead and
8:51check dna and we can see dna is
8:53displayed as it should be and finally
8:54ranks we can see that the text is
8:56aligned in the center rather than being
8:58on the left which is exactly what we
9:00want and we can see that looks all good
9:02as well perfect now the only other
9:04noticeable adjustment that i saw that i
9:06wanted to make is if we go inside of the
9:08info frame we can locate the warning
9:10label and let's make this visible for a
9:11second so that we can actually see it
9:13and as we see it definitely overlaps the
9:15stats frame which could be kind of ugly
9:17there are a lot of ways that we could go
9:19about adjusting this we could make the
9:21stats frame slightly smaller we can make
9:23the item name slightly smaller we could
9:26make the warning smaller but i think
9:27that's the worst idea because it would
9:29become super small but i think what i'm
9:31gonna do is i'm gonna get the image
9:32label and the viewport frame and
9:34actually i'll make these both visible
9:36although one of them already is and
9:38we'll make them a little bit smaller so
9:40i think that's good that gives us a
9:42little bit room to move the item name up
9:45a little bit we can then move the
9:46warning up a little bit and now it's no
9:48longer going into the stats frame but it
9:50is pretty small let's go ahead and make
9:52the image label and viewport frame not
9:54visible once again so that we can go
9:55ahead and test this out and let's see
9:57what it looks like in game it looks
9:58pretty small i'm not gonna lie we could
10:00try to increase the size slightly so i
10:02did increase the size slightly so now
10:04when we look at it actually it looks
10:06pretty good i'm not gonna lie that
10:07actually looks really good for the most
10:09part i don't like how close it is to the
10:10item name i mean they're practically
10:12touching but at the same time at least
10:13it's not too small okay i think i found
10:15a good size end position for this so the
10:18size that i found that was good was 0.07
10:20and then the position was 0.445 now i
10:23don't really want to further discuss the
10:25warning label because this clearly can
10:26be changed to however you actually want
10:28it and we could continue to go so far
10:30into it and do a lot of stuff but it's
10:32really not that important and i feel
10:34like that's a decision that you guys can
10:35make on your own after seeing the things
10:37that i tried to do with it earlier when
10:38we changed the stats on each of the
10:40config files we actually forgot to
10:42update another file that used the
10:44specific food stamp now the way that i
10:45figured this out was by going into our
10:47game equipping our item and actually
10:48trying to earn points and you can see
10:50that we now have an error being thrown
10:52in the console so the error is being
10:54caused inside of the tool manager which
10:55is inside of the server script service
10:57so we can go inside of the tool manager
10:58and we can quickly and easily see that
11:00right here we are using the food
11:02property which no longer exists and
11:03remember we change the food property
11:05from food to stat so once we change that
11:07to stat we should now have no issues
11:09when we do try to earn money from using
11:11our item and we can see that has now
11:13been fixed we're now earning points as
11:14we should be so with that being said
11:16ladies and gentlemen that's going to be
11:17it for this episode hopefully it helps
11:18you guys out if it did make sure you
11:19smash the like button also hit the
11:20subscribe button and turn those post
11:22notifications on if you guys did enjoy
11:23and you want to get notified when i
11:24upload more roblox development content
11:26additionally i do have a patreon if you
11:28guys like to support me and gain access
11:29to all the scripts and the game file
11:31that i made in this episode there's a
11:32link down below in the description and
11:33you guys can go check that out with that
11:34being said i hope that you guys have a
11:36great day and i'll see you guys in the
11:37next episode

About this transcript

This page contains the full transcript of Improving the Display in The Shop GUI! Roblox Studio Simulator Guide Episode 11 by MonzterDEV, generated from the public captions YouTube serves with the video. The transcript has 3,080 words across 401 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to choose a caption track available on the video.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, caption language selection, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.