How to make menu in roblox studio

Как сделать меню в Роблокс Студио

При создании собственной игры в Роблокс очень часто возникает необходимость создания меню в котором игроки смогут просматривать разные разделы, открывать вкладку с магазином или получать какую то информацию. Сделать его в Роблокс студио достаточно просто при помощи стандартных инструментов и простейших скриптов.

Размещаем его в любом месте на экране и редактируем внешний вид (шрифт, цвет фона, размер и т.д.)

Внутрь ScreenGui вставляем Frame (это область меню внутри которого можно будет размещать другие кнопки, разделы или какую то информацию)

Размещаем Frame в любом месте, редактируем его размер, цвет, прозрачность и другие параметры влияющие на внешний вид

Внутрь Frame вставляем TextButton и стилизуем ее по своему вкусу (это будет кнопка для закрытия меню)

После того как вы добавили все необходимое во Frame необходимо снять галочку с параметра Visible для того что бы меню было закрыто при запуске игры

К TextButton (который отвечает за открытие меню) прикрепляем LocalScript в котором прописываем следующий код :

script.Parent.MouseButton1Click:Connect(function()
script.Parent.Parent.Frame.Visible = true
end)

К TextButton (который находится внутри Frame и отвечает за закрытие меню) прикрепляем LocalScript в котором прописываем следующий код :

script.Parent.MouseButton1Click:Connect(function()
script.Parent.Parent.Parent.Frame.Visible = false
end)

Проверяем работу меню. Запускаем симулятор и нажимаем кнопку Menu что бы открыть меню. нажимаем кнопку закрыть меню, что бы закрыть меню. Все должно работать. По такому же принципу можно добавить и другие кнопки, разделы или любую информацию в меню.

Видео обзор

Creating GUI Buttons

This article expands on the articles/Using Images in GUIs|Using Images in GUIs tutorial and demonstrates how to make on-screen buttons that can be used for menus, in-game actions, and much more.

Button Types

Text Button

Image Button

Similarly, an ImageButton is like an interactive version of the ImageLabel object and it uses a custom image that you upload to Roblox. It also shares most of the same properties as its non-button counterpart.

Creating a Button

The remainder of this article demonstrates how to add an ImageButton to the screen and flip it between three appearances depending on the player’s interaction.

Add an ImageButton

This will add an empty image button to the corner of the game view.

Upload Images

This button needs three custom images — its normal appearance on the screen, a hover-over appearance, and a final image for when the player presses it.

Instead of uploading each image separately, use the Asset Manager to upload multiple assets at once:

Set Appearances

Setting the three appearances for the button can be done through the ImageButton object.

Adjust the Button

To finalize the button’s appearance on screen, make the following adjustments:

Attach a LocalScript

The final task is hooking up basic button functionality.

Studio Quick Reference

Studio Interface

The Studio interface is divided into several sections:

Menu Bar

At the very top of the Studio window is a menu bar with the following items:

Ribbon Bar

Below the menu bar is the ribbon bar. The tools displayed in the ribbon change when you click on the Home, Model, Test, View, and Plugins tabs.

Game Editor Window

This is where most of your game design happens. Here you can build, playtest, and move the virtual camera around your Roblox world.

Explorer Window

The Explorer window shows a hierarchical list of every object inside a place. It can be toggled from the View tab. See the Explorer reference for more details on this window.

Properties Window

The Properties window, also toggled from the View tab, shows every detail about how an object looks and behaves. For example, a Part has properties such as Position, Color, and Size which define where the part is located and how it appears.

Asset Manager

Toolbox

The Toolbox contains a selection of models, images, meshes, and audio made by Roblox or Roblox community members. It also includes all of the models, images, meshes, audio, and packages you’ve published or those published by groups you belong to. See the Toolbox article for more details.

Quick Open

The Quick Open window can be opened by pressing Ctrl + P ( Command ⌘ + P on Mac) or by adding its action button to the Quick Access Toolbar. This window lets you quickly find any instance or path in the game and it includes some useful options for searching:

Moving the Camera

Inside the game editor window, you can move the camera with these controls:

Saving and Publishing

The best way to save your work is to publish it to Roblox’s online servers. This lets you edit it from any computer that can run Studio. Publishing also lets others find and play your creations.

