Загрузка данных


Ты работаешь над моим уже существующим Minecraft Fabric-клиентом Wii Premium 1.21.4.

ТЫ УЖЕ ЗНАЕШЬ СТРУКТУРУ ПРОЕКТА, ЕГО ПАПКИ, СУЩЕСТВУЮЩИЙ КОД, СИСТЕМУ GUI И ОСТАЛЬНУЮ АРХИТЕКТУРУ. НЕ СОЗДАВАЙ НОВЫЙ ПРОЕКТ С НУЛЯ. НЕ ЛОМАЙ СУЩЕСТВУЮЩУЮ АРХИТЕКТУРУ.

Мне нужно полностью переработать только Main Menu / главное меню клиента, сделав его визуально максимально близким к приложенному референсу.

⸻

1. ГЛАВНАЯ ЦЕЛЬ

Нужно воспроизвести главное меню с изображения максимально точно по визуалу.

Не делай просто «похожий Minecraft GUI».

Это должен выглядеть как отдельный премиальный лаунчер/клиент Wii Premium, а не стандартное меню Minecraft.

Главный визуальный стиль:

* очень тёмный;
* премиальный;
* минималистичный;
* cinematic;
* космический;
* чёрный фон;
* мягкое свечение;
* едва заметные туманности;
* мелкие звёзды;
* стеклянные/полупрозрачные элементы;
* мягкие тени;
* аккуратная типографика;
* никаких лишних Minecraft-элементов;
* никаких стандартных кнопок Minecraft;
* никаких лишних панелей;
* никаких случайных декоративных элементов.

Референс является главным источником истины по расположению, размерам, пропорциям и визуальному стилю.

⸻

2. РАЗМЕР И КОМПОЗИЦИЯ

Референс имеет разрешение примерно 1536×787.

Главное меню должно быть адаптивным и корректно масштабироваться под:

* 1920×1080;
* 2560×1440;
* 1366×768;
* 1280×720;
* 1536×787;
* другие 16:9 разрешения.

При этом композиция должна сохранять визуальные пропорции референса, а не просто оставаться фиксированного размера.

Главный контент расположен практически по центру экрана.

Не прижимай меню к верхней/нижней части.

Не делай элементы на весь экран.

Вся композиция должна ощущаться лёгкой и воздушной.

⸻

3. ФОН

Фон — практически чёрный, но НЕ абсолютно плоский #000000.

Используй очень тёмный оттенок:

примерно:

RGB около 3–10 / 4–12 / 7–15.

Фон должен иметь глубокий cinematic-космический вид.

На фоне присутствуют:

Звёзды

Много маленьких отдельных точек-звёзд.

Они должны быть:

* очень маленькими;
* преимущественно бело-серыми;
* с разной яркостью;
* с разной прозрачностью;
* распределены неравномерно;
* часть практически незаметна;
* несколько более ярких точек видны отчётливее.

Не превращай фон в «звёздное небо из игры».

Звёзды должны быть очень деликатными.

Никаких огромных звёзд.

Никаких цветных комет.

Никаких планет.

⸻

4. КОСМИЧЕСКАЯ ТУМАННОСТЬ

На заднем плане должна быть очень мягкая, почти незаметная дымчатая/туманная структура.

Она видна преимущественно:

* вокруг центральной области;
* немного справа;
* немного слева;
* в нижней части.

Используй несколько огромных размытых градиентных облаков.

Они должны быть настолько мягкими, чтобы пользователь чувствовал глубину фона, но не воспринимал их как отдельные объекты.

Цвета исключительно очень тёмные:

* чёрный;
* холодный серо-синий;
* тёмно-серый;
* местами практически незаметный золотисто-коричневый оттенок около логотипа.

Никаких ярких синих/фиолетовых nebula.

⸻

5. ЦЕНТРАЛЬНЫЙ ЛОГОТИП

В верхней центральной части основной композиции находится логотип.

ВАЖНО:

Логотип уже будет находиться в проекте:

Logo/Logo.png

Используй именно этот файл.

Не рисуй логотип вручную.

Не заменяй его текстом.

Не создавай собственную букву W.

Не масштабируй его до огромного размера.

Загрузи:

Logo/Logo.png

как основной logo texture.

Путь должен быть адаптирован под систему ресурсов Minecraft/Fabric, если это необходимо.

⸻

6. РАСПОЛОЖЕНИЕ ЛОГОТИПА

В референсе логотип расположен примерно в центральной верхней части экрана.

