Шаблоны UI для Roblox

25 шаблонов UI для Roblox по тому, что нужно игре

Шестнадцать экранов показаны скриншотами из Studio в одной из пяти тем. Остальные на английской странице показаны нарисованными иллюстрациями раскладки в цветах темы; в вашей игре у них тот же вид, что и на скриншотах. Под каждым экраном указано, что он создаёт в плейсе и что менять в первую очередь.

Меню, которые нужны любой игре

Первое и последнее, что видят игроки: титульный экран, загрузка, HUD, настройки и сообщения.

• Главное меню. Титульный экран при входе с названием игры и большими кнопками Play, Settings, Shop и Credits. Play плавно его убирает, а парт с именем MenuCamera задаёт вид за ним. Создаёт StarterGui.SimMainMenu. Что менять: TITLE, SUBTITLE и CREDITS в начале MainMenuController. Гайд по главному меню.

• Экран загрузки. Показывается, пока игра загружается: название игры из Roblox, полоса прогресса, которая следует за настоящей загрузкой, подсказки и кнопка Skip. Создаёт ReplicatedFirst.SimLoading. Что менять: список TIPS в скрипте. Гайд по экрану загрузки.

• HUD. Счётчики Coins и Gems, которые следуют за вашими leaderstats, с кнопками +, и боковое меню из больших плиток. Кнопка открытия каждого другого экрана сама добавляется в это меню. Создаёт StarterGui.SimHud и ServerScriptService.SimCurrencyServer. Что менять: названия валют в CURRENCIES (HudController). Гайд по таблице лидеров.

• Настройки. Переключатели, которые работают и сохраняются для каждого игрока: музыка, звуковые эффекты, низкая графика и показ других игроков. Создаёт StarterGui.SimSettings и ServerScriptService.SimSettingsServer. Что знать: музыка выключает Sounds с тегом или именем Music. Гайд по меню настроек.
• Уведомления. Стопка всплывающих сообщений справа для мелких новостей и большое окно объявления, отправляемые из серверных или клиентских скриптов. Создаёт StarterGui.SimNotifications и ServerScriptService.SimNotifyServer. Что менять: вызывайте ReplicatedStorage.SimNotify из своих серверных скриптов. Гайд по RemoteEvents. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.
• Окно да/нет и меню паузы. Окно подтверждения, через которое любой скрипт может задать вопрос да или нет, и меню паузы на P с Resume, Settings и Leave. Создаёт StarterGui.SimConfirm. Как пользоваться: Ask:Invoke(title, message, yesText, noText) возвращает true или false. Гайд по анимациям UI. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

Магазины, коды и награды

Где игроки тратят монеты и Robux, и причины вернуться завтра.

• Магазин предметов. Вкладки Tools, Upgrades и Boosts с карточками, которые показывают Buy, Owned или Equip. Серверный скрипт проверяет цену, списывает монеты, сохраняет, что есть у каждого игрока, и выдаёт настоящие Tools, улучшения скорости и временные бусты. Создаёт StarterGui.SimShop и ServerScriptService.SimShopServer. Что менять: предметы (название, иконка, цена, валюта, вкладка, что даёт) в ITEMS. Гайд по GUI магазина.

• Магазин: геймпассы и коды. Строки геймпассов, у каждой иконка, бонусы и кнопка с ценой в Robux, которая открывает окно покупки, а ниже поле кодов, которые погашаются на сервере. Создаёт StarterGui.SimStore и ServerScriptService.SimCodesServer. Что менять: ID и цены пассов в PASSES, коды в CODES. Гайд по скрипту геймпасса.
• Магазин за Robux. Карточки геймпассов и продуктов для разработчиков из одной таблицы настроек, с реальными ценами в Robux и окнами покупки. Купленные пассы отмечены, а продукты выдают награду на сервере. Создаёт StarterGui.SimGamepasses, ReplicatedStorage.SimPassesConfig и ServerScriptService.SimPassesServer. Что менять: реальные ID в SimPassesConfig. Купленный пасс ставит игроку атрибут вроде Pass_VIP. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

• Коды. Окно ввода кодов с конфетти, когда код сработал, и тряской, когда нет. Коды и награды проверяются и сохраняются на сервере. Создаёт StarterGui.SimCodes и ServerScriptService.SimCodesServer. Что менять: коды и их награды в CODES. Гайд по системе кодов.

