Creating the Shop GUI! Roblox Studio Simulator Guide, Episode 4

Creating the Shop GUI! Roblox Studio Simulator Guide, Episode 4

HomeMonzterDEVCreating the Shop GUI! Roblox Studio Simulator Guide, Episode 4
Creating the Shop GUI! Roblox Studio Simulator Guide, Episode 4
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
In this Roblox scripting tutorial, we continue working on developing our Roblox simulator! Today we'll be creating our first shop GUI where players can spend their points and get rewarded with tools!

Subscribe for more Roblox scripting tutorials!

Become my Patreon to support me and get access to the scripts in this video! https://www.patreon.com/MonzterDEV

Download the scripts from this video here:
https://www.patreon.com/posts/70326366
Download the game file from this video here:
https://www.patreon.com/posts/70326398

Here is the Auto-Scale Lite plugin I used for the GUI:
https://devforum.roblox.com/t/plugin-autoscale-lite-for-guis-scale-your-ui/217704?um_nzter

0:00 Introduction
0:37 Creating the shop opener
1:30 Shop Opener scripts
3:08 Creating the shop GUI
7:05 Create category buttons
9:37 Fixing the category buttons
12:33 Creating the Buy All button
13:23 Layout of the article info frame and the article container frame
15:29 Improving the article container frame
17:24 Creating the article info frame components
22:42 Scaling all unscaled components
23:15 Improving the info item statistics frame text
24:08 Creating the article template for the article container
28:01 Customizing the Element Container UI Grid Layout
29:35 Fixed scaling of currency buy button
29:55 Final touches
31:04 Outro

The simulator we use as a reference is the Eating Simulator:
https://www.roblox.com/games/6953291455/Eating Simulator

Join my Discord https://discord.gg/RTSHYsTGVz
Follow me on Twitter @MonzterDev https://twitter.com/MonzterDev
Follow me on Instagram @DanThatsMe https://www.instagram.com/danthatme/
Support me on Patreon https://www.patreon.com/MonzterDEV

Business email: [email protected]

#Roblox #RobloxDev #RobloxScripting

Please take the opportunity to connect with your friends and family and share this video with them if you find it useful.