Визуально композиция выглядит так:

                [ W ] Wii
                    PREMIUM
              [ Одиночная игра ]
              [ Сетевая игра ]
                 [ Аккаунты ]
           [ Настройки ] [ Выйти из игры ]

Логотип НЕ должен быть вплотную к кнопкам.

Между логотипом и первой кнопкой должен оставаться заметный воздух.

Основной логотиповый блок должен занимать примерно верхнюю треть центральной композиции.

⸻

7. ЭФФЕКТ ЛОГОТИПА

Логотип должен выглядеть премиально.

Добавь очень мягкое свечение вокруг него, но не переборщи.

Особенно вокруг тёмной буквы W допустимо:

* мягкое серое свечение;
* лёгкий золотистый свет;
* очень слабый bloom.

В районе логотипа можно сделать очень мягкий тёплый световой ореол, как на референсе.

ВАЖНО:

Свечение должно быть едва заметным.

Не делай neon gaming logo.

Не делай RGB.

Не делай сильный bloom.

Не делай логотип слишком ярким.

⸻

8. КНОПКИ

Основная часть интерфейса состоит из 5 кнопок/элементов управления.

Первая:

Одиночная игра

Вторая:

Сетевая игра

Третья:

Аккаунты

Нижний ряд:

Настройки     Выйти из игры

То есть:

┌────────────────────────────────────────┐
│             Одиночная игра             │
└────────────────────────────────────────┘
┌────────────────────────────────────────┐
│              Сетевая игра              │
└────────────────────────────────────────┘
┌────────────────────────────────────────┐
│                Аккаунты                │
└────────────────────────────────────────┘
┌──────────────────┐  ┌──────────────────┐
│     Настройки    │  │  Выйти из игры   │
└──────────────────┘  └──────────────────┘

⸻

9. РАЗМЕР КНОПОК

Три верхние кнопки:

* одинаковой ширины;
* одинаковой высоты;
* расположены строго по центральной вертикальной оси;
* между ними небольшой вертикальный gap.

В референсе кнопки имеют примерно:

* ширину около 450 px;
* высоту около 50 px;

для исходного разрешения.

Но НЕ используй абсолютные 450×50.

Сделай масштабирование относительно размера окна.

Ширина кнопки должна быть примерно 29–30% ширины экрана, но иметь разумный максимум, чтобы на больших мониторах она не становилась огромной.

Нижние две кнопки:

* примерно половина ширины верхних;
* одинакового размера;
* находятся на одной горизонтальной линии;
* между ними небольшой gap.

⸻

10. ФОРМА КНОПОК

Кнопки не должны выглядеть как стандартные Minecraft buttons.

У них:

* очень скруглённые углы;
* мягкая полупрозрачная чёрная/тёмно-серая поверхность;
* практически незаметная граница;
* мягкая тень;
* очень лёгкий glass/dark glass эффект.

Corner radius примерно:

10–13 px в масштабе референса.

Не делай чрезмерно круглые pill-кнопки.

Это именно прямоугольник со скруглёнными углами.

⸻

11. ЦВЕТ КНОПОК

В обычном состоянии:

примерно:

* тёмно-серый;
* почти чёрный;
* alpha около 70–90%.

Кнопка должна немного отделяться от фона.

Но она НЕ должна быть яркой.

Примерный визуальный диапазон:

#101012

до

#171719

с прозрачностью.

Внутри можно использовать очень слабый вертикальный градиент:

сверху чуть светлее,

снизу чуть темнее.

Градиент должен быть практически незаметным.

⸻

12. ГРАНИЦА

Добавь очень тонкую полупрозрачную границу.

Она должна быть практически незаметной.

Пример:

белый/серый с alpha около 5–12%.

Никаких ярких рамок.

Никаких золотых рамок.

Никаких синих рамок.

⸻

13. SHADOW

Под каждой кнопкой должна присутствовать мягкая тень.

Тень:

* чёрная;
* размытая;
* низкая интенсивность;
* небольшое смещение вниз.

Не используй жёсткую чёрную рамку.

Кнопки должны ощущаться слегка «парящими» над фоном.

⸻

14. HOVER-ЭФФЕКТ

При наведении курсора кнопка должна очень плавно реагировать.

Не делай резкого изменения цвета.

При hover:

* кнопка немного светлеет;
* opacity немного увеличивается;
* border становится чуть заметнее;
* появляется очень слабое свечение;
* можно сделать микроскопическое увеличение масштаба, примерно 1.01–1.015.