• Ежедневные награды. 7-дневная серия наград с кнопкой Claim и отсчётом до следующей. Сервер выдаёт награду и сохраняет серию, а окно открывается само, когда награда готова. Создаёт StarterGui.SimDailyRewards и ServerScriptService.SimDailyRewardsServer. Что менять: 7 наград в REWARDS. Гайд по ежедневным наградам.
• Сезонный пропуск. Трек боевого пропуска с бесплатными и премиальными наградами на каждом уровне, кнопками Claim, полосой XP и премиальным геймпассом. XP идёт за время в игре и из ваших скриптов. Создаёт StarterGui.SimBattlePass и ServerScriptService.SimBattlePassServer. Что менять: TIERS, XP_PER_TIER и PREMIUM_PASS_ID в начале. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

• Ежедневные задания. Три ежедневных задания с полосами прогресса и кнопками Claim, например заработать монеты, провести минуты в игре или вылупить яйца. Сбрасываются каждый день и сохраняются. Создаёт StarterGui.SimQuests и ServerScriptService.SimQuestsServer. Что менять: QUESTS в SimQuestsServer; ваши скрипты могут добавлять прогресс через событие.

Питомцы, коллекции и прогресс

Экраны симуляторов: вылупление, инвентарь, коллекция, ребёрты, обмен и таблица лидеров.

• Вылупление яиц. Яйца с ценами и шансами питомцев, полноэкранная анимация вылупления, которая трясёт, вспыхивает и показывает питомца в цвете его редкости, и серверный скрипт, который разыгрывает и сохраняет питомцев. Создаёт StarterGui.SimEggs и ServerScriptService.SimEggServer. Что менять: яйца, цены и шансы в EGGS. Гайд по вылуплению яиц.

• Инвентарь питомцев. Сетка карточек питомцев или предметов и выбранная карточка с редкостью, полосой уровня, Equip и удалением. Показывает питомцев, которых сохраняет экран яиц. Создаёт StarterGui.SimInventory. Что делать: слушайте его события Equipped и Deleted, чтобы сохранять выбор на сервере. Гайд по системе инвентаря.
• Индекс коллекции. Книга коллекции: сетка предметов в цветах редкости, силуэты ещё не найденных, процент завершения, вкладки по группам и награда за завершение. Создаёт StarterGui.SimIndex и ServerScriptService.SimIndexServer. Что менять: ITEMS (название, иконка, редкость, группа) в начале, под питомцев или предметы вашей игры. Гайд по следующему питомцу. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

• Ребёрт. Показывает текущий и следующий множитель монет, стоимость и полосу прогресса. Ребёрт сбрасывает монеты, добавляет Rebirth и повышает множитель. Создаёт StarterGui.SimRebirth и ServerScriptService.SimRebirthServer. Что менять: BASE_COST задаёт цену; умножайте награды монетами на атрибут CoinMultiplier. Гайд по игре-симулятору.
• Обмен. Двустороннее окно обмена: список игроков, запросы на обмен, сетка предметов для каждой стороны, Ready, Confirm и отсчёт. Сервер обменивает питомцев с экрана яиц или Tools. Создаёт StarterGui.SimTrade и ServerScriptService.SimTradeServer. Что знать: для теста обмена нужны 2 игрока в Studio. Гайд по системе обмена. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

• Таблица лидеров. Окно глобальной таблицы лидеров с вкладкой на каждую характеристику, медалями для тройки лидеров, аватарами, именами и значениями игроков и вашим местом. Хранится в OrderedDataStore. Создаёт StarterGui.SimLeaderboard и ServerScriptService.SimLeaderboardServer. Что менять: BOARDS перечисляет leaderstats, которые получают вкладку (глобальный топ 50). Гайд по таблице лидеров.

Бой и раунды

Части HUD для файтингов, шутеров и игр с раундами.

• Полоски игрока. Полоска здоровья, которая следует за Humanoid, полоска выносливости или маны (со спринтом на Shift) и полоска XP со значком уровня и всплывающим LEVEL UP. Сервер сохраняет XP и уровни. Создаёт StarterGui.SimBars и ServerScriptService.SimLevelsServer. Что менять: давайте XP через SimLevelsServer.AddXP; SECOND_BAR переименовывает выносливость, например в Mana. Гайд по полоске здоровья.
• Панель способностей. Пять слотов способностей внизу с подписями клавиш (Q, E, R, F, G), анимацией перезарядки и кнопками для касания на телефонах. Встроены Dash, Speed, Heal, Super Jump и Shield, перезарядка проверяется на сервере. Создаёт StarterGui.SimAbilities, ReplicatedStorage.SimAbilitiesConfig и ServerScriptService.SimAbilitiesServer. Что менять: добавляйте способности в конфиг, а их эффект в EFFECTS. Гайд по боевой системе. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

