🧠 Studio Basics: Studio Layout

Roblox Studio has recently undergone a massive user interface rehaul, which replaced the old UI Roblox had been using for over a decade!

Roblox has provided documentation serving as a quick overview of the new user interface, as well as listing any new workflows that have replaced legacy ones.

For Game Developers

Roblox Studio can look daunting at first glance, but the first set of introductory lessons to Studio will help familiarize you with navigating some of the most crucial windows.

Experience in Unity

If you have experience or are coming from the Unity Game Engine, please refer to Roblox’s helpful documentation here!

Experience in Unreal

If you have experience or are coming from the Unreal Game Engine, please refer to Roblox’s helpful documentation here!

Most Crucial Windows

Below are the menus/windows most pertinent to beginners for Roblox development.

You can also read about these windows from the official documentation.

🌐 Explorer

The explorer is a menu that displays the most important objects under the game’s data model, which is the “god-object” that holds all other objects in the game.

Objects are stored through parent-child hierarchy, with every object in the game engine having a Parent property and children accessible through methods like :GetChildren() or :FindFirstChild().

You can read in-depth about Studio’s explorer through their documentation.

⚙️ Properties

The properties menu displays all non-deprecated properties of a selected object in the explorer.

Properties can change how an object looks and behaves.

The properties menu also lists tags and attributes, which are custom implementations to grant developers the ability to add their own metadata to objects.

You can read in-depth about Studio’s properties window through their documentation.

🖥️ Viewport

The viewport is the rendered window that displays all objects inside the Workspace.

The rendered view is derived from the Camera instance and its respective properties, which is assigned to Workspace.CurrentCamera.

You can control the camera in a variety of ways, but here are a set of basic camera controls:

ControlBehavior
WMoves the camera forwards
AMoves the camera left
SMoves the camera backwards
DMoves the camera right
QMoves the camera down
EMoves the camera up

Objects can be selected and manipulated through the viewport using a set of Studio’s transform tools, such as changing rotation, scale, and position.

Selected objects will render with a blue outline in the viewport.

You can read in-depth about the viewport window here!

</> Output

The output menu displays all the captured text from running scripts and the game engine.

These can be regular messages outputted through print, or more serious messages thrown by warn and error.

The output offers some filtering options to display only certain types of messages, such as errors.

You can read in-depth about the output menu here!