World · UI direction 03

Возвращаем свет и сказку

Тот самый яркий фон не был потерян. Он всё ещё лежит в проекте как bg-deep.png, но общий neo-theme подменяет его тёмным замком. Ниже — более спокойное современное направление: Tokyo neo-anime без торжественной золотой резьбы.

точный исходный фон без полноэкранного затемнения Tokyo neo-anime light растровый UI → Defold atlas proposal only
Сейчас это только визуальное предложение. Игровой рантайм и прод не менялись. После согласования рамки будут нарезаны на PNG/9-slice, собраны в Defold atlas и подключены независимыми UI-компонентами.

Главный экран: до / после

В «до» — реальный кадр текущей Web/Defold-сборки. В «после» фон не сгенерирован заново: под UI находится исходный файл проекта.

Дотекущий runtime
Текущий главный экран
Послепредлагаемое направление
WORLD
НАЧАТЬ ИГРУ
СОЗДАТЬ ГЕРОЯ
версия 0.1 · сервер Europe

Другие экраны в той же системе

Не отдельные стили на каждый экран, а один лёгкий набор материалов: чернильно-синее стекло, тонкая бирюзовая линия и маленький тёплый коралловый акцент. Без корон, ветвей, кристаллов и церемониальных рам.

Что именно меняется

Фон — герой экрана

Панели занимают края, а не закрывают самый красивый центр иллюстрации.

Светлее, не белее

Контраст остаётся локальным внутри панелей; весь экран больше не накрывается тёмным слоем.

Один визуальный язык

Tokyo neo-anime: тонкие линии, лёгкая асимметрия и один тёплый акцент на всех экранах.

Атлас, не примитивы

Рамки и декор становятся PNG/9-slice. Defold отвечает только за раскладку, текст и состояния.

Настройки: до / после

Сейчас модалка дважды затемняет экран: полноэкранной шторкой и почти чёрной карточкой. В предложении остаётся одна локальная панель, а окружение продолжает жить.

Дотекущий runtime
Текущий экран настроек
Послеединый стиль меню
НАСТРОЙКИ
МУЗЫКА70%
ЗВУКИ45%
ГОТОВО

Нарезка после подтверждения

Это кандидаты на независимые компоненты и atlas-регионы — без копирования одного большого скриншота в игру.

КомпонентAtlas idКак масштабируется
Плашка брендаmenu/brand9-slice по ширине
Док действийmenu/action-dock9-slice + отдельные кнопки
Кнопкиcontrols/primary, secondary9-slice, текст в Defold
Рама герояhero/frameуглы + растяжимые стороны
Настройкиsettings/panel9-slice, строки отдельными узлами
Иконкиicons/back, close, settingsфиксированный размер