• Баннер раунда. Баннер сверху с текстом перерыва или раунда, таймером, числом оставшихся игроков и окном победителя, с рабочим циклом раундов: спавны, последний выживший побеждает, награды. Создаёт StarterGui.SimRound и ServerScriptService.SimRoundServer. Что менять: INTERMISSION, ROUND_TIME, MIN_PLAYERS и WIN_REWARD в начале. Гайд по системе раундов.
• HUD для шутера. Прицел с отдачей и маркером попадания, панель патронов и перезарядки, которая следует за оружием в руках, и лента убийств со смертями всех игроков. Создаёт StarterGui.SimShooterHud и ServerScriptService.SimKillFeedServer. Что менять: ваш скрипт оружия задаёт атрибуты Tool Ammo, MaxAmmo, Reserve и Reloading. Гайд по скрипту оружия. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

Миры и NPC

Переход между зонами и разговоры с персонажами.

• Телепорт по мирам. Меню миров или зон с закрытыми и открытыми карточками и ценами. Открытия сохраняются, а игроки телепортируются к партам в Workspace.Worlds или в другие плейсы. Создаёт StarterGui.SimTeleport и ServerScriptService.SimTeleportServer. Что менять: WORLDS (название, иконка, цена, валюта) в начале. Гайд по телепорту.
• Диалог с NPC. Окно диалога с именем NPC, портретом, текстом с эффектом печатной машинки и 2 до 4 вариантами ответа. Любая модель с атрибутом Dialogue получает подсказку Talk. Создаёт StarterGui.SimDialogue. Что менять: разговоры лежат в DIALOGUES в DialogueController. Гайд по диалогам NPC. Иллюстрация, а не скриншот: в игре у экрана тот же вид, что и на скриншотах.

Все гайды по ссылкам на английском.

Пять тем, одна на игру

Каждый экран есть во всех пяти темах. Все экраны в одной игре делят одну тему, поэтому выглядят как единый набор.

• Candy: яркая и мультяшная, белые окна, толстые чёрные обводки и глянцевый блеск. Подходит для симуляторов и обби.
• Neon: тёмные окна со светящимися краями, для научной фантастики, ночных игр и шутеров. Просите «neon» или «тёмную».
• Gold: кремовый и золотой, для VIP и роскоши.
• Blocky: классический Roblox, квадратные углы.
• Pastel: мягкие цвета для милых и уютных игр.

Назовите тему в просьбе, например «добавь магазин в теме pastel», или не указывайте, и RoCode выберет тему под вашу игру. Сравнить темы на странице UI-китов (на английском).

С этой страницы в вашу игру

RoCode это ИИ-агент для Roblox Studio: веб-чат и бесплатный плагин для Studio, который строит в открытом у вас плейсе.

1. Зарегистрируйтесь и подключите Studio. Создайте бесплатный аккаунт, добавьте плагин RoCode в Studio и подключите его. Studio на Windows или Mac, чат в браузере на компьютере.
2. Попросите экраны. Напишите, что нужно, например «добавь главное меню, магазин и боевой пропуск». RoCode вставляет каждый экран и его скрипты за один шаг.
3. Сделайте их своими. Попросите свои предметы, цены, награды и задания или сами поправьте список в начале каждого скрипта. Потом нажмите Play.

Собрать в Studio ↗

Нужен Roblox Studio с плагином RoCode 3.9.14 или новее и браузер на компьютере. Пример промпта написали мы.

Гайды по тем же экранам

Хотите сделать UI сами? Эти бесплатные гайды (на английском) строят такие же экраны шаг за шагом, с проверенным на типы Luau.

• Меню: главное меню, экран загрузки, меню настроек.
• Магазины и награды: GUI магазина, ежедневные награды, коды.
• HUD и игры: полоска здоровья, система раундов, игра в стиле Steal a Brainrot.

Как RoCode строит целую игру: создать игру Roblox с ИИ.

Частые вопросы