YT YouTube2Text

YouTube2Text → Transcripts → Creating a Trade Gui! Roblox Studio Simulator Guide Episode 31

Creating a Trade Gui! Roblox Studio Simulator Guide Episode 31 — Transcript

by MonzterDEV · 3,413 words · 450 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00in today's episode of the simulator
0:01series we are going to be creating all
0:03the gys for our trading system as always
0:05if you guys do enjoy the video or does
0:06help me out make sure you smash like
0:07button also subscribe button and turn
0:09this post notifications on if you want
0:10to get notified I want to upload more
0:11Roblox on my content additionally I have
0:13a patreon if you'd like to support me
0:14and get access to all the scripts and
0:16the game file that I made during this
0:17episode there's a link down below
0:18description and you guys can go and
0:19check that out with that being said
0:20let's get into it pop indirectly in the
0:22studio the first thing that we're going
0:23to do is we're going to create the menu
0:24for where people send trade requests to
0:26other players in our game so we're gonna
0:27go into the starter GUI into the
0:29settings GUI and then we're actually
0:30going to duplicate the settings to UI we
0:32can then rename this GUI from settings
0:34to trade requests and then let's go
0:36ahead and enable this so that we can
0:38actually see it then going into GUI
0:39itself inside of the frame we then have
0:41a couple of children inside of here
0:43let's first go into the title and we'll
0:44set the text of the title from settings
0:46to trade and then for the subtitle we'll
0:48also set this text to trade pets with
0:51other players exclamation mark and then
0:54what we can also do is we're going to
0:55grab this Frame and then we're gonna
0:56make it a little bit smaller so it looks
0:58something like that and we could even
0:59make it a little bit taller as well we
1:01just don't want it to be as wide as it
1:03was then we'll make sure that we
1:04position this in the center of our
1:05screen so 0.5 and 0.5 just like that
1:07we'll select the title frame and the
1:09normal frame which holds everything else
1:10inside of it and we'll change the
1:12background color from a gray to a blue
1:14something like that we also want to
1:16change the background color of the
1:17container as well to be like a darker
1:19blue soap something like that would be
1:20pretty nice additionally we can modify
1:22the exit button if we wanted to a little
1:24bit so that it kind of looks a little
1:25bit better with the GUI it doesn't look
1:26like it's too small now that we have all
1:28that done let's go inside of the
1:29container inside of this container and
1:31then make this template visible so that
1:32we can actually see it then let's go
1:34inside of the template and we don't
1:35actually have to modify too many things
1:36surprisingly we can keep the button and
1:38we can even keep the title but we don't
1:40need the description so we're going to
1:41delete that now the way that they have
1:42their template actually set up is the
1:44send button is on the right and it's a
1:46little bit stretched out so something
1:47like that and then we're going to set
1:48the text of this from on to send and it
1:51will remain green then we're going to
1:53add an image label and this image label
1:55is actually going to be a picture of the
1:57player's Roblox Avatar so we'll just
1:59rename this to to Avatar then for the
2:01size we want this to be I don't know
2:03like 0.3 comma zero comma one comma zero
2:06something like that maybe we'll actually
2:07change the Y from one to like point nine
2:09then for the position we'll set the
2:11Anchor Point y to 0.5 and the position y
2:13to 0.5 as well so that's centered on the
2:15Y and then for the X we just want to
2:16move it over a little bit so like maybe
2:18point zero two five I think that gives
2:20it enough room to not be on the left so
2:22much and it will also set the background
2:23transparency to one and then we'll
2:25replace the image by scripting then for
2:27the title we need this to be quite a bit
2:29smaller so we want it to be able to fit
2:31in between the send button and the image
2:33label just like that so the position of
2:35this we want this to be 0.5 on the Y so
2:38just like that and we don't have to
2:39adjust the position anymore now this
2:41won't actually be called title we'll
2:42rename this to player because that will
2:44actually be the player's name so then
2:46we'll just set the text of this for
2:47example to monster Dev as that would be
2:50my Roblox username and then for the
2:52template itself we want to modify the
2:53background color to actually match the
2:54background color of the outside frame so
2:57just like that and then I think the last
2:58thing that I want to do is change the
2:59file bought from Gotham to maybe Gotham
3:01black just to make that look a little
3:03bit better and then with all that being
3:04said I think that looks pretty good so
3:06we can duplicate the template a couple
3:07of times and see how it looks and it
3:08does look pretty good if we wanted to we
3:10could modify the UI grid layout a little
3:11bit I think I want to make the spacing a
3:13little bit smaller in between the
3:14players and additionally we could make
3:16the sell size on the y a little bit
3:17smaller as well like o5 even though I
3:19think that's a little bit too small but
3:20that's actually kind of similar to how
3:22they have it so I think we're gonna
3:23leave it like that we're just gonna
3:24delete three templates leave one and
3:26then for right now we will leave this as
3:28visible so that we can always see it and
3:29make sure that we don't forget about
3:30anything when we're scripting we'll then
3:31set the trade request to not enabled so
3:33we no longer see the GUI next what we're
3:35going to do is we're gonna actually
3:36create the trade GUI itself so what
3:38we'll do is we'll duplicate the pet
3:39inventory GUI this time and we'll rename
3:41that from pet inventory to trade then of
3:43course we'll set the enable to true so
3:45that we can actually see it and now we
3:46have to modify the GUI so first things
3:48first inside of the frame we have the
3:50title frame we don't actually need this
3:51title frame because they don't have that
3:53in their trade thing so we can actually
3:54delete the title frame but we do need
3:56this little text label right here
3:57because they actually do have like a
3:58title above it but for some reason they
4:00didn't include the title frame this time
4:02I don't know why but that's just how
4:04they have it set up so we're gonna need
4:05that text label and then let's just make
4:06sure that we position it Center so 0.5.5
4:09just like that and then let's set the
4:10text to trade with and then some player
4:13name here so it'll just be monster Dev
4:15for right now the next thing is they
4:16don't have any exit buttons so we're
4:18gonna delete that the delete one will
4:20actually keep because they do have an
4:21unaccept and a decline button but for
4:23right now we'll just leave that we can
4:24also delete the warning we'll leave the
4:26subtitle for now because we kind of will
4:27use this for different things the stats
4:29we can delete those and we'll leave the
4:31info frame for right now as well what
4:32we'll then do is we'll actually resize
4:34this container right here so we want it
4:36to be a little bit smaller I'd say
4:38probably like that we might want it to
4:40appear a little bit higher up so I don't
4:42know something like that would probably
4:43be good then for the subtitle what we're
4:45gonna do is we're basically gonna
4:47reposition it so that it's right above
4:49the container so I think that looks good
4:50because this text is actually just gonna
4:52say your inventory so that looks pretty
4:55good now you can rename subtitle if you
4:57want it really doesn't matter it's just
4:58kind of like a label so I could just say
5:00your label because it's like the label
5:02of your inventory I don't know the
5:04naming really doesn't matter because
5:05we're not actually going to script this
5:06at all then we'll grab the delete button
5:07and we'll pull that to like the bottom
5:09left hand corner of the GUI so somewhere
5:12like this because the decline is on the
5:14right and the accept is on the left so I
5:16think that's good and then we're just
5:17going to rename the text from
5:18multi-delete to decline and then we will
5:20duplicate this once move it over a
5:22little bit we'll set the position to .05
5:24and then we also want to modify the
5:25background color to a green so something
5:27like that and then we also want to set
5:29the text from decline to accept and then
5:32we're going to rename this button from
5:33delete button to accept and we'll also
5:35rename this button from delete to
5:37decline so the next thing we have to do
5:38is we have to create both of the
5:39containers for our offer and the person
5:41that we're trading with offer as well so
5:43with this info frame that we have right
5:45here we're actually going to rename this
5:46from info to our offer and then inside
5:48of here we're going to delete both the
5:50delete and the pet frame just like that
5:51and then we're going to resize this a
5:53little bit so for our offer it's going
5:54to be towards the top and then the other
5:56person's offer will be more towards the
5:58bottom so it should take up like half
5:59half of the inventory space I'd say
6:01something like that and we can't even
6:02stretch this over if we wanted to it
6:04doesn't really matter the next thing
6:05we're going to do is inside of this
6:06Frame we're going to insert a brand new
6:07image label and this is actually going
6:08to be to display the Avatar of both us
6:10and the other player as well so we're
6:12rename this from image label to our
6:14Avatar so that we know that we need to
6:16use this specific image label for our
6:18player then for the size we'll just set
6:19this to 0.5 comma zero comma 0.5 comma
6:22zero for right now and then we'll move
6:23this over by resizing it and it should
6:25be above our container just like that
6:27and I think that actually looks pretty
6:29decent you can make it a little bit
6:30larger if you wanted to but we're going
6:31to set the background transparency to
6:32one so there is no background and then
6:34there we go next we'll duplicate your
6:35label and we'll actually bring that over
6:37to this container right here so just
6:40like that maybe make it a little bit
6:41further off so I think that looks pretty
6:43good and then we'll rename this from
6:44your label to our label and then we'll
6:47set the text from your inventory to
6:49monster devs offer and that looks pretty
6:51good you could even make it a little bit
6:53smaller if you wanted to it depends on
6:55however you want to do it but that looks
6:56fine for us then what we need to do is
6:58inside of the container we have another
7:00container and we have this UI grid
7:02layout now let's actually set this
7:03template to visible so that we can see
7:05it and what we're going to do is we're
7:06going to duplicate the UI grid layout
7:08and the template and we're going to
7:09throw those inside of our container now
7:11inside of our container we're gonna have
7:12to modify the UI grid layout so at least
7:14for the Y we're going to set this to
7:150.45 for right now so that's like half
7:18the height almost then what we can do is
7:19we can duplicate this template like
7:21three times so now we have six total and
7:23we can continue to work with the spacing
7:25if we wanted to so if we want there to
7:26be a little bit more padding in between
7:28the X and the Y of course we can modify
7:30that to however we like it so like 0.05
7:32and I think that looks pretty good then
7:34for the vertical alignment we probably
7:35want it to be Center it depends on how
7:37you guys like it but that looks pretty
7:38good to me now we're actually going to
7:39delete all the templates that are inside
7:41of our offer once we finish that and
7:43we're gonna only leave a template inside
7:45of our original container that we have
7:47right here and we're going to use this
7:48template for all the different templates
7:50that we're going to be needing to use
7:51inside of this GUI so we're actually
7:52going to set the visibility of this to
7:54false so that we no longer see it
7:55because we don't need to the next thing
7:56that we're going to do is we're going to
7:57duplicate our label and we'll rename
7:59this to our accepted I don't like the
8:02whole naming scheme that's going on here
8:04but hopefully you guys can keep up with
8:05it we're gonna stretch this text label
8:06to be like the same size as our
8:08container then for the background
8:09transparency we're going to set this to
8:10zero we'll set the background color to a
8:12green something like that and we'll
8:14actually set the background transparency
8:15to maybe like point eight the reason
8:17that we're doing that so they can
8:18actually still see the pets that we have
8:19offered to them and we're going to
8:21modify the text to say accepted in all
8:23caps just like that the last thing
8:24they'll do is we'll duplicate the UI
8:26corner from our offer and throw that
8:28directly into our accepted just like
8:30that and now it looks perfect the next
8:32thing we're going to do is we're going
8:32to duplicate our offer and then what
8:34we're actually going to do is position
8:35it a little bit further down so we'll
8:37set the position to 0.6 and we'll rename
8:39this from our offer to there t-h-i-e-r
8:43offer so their offer then we'll select
8:45our Avatar and our label and we'll
8:47duplicate both of those as well and then
8:49for the position we want to bring these
8:50down to here as well just above this and
8:53now that looks good just like that then
8:54we'll rename the avatar from our Avatar
8:56to their Avatar and our label to their
9:00label and then finally we need to
9:01duplicate our accepted rename this to
9:03their accepted and then copy the
9:05position from their offer to there
9:07accepted so just like that but we have
9:09to modify the Anchor Point a little bit
9:11and there we go now it's all perfect so
9:13what we'll do for now is we'll set there
9:14except that an hour accepted to not
9:16visible so that we don't see that and
9:17then the rest will handle with scripting
9:19so one thing that I remembered is that
9:20when people send us a trade request
9:22we're gonna have a little GUI pop up
9:23that tells us that somebody sent us a
9:25trade request so what we're actually
9:26going to do is the trade requests that
9:28we have right here which is actually
9:29sort of like this little menu we're
9:31actually going to rename this GUI from
9:33trade request to trade menu so now that
9:35we have that what we'll then do is we'll
9:37then create a trade request GUI which is
9:39going to hold the request that we're
9:41actually getting from other players so
9:42what we'll do is we'll literally just
9:43duplicate this trade menu and rename it
9:45from trade menu to trade request then
9:48we'll set the enable to false for the
9:49trade menu and now we just have the
9:50trade request UI enabled next thing
9:52we're going to do is we're actually
9:53delete all the scripts because we won't
9:54be scripting this gy itself we'll
9:56probably be using trade menu or another
9:58GUI like that then let's go inside of
10:00the frame and we're going to delete the
10:01container we'll delete the title but
10:03we'll leave the exit button and the
10:04subtitle and the UI Corner as well then
10:06we're going to do is we're going to make
10:07this a lot smaller so actually probably
10:10something like that's pretty good and
10:11we're just going to move it over to
10:12somewhere like right here we could make
10:14it even smaller if we wanted to it
10:15really depends on however you guys are
10:17feeling but I think that looks pretty
10:18good then for the subtitle we'll just
10:19rename this from subtitle to message
10:21because basically what it's going to say
10:23is player's name so monster dev has sent
10:26you a trade request exclamation mark and
10:30that's going to be towards the middle of
10:31the GUI so I don't know somewhere like
10:33right up here I think looks pretty good
10:35then we have the exit button right here
10:36we might want to enlarge it a little bit
10:38something like that we'll also duplicate
10:40it real quick and then we're going to
10:41set the position of it we do want this
10:43to be in the center of the screen so
10:44we're going to say 0.5 on the X anchor
10:46and 0.5 on the X position and then for
10:48the actual y position itself we want it
10:50to be towards the end of the GUI so like
10:520.5 maybe 0.75 I think that actually
10:55looks perfect so then what we'll do is
10:57we will stretch it out a little bit so
10:59that this will be the accept button and
11:01we'll make it even a little bit larger
11:03as well so there we go let's re-center
11:05it real quick and that looks good then
11:06for the background color this is going
11:08to be a green so just like that the text
11:10will say accept and then that looks all
11:13good let's rename the new bun from exit
11:15Bond 2 except and then we also need to
11:18add an image label inside of this as
11:20well and that's going to hold the
11:21player's Avatar so let's set the size to
11:23just 0.5 comma zero comma 0.5 so that we
11:26have it scaled and then we just wanted
11:28to appear in the middle so something
11:30like that looks probably pretty good but
11:32let's go ahead and position it so 0.5
11:34and 0.5 just like that and let's also
11:37set the background transparency to one
11:39of this image label and we'll rename
11:41this to Avatar and there we go that
11:43looks pretty good so now we have all of
11:44our trade gys but the last thing I
11:45actually forgot to do is inside of the
11:47trade GUI itself we actually have to
11:49modify the background color so we're
11:50going to select the frame we'll change
11:52the background color from this orange to
11:53this blue right here and then we can
11:55select all of our containers just like
11:57that and we'll change their background
11:58color from from that dark orange to that
12:01dark blue exactly like that and now all
12:02the gys look perfect so then what we're
12:04gonna do is we will select all the trade
12:06guis once again and set them to not
12:08enabled so that they will be invisible
12:10with all that being said that's going to
12:11be the end of this episode and the next
12:13episode we'll begin scripting all the
12:14trade g-wise so that we can have a fully
12:16flushed out trading system but until
12:18then if you guys enjoy the video make
12:19sure you smash like button also
12:20subscribe button and turn this post
12:21notifications on if you want to get
12:23notified while upload more Roblox on my
12:24content of course I have a patreon if
12:26you'd like to support me and get access
12:27to all the scripts and the game file
12:28that I made during this episode there's
12:29a link down below description and you
12:30guys can go and check that out with that
12:31being said I'll see you guys in the next
12:33episode
12:35foreign
12:36[Music]

About this transcript

This page contains the full transcript of Creating a Trade Gui! Roblox Studio Simulator Guide Episode 31 by MonzterDEV, generated from the public captions YouTube serves with the video. The transcript has 3,413 words across 450 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.