mirror of
https://github.com/rojo-rbx/rojo.git
synced 2026-10-24 15:01:38 +00:00
rules
This commit is contained in:
parent
a9b4f8e83b
commit
e6efc04756
8494 changed files with 495610 additions and 0 deletions
|
|
@ -0,0 +1,30 @@
|
|||
---
|
||||
title: Create Roblox account
|
||||
description: Explains how to create a Roblox account.
|
||||
next: /tutorials/curriculums/studio/install-studio
|
||||
prev: /tutorials/curriculums/studio/
|
||||
---
|
||||
|
||||
Welcome to creating on Roblox! Whether you came to this tutorial as a player, a developer from another engine, or as someone who is brand new to development, the platform has a spot for you to create anything that you can imagine.
|
||||
|
||||
Before you start learning about the Roblox engine, it's important to first create a Roblox account. This process is free and it allows you to access the Roblox app to play experiences, as well as Roblox Studio to build experiences.
|
||||
|
||||
To create a Roblox account:
|
||||
|
||||
1. Go to Roblox's [home page](https://www.roblox.com/CreateAccount). Because you don't have an account yet, the sign up screen displays.
|
||||
2. Follow each prompt, then click the **Sign Up** button. After a moment, Roblox logs you in and the home page displays.
|
||||
|
||||
<img src="../../../assets/education/legacy/module2-homepage.jpg" width="70%" />
|
||||
|
||||
With your new account, remember these safety tips:
|
||||
|
||||
- **Never share your password** — This tip applies to even real life friends.
|
||||
- **Make your password hard to guess** — If your username is "bloxcool", your password should not be "bloxcool123".
|
||||
- **Roblox employees will never ask for your password** — Report anyone who asks using the [Report Abuse](https://en.help.roblox.com/hc/articles/203312410) feature.
|
||||
- **There's no such thing as free Robux** — Never trust players or sites who say they have a way to get free Robux!
|
||||
|
||||
<Alert severity="info">
|
||||
For more account security information, see [Keep Your Account Safe](https://en.help.roblox.com/hc/en-us/articles/203313380-Keep-Your-Account-Safe).
|
||||
</Alert>
|
||||
|
||||
Now that you have an official Roblox account, it's time to install Roblox Studio!
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
---
|
||||
title: Explore Studio UI
|
||||
description: Explains how to navigate Studio's fundamental UI.
|
||||
next: /tutorials/curriculums/studio/next-steps
|
||||
prev: /tutorials/curriculums/studio/install-studio
|
||||
---
|
||||
|
||||
import StudioCameraControls from '../../../includes/studio/camera-controls.md'
|
||||
|
||||
Welcome to your first session in Roblox Studio! Before you jump in and begin building experiences, let's take a moment to walk through Studio's essential UI. While this overview provides a solid foundation to get started, there are many additional windows and tools that you can discover and customize in the [Studio interface](../../../studio/ui-overview.md).
|
||||
|
||||
<Alert severity="info">
|
||||
<AlertTitle style={{marginBottom: 8}}>Coming to Studio from another game engine?</AlertTitle>
|
||||
Check out one of the following guides that explains the key differences between Studio and Unity or Unreal: [Roblox for Unity developers](../../../unity.md) or [Roblox for Unreal developers](../../../unreal.md).
|
||||
</Alert>
|
||||
|
||||
## Mezzanine
|
||||
|
||||
<img src="../../../assets/tutorials/studio-lesson/Mezzanine.jpg" width="960" alt="Mezzanine indicated at the top of Studio's window." />
|
||||
|
||||
The **mezzanine** is the top-most section of Studio and it includes:
|
||||
|
||||
- [Playtest options](../../../studio/testing-modes.md) that allow you to simulate what players see on their devices.
|
||||
- Tabs like **Model**, **Avatar**, and **Script** that filter the [toolbar](#toolbar) tools for their respective tasks.
|
||||
- [Collaborator](../../../projects/collaboration.md) information for experiences that you work on with others.
|
||||
- The [Assistant](../../../assistant/guide.md) tool that you can use as an aid to supplement your skills and assist with development tasks.
|
||||
|
||||
## Toolbar
|
||||
|
||||
<img src="../../../assets/tutorials/studio-lesson/Toolbar.jpg" width="960" alt="Toolbar indicated below the mezzanine bar near the top of Studio's window." />
|
||||
|
||||
The **toolbar** is the section right below the mezzanine that displays all tools and insertable objects that relate to your active tab:
|
||||
|
||||
- **Home** contains the core [transform](../../../parts/index.md#transform-parts) tools, [part inserter](../../../parts/index.md#insert-parts), the [color](../../../parts/index.md#color) and [material](../../../parts/index.md#material) widgets, the [group](../../../parts/index.md#group) and [lock](../../../parts/index.md#lock) tools, and [anchor](../../../parts/index.md#anchor) toggle. Also contains the [Terrain Editor](../../../studio/terrain-editor.md).
|
||||
|
||||
- **Model** contains the core [transform](../../../parts/index.md#transform-parts) tools, the [pivot](../../../studio/pivot-tools.md) and [align](../../../studio/align-tool.md) tools, insertion widgets for [effects](../../../effects/index.md) and [constraints](../../../physics/index.md#constraints), and [solid‑modeling](../../../parts/solid-modeling.md) tools.
|
||||
|
||||
- **Avatar** contains the core [transform](../../../parts/index.md#transform-parts) tools, as well as specialized tools for building default rigs, configuring [avatars](../../../avatar-setup/index.md), working with [animations](../../../animation/index.md), and [creating/fitting accessories](../../../art/accessories/accessory-fitting-tool.md).
|
||||
|
||||
- **UI** contains insertion widgets for [UI objects](../../../ui/index.md#ui-objects) and lets you access the [Style Editor](../../../ui/styling/editor.md), a comprehensive tool that allows you to create, manage, and apply UI styles.
|
||||
|
||||
- **Script** contains tools for writing and testing scripts, including [debugging](../../../studio/debugging.md) tools.
|
||||
|
||||
- **Plugins** contains [plugins](../../../studio/plugins.md) created by the community or plugins you've created yourself to use across your experiences.
|
||||
|
||||
When you are more comfortable with Studio, you can also create [custom tabs](../../../studio/ui-overview.md#custom-tabs) for your own development needs.
|
||||
|
||||
## 3D viewport
|
||||
|
||||
<img src="../../../assets/tutorials/studio-lesson/3D-Viewport.jpg" width="960" alt="3D viewport indicated in center of Studio's window." />
|
||||
|
||||
The **3D viewport** is the largest window in Studio that provides you a view into the 3D space. After you click in the 3D viewport, you can move the camera, edit objects with your mouse, and playtest the experience from your players' point-of-view.
|
||||
|
||||
For common camera controls, see the following table.
|
||||
|
||||
<StudioCameraControls components={props.components} />
|
||||
|
||||
<Alert severity="info">
|
||||
It's **strongly** recommended to use a 2-button mouse with a scroll wheel to make navigating the 3D space easier.
|
||||
</Alert>
|
||||
|
||||
## Toolbox
|
||||
|
||||
<img src="../../../assets/tutorials/studio-lesson/Toolbox.jpg" width="960" alt="Toolbox shown on the left side of Studio's window." />
|
||||
|
||||
The [Toolbox](../../../projects/assets/toolbox.md) contains a selection of models, images, meshes, audio, plugins, videos, and fonts from either Roblox or fellow creators on the platform. It offers four tabs:
|
||||
|
||||
- **Creator Store** is a marketplace of both free and for sale assets to use within your experiences.
|
||||
- **Inventory** contains assets that you or your groups have uploaded, or those that you found on the Creator Store.
|
||||
- **Recent** contains your most recently used assets.
|
||||
- **Creations** is similar to **Inventory**, but it excludes assets from the Creator Store.
|
||||
|
||||
## Explorer
|
||||
|
||||
<img src="../../../assets/tutorials/studio-lesson/Explorer.jpg" width="960" alt="Explorer window shown on the right side of Studio's window." />
|
||||
|
||||
The [Explorer](../../../studio/explorer.md) window displays a hierarchical list of every object and service that runs out-of-the-box gameplay logic for the active **place** of your experience. You can think of places like levels inside of a game.
|
||||
|
||||
<Alert severity="info">
|
||||
Places are comparable to scenes in Unity or maps in Unreal Engine.
|
||||
</Alert>
|
||||
|
||||
Experiences can have one or multiple places that each contain all components for that portion of the experience, including its specific environment, 3D objects, and scripts; these components collectively are called the **data model**. When you switch to a different place, the **Explorer** window updates accordingly to show that place's data model.
|
||||
|
||||
For more information on how the **Explorer** window organizes objects in the data model, see [Data model](../../../projects/data-model.md).
|
||||
|
||||
## Properties
|
||||
|
||||
<img src="../../../assets/tutorials/studio-lesson/Properties.jpg" width="960" alt="Properties window shown on the right side of Studio's window." />
|
||||
|
||||
The [Properties](../../../studio/properties.md) window displays a selection of properties for a selected object that you can customize to change how the object looks and behaves in the 3D environment. Every time you select a different object in the 3D viewport or **Explorer** window, the **Properties** window updates accordingly to show that object's properties.
|
||||
|
||||
Now that you're familiar with Studio's core UI and what they're responsible for, you can continue learning about how to create with Studio.
|
||||
73
.cursor/rules/roblox/tutorials/curriculums/studio/index.md
Normal file
73
.cursor/rules/roblox/tutorials/curriculums/studio/index.md
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
---
|
||||
title: Learn about Studio
|
||||
description: Learn the basics of creating an account, downloading Studio, and navigating its UI.
|
||||
next: /tutorials/curriculums/studio/create-account
|
||||
hideInPageNavigation: true
|
||||
---
|
||||
|
||||
<>
|
||||
<Grid
|
||||
alignItems="stretch"
|
||||
container
|
||||
direction="row">
|
||||
|
||||
<Grid item Large={7} XSmall={12} direction="column">
|
||||
|
||||
<img src="../../../assets/tutorials/landing/StudioThumbnail.png" width="90%" />
|
||||
|
||||
</Grid>
|
||||
|
||||
<Grid item Large={5} XSmall={12} direction="column">
|
||||
This tutorial acts as an introduction to Roblox Studio, a free application on Windows or Mac that has everything you need to start creating experiences on the Roblox platform! As you follow each chapter, you will learn how to login into Studio, then navigate its core user interface windows.
|
||||
|
||||
This lesson is intended for readers who are **brand new** to working in Studio. If you are already familiar with Studio, try another beginner lesson plan or jump straight to [building your first experience](../core/index.md).
|
||||
</Grid>
|
||||
|
||||
</Grid>
|
||||
</>
|
||||
|
||||
## Course contents
|
||||
|
||||
<BaseAccordion>
|
||||
<AccordionSummary>
|
||||
<Typography variant="h4">Chapter 1 - Create Roblox account</Typography>
|
||||
</AccordionSummary>
|
||||
<AccordionDetails>
|
||||
|
||||
Learn how to [create a free account](create-account.md) on Roblox so that you can login to Studio.
|
||||
|
||||
</AccordionDetails>
|
||||
</BaseAccordion>
|
||||
|
||||
<BaseAccordion>
|
||||
<AccordionSummary>
|
||||
<Typography variant="h4">Chapter 2 - Install Roblox Studio</Typography>
|
||||
</AccordionSummary>
|
||||
<AccordionDetails>
|
||||
|
||||
Learn how to [install Studio](install-studio.md) on your computer.
|
||||
|
||||
</AccordionDetails>
|
||||
</BaseAccordion>
|
||||
|
||||
<BaseAccordion>
|
||||
<AccordionSummary>
|
||||
<Typography variant="h4">Chapter 3 - Explore Studio UI</Typography>
|
||||
</AccordionSummary>
|
||||
<AccordionDetails>
|
||||
|
||||
Learn about the [fundamental windows](explore-ui.md) you need to know to navigate Studio.
|
||||
|
||||
</AccordionDetails>
|
||||
</BaseAccordion>
|
||||
|
||||
<BaseAccordion>
|
||||
<AccordionSummary>
|
||||
<Typography variant="h4">Chapter 4 - Next steps</Typography>
|
||||
</AccordionSummary>
|
||||
<AccordionDetails>
|
||||
|
||||
Learn where you can [find more tutorials](next-steps.md) about creating experiences.
|
||||
|
||||
</AccordionDetails>
|
||||
</BaseAccordion>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
---
|
||||
title: Install Roblox Studio
|
||||
description: Explains how to install Studio on your Windows or Mac computer.
|
||||
next: /tutorials/curriculums/studio/explore-ui
|
||||
prev: /tutorials/curriculums/studio/create-account
|
||||
---
|
||||
|
||||
import StudioSystemReqs from '../../../includes/studio/system-reqs.md'
|
||||
|
||||
**Roblox Studio**, or **Studio** for short, is Roblox's free application with powerful 3D creation tools you can use to build and publish experiences to hundreds of millions of Roblox users on consoles, desktops, and mobile devices. It's available on Windows and Mac computers that meet the following system requirements:
|
||||
|
||||
<StudioSystemReqs components={props.components} />
|
||||
|
||||
Studio comes bundled with the Roblox engine that also powers experiences on the Roblox app. This means that when you develop and publish your experiences in Studio, players interact with the same engine from your development on their personal devices.
|
||||
|
||||
<Alert severity="info">
|
||||
For an overview on Studio's functionality and the Roblox engine, see [Roblox Studio](../../../studio/index.md).
|
||||
</Alert>
|
||||
|
||||
To install Roblox Studio:
|
||||
|
||||
1. Click the following **Download Studio** button.
|
||||
|
||||
<UseStudioButton variant='blueLogoIconButton' />
|
||||
|
||||
1. In the pop-up dialog, click the **Download Studio** button.
|
||||
1. Find the Studio installer in your browser's download history and double-click the file.
|
||||
|
||||
- On a Windows computer, the file is called `RobloxStudio.exe`.
|
||||
- On a Mac computer, the file is called `RobloxStudio.dmg`.
|
||||
|
||||
1. After Studio finishes installing, a pop-up confirmation displays. Click the **Launch Studio** button.
|
||||
1. After Studio opens, log in with your new Roblox account.
|
||||
|
||||
Now that you have Studio open, let's explore the fundamental UI you need to know to navigate Studio.
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
title: Next steps
|
||||
description: Explains ways to continue learning about creating in Studio.
|
||||
next: /tutorials/curriculums/building/
|
||||
prev: /tutorials/curriculums/studio/explore-ui
|
||||
---
|
||||
|
||||
Congratulations on completing your introduction to Roblox Studio! Now that you have Studio on your computer, login credentials, and familiarity with Studio's core user interface, you are ready to start building anything you can imagine.
|
||||
|
||||
## New to development?
|
||||
|
||||
If you are brand new to development, check out the following beginner tutorials on different development areas that you can specialize in:
|
||||
|
||||
- [Building lesson](../building/index.md) — Learn how to **build a simple platformer** using one of Studio's templates.
|
||||
- [Coding lesson](../coding/index.md) — Learn how to **code an interactive story** where players replace placeholder words with their own answers.
|
||||
- [VFX lesson](../artist/index.md) — Learn how to **customize special effects art** for a pre-made carnival ride experience.
|
||||
- [Animation lesson](../animator/index.md) — Learn how to **create keyframes for various poses**, then loop them into a swimming animation that you can reuse in any experience.
|
||||
|
||||
After you complete each of these tutorials, you will be ready to [create your first experience](../core/index.md) and learn about [coding fundamentals](../../fundamentals/coding-1/landing.md) for Luau, Studio's programming language.
|
||||
|
||||
<Alert severity="info">
|
||||
Game development is a massive field with a lot of different specializations. If one development area doesn't interest you, try another!
|
||||
</Alert>
|
||||
|
||||
## Just new to Studio?
|
||||
|
||||
If you aren't new to development, but are new to Studio, check out the following guides for an overview of how experiences technically work:
|
||||
|
||||
- [Projects](../../../projects/index.md) — Learn how to create and manage projects in Studio.
|
||||
- [Assets](../../../projects/assets/index.md) — Learn about how everything in Roblox is represented as a cloud-based asset.
|
||||
- [Data model](../../../projects/data-model.md) — Learn how places look and function in your experiences.
|
||||
- [Client-server runtime](../../../projects/client-server.md) — Learn how experiences run in the Cloud.
|
||||
|
||||
After you have a solid understanding of these guides, you will be ready to examine the [Plant](../../../resources/plant-reference-project.md) reference project that focuses on common use cases that you might encounter when you develop an experience on Roblox, including tradeoffs, compromises, and the rationale of various implementation choices so that you can make the best decisions for your own experiences.
|
||||
|
||||
As you start to build your own experiences, be sure to check out the intermediate tutorials for common use cases, such as:
|
||||
|
||||
- [Create HUD meters](../../use-case-tutorials/ui/create-hud-meters.md)
|
||||
- [Add 3D audio](../../use-case-tutorials/audio/add-3D-audio.md)
|
||||
- [Save player data](../../use-case-tutorials/data-storage/save-player-data.md)
|
||||
|
||||
When you reach a point where you feel comfortable developing in Studio, you will be ready for the advanced paths that offer a deep dive into industry-standard workflows for areas like [environmental art](../environmental-art/index.md), [gameplay scripting](../gameplay-scripting/index.md), and [UI design](../user-interface-design/index.md).
|
||||
Loading…
Add table
Add a link
Reference in a new issue