TGStat
TGStat
Qidiruv uchun matnni kiriting
Ilg‘or kanal qidiruvi
  • flag Uzbek
    Sayt tili
    flag Russian flag English flag Uzbek
  • Saytga kirish
  • Katalog
    Kanal va guruhlar katalogi Hududiy to‘plamlar Tematik to‘plamlar Платные каналы Kanallar qidiruvi
    Kanal/guruh qo‘shish
  • Reytinglar
    Kanallar reytingi Guruhlar reytingi Postlar reytingi
    Brendlar va shaxslar reytingi
  • Analitika
  • Postlarda qidiruv
  • Telegram'ni kuzatish
  • Targ‘ibot
    Yandex Business orqali reklama Реклама в каналах через TGStat Agency Реклама на сайте TGStat.ru
Революция Чайных Пакетиков

19 Oct 2025, 15:26

Telegram'da ochish Ulashish Shikoyat qilish

Prev Next
Создание UI с помощью Nano-Banana.

Tears of Arcadia - мой "проект выходного дня". Я продолжаю экспериментировать изучая возможности ИИ в области разработки игр. И время от времени делаю свою собственную RTS/TD исключительно средствами ИИ.

В процессе я получаю разного рода полезные "артефакты", например техники производства GUI (Graphic User Interface) с помощью Nano-Banana. Чем и пришел делиться с вами.

Итак, поехали.
1. У нас мобильная steampunk RTS в фэнтази мире. И нам нужно придумать к ним новый интерефейс. Лучше всего с выдумыванием и поиском стиля справляется Midjourney, поэтому идем туда и ищем стиль.

2. Нам нужно получить всего один элемент, который нам нравится, и после размножить его в Nano-Banana.

3. Для этого я вставляю в изображение понравившийся элемент, и делаю заливку форм в фотошопе будущих элементов. Отправляю это все в Nano-Banana с промптом:
Replace all red placeholder areas with GUI elements designed in the same ornate fantasy style as the top-left interface component. Use golden metallic frames, intricate compass-like patterns, and glowing cyan gemstone accents. Maintain the same texture depth, lighting, and hexagonal background motif with blue highlights. Keep overall layout and proportions unchanged.

4. В результате, я получаю множество вариаций готового GUI. Я прогнал около 15 генераций, пока не получил результат, который меня удовлетворил.

5. В дальнейшем можно использовать данный набор для констистентого создания отдельных элементов. Например, я хочу получить прогресс-бар HP и маны, в этот раз я описываю детальный промпт для получения конкретного элемента и добавляю уже имеющийся реф в виде набора элементов.
Design a new progress bar UI element based on the existing steampunk-styled interface. The new bar should represent an HP bar and include a level indicator number. Maintain the same metallic gold frame, turquoise hexagonal texture, and glowing gem-like accents. The HP bar should gradually fill from left to right with a bright red or crimson gradient, contrasting with the blue aesthetic but keeping the same visual materials and lighting. The level number should be inside a circular golden badge on the left side of the bar, with engraved digits and subtle glow. Keep consistent shading, proportions, and decorative motifs from the current design.

Таким образом мы получаем brand-new интерфейс любой сложности для нашей игры.

Вообще я написал уже страниц 60 подобной документации, и буду переодически с вами ею делиться. Если будет интересно. А интерес вы можете показать поставив - 🔥этому посту.

977 3 54 6 104
Katalog
Kanal va guruhlar katalogi Kanallar to‘plamlari Kanallar qidiruvi Kanal/guruh qo‘shish
Reytinglar
Telegram-kanallar reytingi Telegram-guruhlar reytingi Postlar reytingi Brendlar va shaxslar reytingi
API
Statistika API'si Postlar qidiruvi API'si API Callback
Kanallarimiz
@TGStat @TGStat_Chat @telepulse @TGStatAPI
O‘qish
Академия TGStat Telegram tadqiqoti 2019 Telegram tadqiqoti 2021 Telegram tadqiqoti 2023
Kontaktlar
Справочный центр Qo‘llab-quvvatlash Email Vakansiyalar
Har xil narsalar
Foydalanuvchi shartnomasi Maxfiylik siyosati Ommaviy oferta
Botlarimiz
@TGStat_Bot @SearcheeBot @TGAlertsBot @tg_analytics_bot @TGStatChatBot