Select File → Publish to Roblox to publish your work. This will open a window where you can set the creation’s name, description, creator, genre, and which device types it should run on. If you already published your place in a session of Studio, this will publish the creation to the same slot.

Playtesting

There are three options for articles/game testing|playtesting a game, all accessible from the Home and Test tabs. Click on the small arrow below the button to choose one of the three options.

Customizing Studio

Studio Theme

Studio features both a light theme and dark theme. To change themes:

Moving Windows

The windows in Studio can be customized to fit your ideal work style.

Quick Access Toolbar

The top-left region in the Studio menu bar is called the Quick Access Toolbar and it contains shortcuts to various buttons and commands in Studio. You can freely add, remove, and rearrange actions in this section.

To quickly customize the Quick Access Toolbar, click the small arrow to the right of the toolbar. This will reveal a drop-down menu that lets you enable and disable items. You can also add and remove buttons, as well as change the order of the buttons, by selecting Customize from the drop-down menu.

Studio Shortcuts

All of the shortcuts in Studio can be customized. There are also many Studio actions without default shortcuts that can be tied to any key combo. See Roblox Studio Shortcuts for a complete list of these actions.

How this site use cookies

This Platform uses cookies to offer you a better experience, to personalize content, to provide social media features and to analyse the traffic on our site. For further information, including information on how to prevent or manage the use of cookies on this Platform, please refer to our Privacy and Cookie Policy.

Please press Continue to go to:

© 2022 Roblox Corporation. All Rights Reserved.

How to make a Main Menu in ROBLOX Studio

Kích thước video:

Hiển thị các điều khiển trình phát

NHẬN XÉT • 4 007

I know hes great

I like how you’re already on studio and showing us the tutorial! Thank you!

@BryceBlazeGaming YT he could be a noob and he’s following tutorials.

@FAVS Put it instead of visible on the second line of the script.

@2B Animated he means like where do you put it in the script

@FAVS You put it in the LocalScript under the Play button GUI.

it was nice being able to make this so fast, you made the script short and simple and it was perfect

You make a wonderful tutorial as always. This has helped me make games I never thought were imaginable.

Give me the link if your game please

@Gamer M8 uuuuuuuu it did not work for me

Wow, thank you so much Divine! 😄

Thank you so much this really helps! Is there any way to make the frame slowly fade away instead of cutting away?

This is so useful for my glitching practice game! I changed the settings into a updates one so they can see the updates!

Thanks this is very easy to understand and very helpful

I’ve been trying to make an fps game for months becuase all the maps I need to make but you really helped me on this one I really appreciate it becuase If I couldn’t make a main menu I would’ve been so stressed so thank you very much and you earned a sub 🙂

It is good and very helpful. These videos are really helpful. Only it is a little blurry. Please try to improve it to HD thanks!

Good Hearable Voice 👍
Easy Tutorial 👍
Simple Scripts 👍
Works 👍
Helped A Lot 👍

I really appreciate the work you are on today, keep it up 🙂

Thanks! I love how you get to the point and it is not flashy or clickbait!! You gained a new subscriber!

This Tutorial is Super Helpful and easy to learn! Keep it up with the Awesome Videos!

10/10 Recommendation. Totally helped me with my game! thanks a lot!

I was making a hang out game and this really helped out so much! Thank you, you deserve a like!

Thanks man your so clear and understanding most people talk too quiet or don’t explain enough but you helped me alot this is exactly why Im subbed to you man

Thank you very much for comment and subscribing!

I wanted to say that I am personally getting into coding a bit and I’ve always wanted to make an infection game, and this helps SOOOO MUCH! You earned yourself a sub, and a loyal one! Keep doing what you’re doing!

this didint work but maybe it was a glitch my freind did it it worked il try again i will give you a sub for this

@12AmGamer oh i didnt see when it was posted

@Melon i already had found it out lol

@12AmGamer I THINK you should use the touchtap event. But it can’t support pc if you use ONLY touchtap. So uhh just try and wire both of those controls to 1 thing. i cant give you a script because i’m a relatively new scripter. have a good day/night

@Gamer M8 hey uh how do i give it mobile support ;-;

thank you, i made it into a shop, update log, rules, to replace the settings. quick and easy

This is really informative, thank you!

I have a question. Can you make an updated tutorial that’s like this but with camera movements when you hover over a button? So like if you hover over play, you’ll see through cam one but if you hover over exit, you’ll see through cam 2?