Переход плавный.

Например:

150–220 ms.

Используй easing.

Никаких резких анимаций.

⸻

15. CLICK

При нажатии:

* кнопка слегка уменьшается;
* примерно 0.98–0.99 scale;
* затем возвращается;
* переход должен быть быстрым и аккуратным.

Не добавляй flashy эффекты.

⸻

16. ТЕКСТ КНОПОК

Текст:

* белый/светло-серый;
* не жирный;
* современный;
* чистый;
* минималистичный.

Примерно:

#E8E8E8

Текст не должен быть огромным.

Размер должен визуально соответствовать референсу.

Примерно 14–16 px для исходной композиции, но адаптивно масштабироваться.

Текст строго по центру кнопки:

горизонтально + вертикально.

⸻

17. ШРИФТ

Не используй:

* стандартный Minecraft pixel font;
* жирный Minecraft font;
* декоративный gaming font.

Нужен чистый современный sans-serif.

Если в проекте уже есть подходящий UI-шрифт — используй существующий.

Если есть возможность использовать системный/встроенный шрифт без проблем с Fabric — выбери максимально похожий на референс:

* тонкий;
* современный;
* геометричный;
* чистый.

Текст должен выглядеть как интерфейс премиального приложения.

⸻

18. НИЖНИЙ ТЕКСТ

В нижней центральной части экрана есть маленькая подпись:

© Wii Premium 2025

А под ней:

2025–2026

Сделай её очень маленькой.

Цвет:

серо-белый с низкой прозрачностью.

Она должна быть почти незаметной и не конкурировать с меню.

Примерно:

alpha 40–60%.

Выравнивание строго по центру.

⸻

19. ТОЧНАЯ ВЕРТИКАЛЬНАЯ ИЕРАРХИЯ

Сохрани примерно такую структуру:

                       LOGO
                  большой gap
               Одиночная игра
                     gap
               Сетевая игра
                     gap
                  Аккаунты
                     gap
          Настройки   |   Выйти из игры
                    gap
              © Wii Premium 2025
                   2025–2026

Главное — не сделать всё слишком плотным.

В референсе вокруг элементов много пустого пространства.

⸻

20. ОТСУТСТВИЕ ЛИШНИХ ЭЛЕМЕНТОВ

На Main Menu НЕ должно быть:

* Minecraft logo;
* Mojang Studios;
* splash text;
* кнопки «Minecraft Realms»;
* кнопки «Options»;
* кнопки «Language»;
* кнопки Accessibility;
* версии Minecraft;
* координат;
* FPS;
* CPS;
* HUD;
* мод-листа;
* watermark Fabric;
* лишних иконок;
* социальных сетей;
* Discord;
* рекламных баннеров.

Главное меню должно быть чистым.

⸻

21. ФУНКЦИОНАЛЬНОСТЬ

Визуально меню должно быть новым, но существующая логика клиента должна продолжать работать.

Кнопки должны реально выполнять действия.

«Одиночная игра»

Открывает существующий экран выбора/создания одиночного мира Minecraft.

Используй существующую логику клиента, если она уже реализована.

Не создавай ненужную новую систему миров.

«Сетевая игра»

Открывает существующий multiplayer/server selection screen.

Сохрани совместимость с текущей системой клиента.

«Аккаунты»

Открывает существующий экран аккаунтов клиента, если он уже есть.

Если аккаунт-система уже существует в проекте — подключи именно её.

НЕ делай фейковый экран.

«Настройки»

Открывает настройки клиента/существующий Options Screen в соответствии с текущей архитектурой.

Если в проекте уже есть собственный Settings Screen — используй его.

«Выйти из игры»

Должен корректно закрывать Minecraft.

Используй стандартный безопасный механизм закрытия клиента.

⸻

22. АНИМАЦИЯ ПОЯВЛЕНИЯ

При открытии Main Menu желательно сделать очень аккуратную cinematic-анимацию.

Не делай долгую анимацию.

Пример:

1. фон сразу появляется;
2. логотип плавно появляется;
3. кнопки появляются с небольшим stagger;
4. footer появляется последним.

Например:

* logo: fade 0 → 1 примерно за 350 ms;
* buttons: fade + небольшое движение вверх примерно за 250–350 ms;
* каждая следующая кнопка появляется через 40–60 ms;
* footer появляется примерно через 500–650 ms.

Все анимации должны быть очень спокойными.

⸻

