# Как сделать меню в Roblox Studio

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

1. Заходим в Роблокс Студио. Во вкладке Explorer находим **StarterGui**, нажимаем на кнопку [![Кнопки в Roblox Studio](https://game-roblox.ru/wp-content/uploads/2022/05/3.png)](https://game-roblox.ru/wp-content/uploads/2022/05/3.png) и выбираем **Screen Gui**

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_1-11.jpg" alt=""><figcaption></figcaption></figure>

Внутри **ScreenGui** при помощи кнопки [![Кнопки в Roblox Studio](https://game-roblox.ru/wp-content/uploads/2022/05/3.png) ](https://game-roblox.ru/wp-content/uploads/2022/05/3.png)вставляем **TextButton** (это будет кнопка нажав на которую вы откроете меню)

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_2-10.jpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_3-9.jpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_4-8.jpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_5-6.jpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_6-5.jpg" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_7-4.jpg" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_8-4.jpg" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://game-roblox.ru/wp-content/uploads/2022/06/Screenshot_9-4.jpg" alt=""><figcaption></figcaption></figure>

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

![](https://3823260221-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3htulpKUKJLOii7ZPbV1%2Fuploads%2Fo7ypZoKZ0doDbU07lEKf%2Fimage.png?alt=media\&token=2c575ce8-78d0-4f86-be91-71c101e959ef)![](https://3823260221-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3htulpKUKJLOii7ZPbV1%2Fuploads%2F1O05u2vxVbWdEZHYYHzr%2Fimage.png?alt=media\&token=7ca1b8a9-6b35-4168-8249-baefcbe6dbb2)
