Roblox Studio Tutorial
By Angus Chu
By Angus Chu
Learn To Create Your Imagination!
Disclaimer: Tutorial Videos are available at the last page link. If you have trouble understanding the content, feel free to watch the videos.
Contents
Intro to Roblox Studio ~ 1
Workspace ~ 2
Details Into View Tools ~ 3
How To Edit A Part ~ 4
Modelling ~ 6
User Interface ~ 8
Scripting ~ 9
The End of Tutorial ~ 13
Intro to Roblox Studio
Roblox Studio is the platform to create and edit experiences for Roblox. It has a beginner-level workspace, unique coding language, and an easy procedure when publishing your own game.
Learning how to use Roblox Studio is not hard at all. Here are the requirements in order to use Roblox Studio:
1. A working laptop (Windows or MacOS)
2. Roblox Studio installed
3. A mouse attached (Optional, highly recommended)
The information above is also included in the first section of the video tutorial.
If you have all the requirements met, it is time to create your very own game!
Workspace
Workspace is where you encounter when you first create a game. But do not be scared, it is incredibly easy to understand and learn.
TL;DW (Too Long; Didn’t Watch)
Workspace is the center of your screen
Keys:
WASD keys - camera moving
Scrolling wheel (Mouse) - travelling faster in Roblox
Studio
Home tab - All most commonly used tools
Model tab - Modelling, will be covered later
Avatar tab - Animation, not covered
Test tab - Testing in Roblox Studio
View tab - Edit your workspace and view in Roblox
Studio. Watch the next video for more info.
Publishing a game - File > Publish to Roblox.
Details Into View Tools
View tab has a lot of tools to work on. In this section, you will learn the basic essential tools available from view tab.
TL;DW (Too Long; Didn’t Watch)
Explorer - find everything in the game
Properties - edit a selected item’s properties
Output - server output from scripts, errors, and saving status
Toolbox - Use public models from developer marketplace (backdoor scripts may be placed in some models and will make your game banned, use it with cautious)
How To Edit A Part
Part editing is very important for lots of builders. Building can be as easy as a sign, or a complex building like an architecture. In this section, you will learn how to edit a part.
TL;DW (Too Long; Didn’t Watch)
Creating a part: part button in Home/Model tab The part should be in workspace. Move a part: click on move and use the 6 arrows to move a part in 3 axes.
Rotate a part: click on rotate, hold and drag the circles to rotate in 3 axes.
Resize a part: click on scale, hold and drag the points to resize in 3 axes, hold shift to resize the part, but in the same shape.
Continue on next page...
Part Properties:
BrickColor: select colors from a fixed option in Roblox Studio
CastShadow: toggle shadow for selected part
Color: select colors from RGB/HEX/HSL panel
Material: select texture from the material library by Roblox
Transparency: Visibility of selected part, 0=fully visible, 1=fully invisible
CanCollide: Toggle the collision of selected part
Anchored: Toggle the movement and gravity of selected part. If anchored, selected part will not move by a player and gravity
Adding a text on a part:
SurfaceGui>TextLabel
Editing the TextLabel:
BackgroundColor: select the background color of the text
BackgroundTransparency: select the visibility of the background of the text, 0=fully visible, 1=fully invisible
Visible: toggle the visibility of the whole TextLabel
Fontface: select the text font of the TextLabel
Text: change the text content of the TextLabel
TextScaled: automatically fits your text content into the TextLabel, a very useful tool (once this is toggled, this will also turn on TextWrapped, at this point, you cannot change the TextSize unless TextScaled is turned off)
TextColor: changes the color of the text
TextTransparency: changes the visibility of the text, 0=fully visible, 1=fully invisible
Modelling
Modelling in Roblox Studio is very easy. It provides detailed structures, buildings, and models to the game. In this section, you will learn how to model a bowl using the tools provided in the Model tab.
TL;DW (Too Long; Didn’t Watch)
Understanding How Negate, Union, and Separate Works:
1. Create 2 parts, 1 part can be any size, the other part must be smaller than the first part
2. Move the smaller part to the first part, make sure it is overlapping the bigger part
3. Select the smaller part with Ctrl+LeftClick, and click on negate in the Model tab. This will transform the selected part to a negative part.
4. Selected the smaller part and the bigger part with Ctrl+LeftClick, and click on Union in the Model tab. This will combine the part into a union. Continue on next page...
5. You should see the overlapping part is destroyed, because the negative part will destroy any part that is overlapping that specific part.
6. if you wish to separate the union, select the union and click on separate in the Model tab. You will see every part reappear.
Creating a Bowl:
1. Create 2 spheres, one will be bigger than the other one.
2. Move the smaller one and overlap it with the bigger one.
3. Select the smaller sphere and click on negate.
4. Select both spheres and click on union
5. The bowl is done!
Your outcome should look like the bowl shown in the image below.
User Interface
User interface (UI as acronym) creates a variety of gameplay and interaction for the players in the game. In this section, you will learn how User Interface works in Roblox Studio.
TL;DW (Too Long; Didn’t Watch)
Creating a UI:
1. Add a ScreenGui to StarterGui.
2. Add a TextLabel to ScreenGui.
You can select the TextLabel and drag it around the workspace to move it.
Enhancements of UI (UICorner): UICorner is a very useful UI enhancement to improve the aesthetics of a UI. You can add UICorner into any UI elements.
Scripting
Scripting is a very important skill to learn in Roblox Studio. It creates interactions and all mechanics behind the game, which changes how players interact in the game. In this section, you will learn the basics of scripting, and you will create some simple scripts with parts and UIs.
TL;DW (Too Long; Didn’t Watch)
Different Types of Scripts:
Scripts: Mainly for server scripts, largely used in ServerScriptService.
LocalScripts: Mainly for client scripts, largely used in StarterGui.
ModuleScripts (Not included in this tutorial): Mainly for functions, largely used in ServerScriptService.
Continue on next page...
Scripting Language:
Scripting language in Roblox Studio is called LuaU. It is very similar to Lua, which some Lua scripters will have a easier start.
Learning Scripts: Every time you create a script, you will see a default message stating: print(“Hello World!”). If you run a print command like this, you will see the statement shown in the server output.
For this tutorial, I will create a script which changes a part’s color and transparency, and a LocalScript which changes a TextLabel’s text.
Script that changes part’s color and transparency: Goal: Make the part half transparent and in orange.
1. Create a part in Workspace.
2. Create a script inside the part. This is called a children of the part.
3. Open the script and delete the default message.
4. Create a variable for the part. Type “local part = script. Parent” (without the quotes). This will create the variable that locate the parent of the script, which is the part.
5. Type “part.Transparency = 0.5” (without the quotes). This will make the part half transparent.
6. Type “part.Color = Color3.new()” (without the quotes). Inside the color3.new() brackets, select an orange color available in the color panel. This statement will make the part orange. Note that all statements in the scripts only work when playing in test mode or running the script using the tools in Test Tab. Continue on next page...
The script is finished. Now test the script using play mode or test mode!
If the part does not change its appearance, this shows your script contains some errors. To find out the errors, open the server output and read the error stated by the script.
The code for this script is stated below:
local part = script.Parent
part.Transparency = 0.5
part.Color = Color3.new(1, 0.533333, 0.0627451)
Please note that the numbers in the Color3.new bracket is only an example. There are many more numbers that create the orange colors.
LocalScript that changes TextLabel’s Text: Goal: Make the TextLabel showing “Hello!” when spawned in the game.
1. Create a ScreenGui in StarterGui.
2. Create a TextLabel inside the ScreenGui that you have just created.
3. Place the TextLabel into the center of the screen by dragging it around the workspace.
4. Create a LocalScript and delete the default message.
5. Create a variable for the TextLabel. Type “local label = script.Parent” (without the quotes). This will make the variable locating the TextLabel, which is the parent of the LocalScript.
Continue on next page...
6. Make a statement that changes the text of the label. Type “label.Text = “Hello!”” (without the first quotes, keep the quote for Hello!).
The LocalScript is finished. Test it out by playing the game in test mode. Do not use the test mode as UIs do not change in test mode!
If the TextLabel does not change its text on your side, this shows your LocalScript contains some errors. To find out the errors, open the server output and read the error stated by the LocalScript.
The code for this LocalScript is stated below: local label = script.Parent label.Text = “Hello!”
The End of Tutorial
Thank you so much for reading this E-book. I hope you have gained the knowledge of basics in Roblox Studio. If you keen to learn more advanced knowledge in Roblox Studio, you should visit official Roblox Documentary website and Roblox Creator Forum.
Build more on your imagination in Roblox Studio!
Learn % Create Your Imagination!
Want to learn how to use Roblox Studio? You found the correct place! This book includes all the basics you need to know before heading to Roblox Studio and create your own game.
Roblox Studio contains a variety of skills you may require to know such as scripting and modelling. Learn the skills in this book, and you can become a great developer in the Roblox Community!
Citations: Wikimedia. “Roblox_Studio_Logo_2021_present.” Wikimedia.org, 2022, upload.wikimedia.org/wikipedia/commons/thumb/5/58/Roblox_Studio_logo_2021_present. svg/1200px-Roblox_Studio_logo_2021_present.svg.png. Accessed 23 May 2023.
Tutorial Videos: https://drive.google.com/drive/folders/1o_y0TCqGtHfECL6Wu_0qWb1F0i6VdxC1?usp=sharing
Learn To Create Your Imagination! The End of The Book!