23. ФОН — ДИНАМИКА

Если это не создаёт нагрузку, можно сделать очень медленную анимацию туманности.

Например:

* nebula медленно перемещается;
* opacity немного меняется;
* звёзды иногда слегка мерцают.

Но эффект должен быть настолько медленным, чтобы пользователь почти не замечал движение.

FPS не должен страдать.

НЕ создавай каждый кадр огромное количество объектов.

⸻

24. ПРОИЗВОДИТЕЛЬНОСТЬ

Это Minecraft Fabric 1.21.4.

Производительность критична.

НЕ делай:

* тысячи отдельных GUI объектов;
* постоянное создание новых Textures;
* создание новых BufferedImage каждый кадр;
* тяжёлый Gaussian Blur на весь экран каждый frame;
* утечки ресурсов;
* бесконечные таймеры;
* постоянный realloc;
* ненужный CPU-heavy rendering.

Фон должен быть максимально дешёвым.

Если blur нужен — используй заранее подготовленный texture/gradient либо максимально дешёвый способ.

Кнопки должны рендериться очень эффективно.

⸻

25. ВАЖНО ПРО LOGO.PNG

Файл:

Logo/Logo.png

уже существует/будет существовать в корне проекта.

Найди его и корректно подключи.

Проверь:

* правильный путь;
* правильный ResourceLocation;
* PNG alpha;
* отсутствие чёрного квадрата вокруг логотипа;
* правильное aspect ratio;
* корректный масштаб;
* корректный filtering.

НЕ обрезай логотип.

НЕ растягивай его.

НЕ искажай пропорции.

Сохраняй оригинальное соотношение сторон.

⸻

26. РЕНДЕР ЛОГОТИПА

Размер логотипа должен автоматически рассчитываться относительно окна.

Не используй фиксированные координаты вида:

x = 500;
y = 200;

если из-за этого интерфейс ломается на других разрешениях.

Используй:

* screen width;
* screen height;
* относительные координаты;
* максимальную ширину;
* сохранение aspect ratio.

Логотип должен всегда оставаться визуально по центру.

⸻

27. РАЗМЕЩЕНИЕ

Основная центральная ось:

screenWidth / 2

Все главные элементы должны быть относительно неё.

Кнопки:

centerX = screenWidth / 2

Логотип:

centerX = screenWidth / 2

Footer:

centerX = screenWidth / 2

⸻

28. МАСШТАБИРОВАНИЕ

Не привязывай интерфейс к конкретному разрешению.

Сделай условную систему размеров:

* baseWidth = 1536;
* baseHeight = 787.

Дальше вычисляй scale относительно текущего окна.

При этом не позволяй кнопкам становиться чрезмерно большими на 4K.

Используй min/max ограничения.

⸻

29. PIXEL-PERFECT ВИЗУАЛ

После реализации сравни результат с приложенным референсом.

Проверь:

1. Положение логотипа.
2. Размер логотипа.
3. Расстояние от логотипа до кнопок.
4. Ширину кнопок.
5. Высоту кнопок.
6. Расстояние между кнопками.
7. Положение нижнего ряда.
8. Цвет кнопок.
9. Скругление.
10. Тени.
11. Цвет текста.
12. Размер текста.
13. Footer.
14. Звёзды.
15. Туманность.
16. Общую яркость.
17. Количество свободного пространства.
18. Общий визуальный баланс.

Если что-то отличается от референса — исправь.

Не останавливайся после первой рабочей версии.

⸻

30. ОСОБЕННО ВАЖНО

НЕ превращай дизайн в:

❌ обычный Minecraft меню
❌ Lunar Client
❌ Badlion Client
❌ Feather Client
❌ LiquidBounce
❌ обычный ClickGUI
❌ RGB gaming interface
❌ яркий neon UI
❌ futuristic HUD
❌ Discord-style интерфейс

Мне нужен именно стиль приложенного изображения:

black cinematic premium space interface.

⸻

31. ВИЗУАЛЬНАЯ ФОРМУЛА

Ориентируйся примерно на:

90% black / dark space

5% soft gray UI

3% white typography

2% extremely subtle warm light around logo

Всё должно быть сдержанным.

⸻

32. НЕ ИЗМЕНЯЙ ДРУГИЕ ЧАСТИ КЛИЕНТА

Работай только с Main Menu и необходимыми связанными классами.

НЕ ломай:

