| title | description | hideInPageNavigation |
|---|---|---|
Get started with experiences on Roblox |
Learn how to create Roblox experiences with guides, tutorials, and code samples. |
true |
Roblox is a 3D creation platform that provides an all-in-one IDE that includes the Roblox Engine, a client emulator, and all the tools and APIs you need to start creating Roblox experiences.
<Grid container spacing={2} style={{marginBottom: 24}}>
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}> <div class="container" style={{position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12}}> <img src="/assets/landing/get-started/studio.png" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}}/> Get Studio and take the tour Get acclimated with Studio by downloading and launching the onboarding tour.
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}> <div class="container" style={{position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12}}> <img src="/assets/landing/get-started/first-experience.png" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}} /> Create your first experience Create a catapult that launches spheres into blocks while learning important Roblox concepts.
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
Roblox Studio has a variety of templates that you can edit and play without prior knowledge. Give them a try and add on to them when you're ready!
<Grid container spacing={2} style={{marginBottom: 24}}>
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12}}>
Platformer
Build your own 3D platformer with customizable platforms, coin pickups, and double-jump, dashing, rolling, and long jump character mechanics!
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12}}>
Racing
Build your own kart racer with a customizable driving mechanics, checkpoints, and modular winding track pieces that you can restructure for countless courses!
To dive deeper, follow along with guided curriculum that teaches you the skills you need to create and monetize your experiences.
<Grid container spacing={2} style={{marginBottom: 24}}> <Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Grid item container Medium={12} Large={6} XLarge={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