Thank you, pretty easy tutorial to follow, took me like 7 minutes to make, im making an fps shooter game, but i didnt know how to make a menu gui
I would reccomend adding the tween service for when you click play tho

@GFX unless you have a plugin

Oh I am making a third person shooter game (roblox guns don’t support first person)

Pretty nice vid, it’s really helpful, thanks 🙂

i like how you already started the tutorial unlike other people who say «HEY GUYS IMA SHOW YOU A TUTORIAL BUT BEFORE I DO THAT MAKE SURE TO SUB» or something like that

PERFECT. all i needed was in this video thx!!

This actually worked! I’m so happy that it did, and I LOVE IT.

This was my finishing touch to my game! Thank you so much! ^-^

How to make a Main Menu in ROBLOX Studio

Показать панель управления

Комментарии • 4 007

I know hes great

I like how you’re already on studio and showing us the tutorial! Thank you!

@BryceBlazeGaming YT he could be a noob and he’s following tutorials.

@FAVS Put it instead of visible on the second line of the script.

@2B Animated he means like where do you put it in the script

@FAVS You put it in the LocalScript under the Play button GUI.

it was nice being able to make this so fast, you made the script short and simple and it was perfect

You make a wonderful tutorial as always. This has helped me make games I never thought were imaginable.

Give me the link if your game please

@Gamer M8 uuuuuuuu it did not work for me

Wow, thank you so much Divine! 😄

Thank you so much this really helps! Is there any way to make the frame slowly fade away instead of cutting away?

This is so useful for my glitching practice game! I changed the settings into a updates one so they can see the updates!

Thanks this is very easy to understand and very helpful

I’ve been trying to make an fps game for months becuase all the maps I need to make but you really helped me on this one I really appreciate it becuase If I couldn’t make a main menu I would’ve been so stressed so thank you very much and you earned a sub 🙂

It is good and very helpful. These videos are really helpful. Only it is a little blurry. Please try to improve it to HD thanks!

Good Hearable Voice 👍
Easy Tutorial 👍
Simple Scripts 👍
Works 👍
Helped A Lot 👍

I really appreciate the work you are on today, keep it up 🙂

Thanks! I love how you get to the point and it is not flashy or clickbait!! You gained a new subscriber!

This Tutorial is Super Helpful and easy to learn! Keep it up with the Awesome Videos!

10/10 Recommendation. Totally helped me with my game! thanks a lot!

I was making a hang out game and this really helped out so much! Thank you, you deserve a like!

Thanks man your so clear and understanding most people talk too quiet or don’t explain enough but you helped me alot this is exactly why Im subbed to you man

Thank you very much for comment and subscribing!

I wanted to say that I am personally getting into coding a bit and I’ve always wanted to make an infection game, and this helps SOOOO MUCH! You earned yourself a sub, and a loyal one! Keep doing what you’re doing!

this didint work but maybe it was a glitch my freind did it it worked il try again i will give you a sub for this

@12AmGamer oh i didnt see when it was posted

@Melon i already had found it out lol

@12AmGamer I THINK you should use the touchtap event. But it can’t support pc if you use ONLY touchtap. So uhh just try and wire both of those controls to 1 thing. i cant give you a script because i’m a relatively new scripter. have a good day/night

@Gamer M8 hey uh how do i give it mobile support ;-;

thank you, i made it into a shop, update log, rules, to replace the settings. quick and easy

This is really informative, thank you!

I have a question. Can you make an updated tutorial that’s like this but with camera movements when you hover over a button? So like if you hover over play, you’ll see through cam one but if you hover over exit, you’ll see through cam 2?

Thank you, pretty easy tutorial to follow, took me like 7 minutes to make, im making an fps shooter game, but i didnt know how to make a menu gui
I would reccomend adding the tween service for when you click play tho

@GFX unless you have a plugin

Oh I am making a third person shooter game (roblox guns don’t support first person)

Pretty nice vid, it’s really helpful, thanks 🙂

i like how you already started the tutorial unlike other people who say «HEY GUYS IMA SHOW YOU A TUTORIAL BUT BEFORE I DO THAT MAKE SURE TO SUB» or something like that

PERFECT. all i needed was in this video thx!!

This actually worked! I’m so happy that it did, and I LOVE IT.

This was my finishing touch to my game! Thank you so much! ^-^