* моды;
* ClickGUI;
* HUD;
* настройки;
* аккаунты;
* multiplayer;
* singleplayer;
* конфиги;
* keybinds;
* команды;
* существующие экраны;
* загрузчик;
* Fabric initialization.

Если нужно создать новый класс MainMenu — хорошо.

Если существующий Main Menu можно аккуратно заменить/расширить — лучше использовать существующую архитектуру.

⸻

33. КОД

Перед изменениями:

1. Найди существующий Main Menu.
2. Найди все места, где он вызывается.
3. Проверь текущую систему Screen.
4. Проверь существующие UI utilities.
5. Проверь rendering utilities.
6. Проверь существующие шрифты.
7. Проверь систему текстур.
8. Проверь, как проект организует ресурсы.
9. Используй уже существующие helper-классы, если они подходят.

Не создавай дублирующие системы без необходимости.

⸻

34. ЕСЛИ НУЖНЫ НОВЫЕ RENDERING UTILITIES

Можно создать небольшие reusable методы, например:

* rounded rectangle;
* gradient rectangle;
* soft shadow;
* alpha texture;
* hover animation;
* centered text;
* scaled texture.

Но делай это аккуратно и совместимо с текущим renderer API Minecraft/Fabric 1.21.4.

Не используй устаревшие API из старых версий Minecraft.

⸻

35. СОВМЕСТИМОСТЬ

Проверь, что код действительно рассчитан на:

Minecraft 1.21.4 + Fabric.

Не копируй код из Minecraft 1.8 / 1.12 / 1.16 / 1.20 без адаптации.

Используй актуальные классы и rendering pipeline проекта.

⸻

36. ТЕКСТЫ

Используй строго:

Одиночная игра

Сетевая игра

Аккаунты

Настройки

Выйти из игры

Footer:

© Wii Premium 2025

2025–2026

Не меняй формулировки.

⸻

37. НИЖНИЙ РЯД

Очень важно правильно расположить:

Настройки

и

Выйти из игры

Они должны быть на одной линии.

Между ними небольшой промежуток.

Обе кнопки должны иметь одинаковую высоту.

Они должны быть визуально частью одной группы.

Не делай их слишком маленькими.

⸻

38. HOVER ДЛЯ НИЖНИХ КНОПОК

Точно такой же hover, как у основных кнопок.

Никаких разных цветов.

⸻

39. CURSOR

Не нужно делать огромный кастомный курсор.

Используй существующий курсор Minecraft/клиента, если архитектура его использует.

При hover достаточно изменения самой кнопки.

⸻

40. ФИНАЛЬНАЯ ПРОВЕРКА

После реализации обязательно:

1. Собери проект.
2. Исправь compile errors.
3. Проверь imports.
4. Проверь resource paths.
5. Проверь загрузку Logo/Logo.png.
6. Проверь запуск клиента.
7. Проверь Main Menu.
8. Проверь каждую кнопку.
9. Проверь hover.
10. Проверь resize.
11. Проверь fullscreen.
12. Проверь разные разрешения.
13. Убедись, что нет ошибок в логах.
14. Убедись, что нет FPS-просадки.
15. Убедись, что остальные системы клиента не сломались.

Если обнаружишь проблему — сам исправь её.

⸻

41. КРИТИЧЕСКОЕ ПРАВИЛО

Не спрашивай меня о каждой мелочи.

Ты должен самостоятельно:

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

Если существующая архитектура предлагает более правильный способ — используй её.

Если какой-то способ несовместим с Fabric 1.21.4 — не используй его, а найди актуальный вариант.

⸻

42. ИТОГОВОЕ ТРЕБОВАНИЕ

Я хочу получить Main Menu, при первом взгляде на которое пользователь сразу видит:

Wii Premium

на тёмном космическом фоне,

с красивым логотипом,

минималистичными полупрозрачными кнопками,

мягкими тенями,

маленькими звёздами,

очень тонкой туманностью,

дорогой cinematic атмосферой,

и практически идеальным совпадением с приложенным референсом.

Главный приоритет:

ВИЗУАЛЬНОЕ СОВПАДЕНИЕ С РЕФЕРЕНСОМ > ЛИШНИЕ ЭФФЕКТЫ.

Не добавляй ничего, чего нет на референсе, если это не требуется технически.

Сделай это не просто «похожим», а максимально точно воспроизведи:

композицию + размеры + расстояния + цвета + прозрачность + скругления + тени + типографику + фон + атмосферу + hover-анимации.

После реализации самостоятельно проверь результат и сделай необходимые корректировки.