YoRHa: Nier Automata — Демонстрация сборки интерфейса YoRHa: интерактивный интерфейс андроида | Играть онлайн
Итоговый результат: демонстрация сборки интерфейса YoRHa
Обложка
Обложка: демонстрация сборки интерфейса YoRHa — ключевой визуал 16:9, созданный с помощью GPT Image 2
Скриншот
Реальная сборка: агент ресурсов обводит спрайт персонажа, пока агент интерфейса подключает элемент аутентификации
Скриншот
Реальная сборка: ui.speaker_plate обводится рамкой и появляется внутри журнала связи
Скриншот
Готовый терминал: HUD, монитор сигнала, спрайт 2B, список выбора, журнал связи, пейджер и поле свободного действия
Спрайт
2B — полноростовой спрайт для рантайма, прозрачный PNG (фон удалён с помощью BiRefNet)
Спрайт
9S — спрайт сканирующего блока для рантайма, прозрачный PNG (фон удалён с помощью BiRefNet)
Спрайт
A2 — спрайт прототипа-дезертира для рантайма, прозрачный PNG (фон удалён с помощью BiRefNet)
Демонстрация сборки интерфейса YoRHa — это воссозданный в браузере язык интерфейса YoRHa, орбитальной командной системы андроидов, которой подчиняются 2B, 9S и A2. Это не статичный макет. Вы загружаете страницу, и интерфейс всё ещё строится: автономный курсор летает по экрану, обводит рамкой каждый элемент, называет его и открывает шаг за шагом. Сначала фон и освещение, затем поле сканирования и спрайт персонажа, потом HUD, монитор сигнала, элемент аутентификации, система диалога, текст истории и, наконец, список выбора.
Когда последняя панель встаёт на место, у вас остаётся рабочий терминал YoRHa: цель — сигнал спасения, моноширинный журнал связи с панелью говорящего и пейджером, три пронумерованных решения и поле свободного действия, где можно написать свой следующий ход. Пепельно-белый цвет, тонкие чёрные рамки и постоянно плывущая строка развёртки сохраняют его холодным, тихим и безошибочно андроидным — та же сдержанность, которая сделала оригинальный интерфейс незабываемым.
Играть сейчас: Открыть живой интерфейс YoRHa →
Возможности
- Самостоятельно собирающийся интерфейс — каждый слой HUD отрисовывается у вас на глазах за счёт поэтапной сборки: эффекты обводки рамкой, развёртки, появления, панели и печатной машинки, и каждый помечен именем своего компонента рантайма, например ui.hud(), ui.signal_monitor или ui.dialogue_system.
- Подлинный визуальный язык YoRHa — пепельно-белые панели, тонкие чёрные рамки, жёсткие смещённые тени и монохромный шрифт, скреплённые плывущим полем сканирования. Сдержанность оригинальной операционной системы андроидов, воссозданная как живая веб-страница.
- Тактическая сцена и освещение спрайтов — серый фон руин с собственным полем сканирования и этап наложения тени удерживают полноростовой спрайт персонажа по центру, читаемым и обрамлённым как показания командного дисплея.
- Диалоговая система журнала связи — панель говорящего, моноширинный текст истории, печатающийся символ за символом, пульсирующая подсказка «Далее» и пейджер 1/3. Классический диалоговый блок визуальной новеллы, говорящий голосом Pod 042.
- Список ветвящихся вариантов — пронумерованная колонка решений (01–03) превращает сигнал спасения из чёрного ящика в игровой ход визуальной новеллы, готовый управлять любым повествовательным движком, к которому вы его подключите.
- Поле свободного действия — введите свой следующий ход, переключите вычисление изображения и подтвердите кнопкой завершения. То самое поле, с помощью которого интерфейс возвращает управление игроку.
- Браузерный рантайм без установки — чистые HTML, CSS и JavaScript без этапа сборки и загрузки. Откройте ссылку, и терминал запустится сам.
Интерфейс
Интерфейс
Этап сборки 1 — разрушенный фон Бункера и рамка HUD появляются до того, как терминал будет заполнен
Интерфейс
Этап сборки 2 — агент ресурсов обводит asset.character_sprite, пока агент интерфейса связывает ui.auth_link
Интерфейс
Этап сборки 3 — журнал связи печатает текст сцены рядом с блоком номер один
Интерфейс
Финальное состояние — полный терминал YoRHa, готовый к решению или свободному действию
Фон
Командная палуба Бункера — арт мира, задающий настроение терминала, созданный для мира YoRHa: Nier Automata
Фон
Городские руины в сумерках — заброшенные башни, расколотые растительностью, поверхностный мир, за которым наблюдает терминал
Производственный процесс
Этап 1: Построение мираclaude-opus-5
Одно предложение создаёт мир YoRHa: Nier Automata — 25 атомных карточек, охватывающих 7 персонажей (2B, 9S, A2, командир Уайт, Паскаль, Адам, Ева), 8 локаций (Бункер, Городские руины, Лагерь Сопротивления, Деревня машин, Руины парка развлечений, Лесное королевство, Скопированный город, Башня), 3 события, 4 записи лора и 3 секрета, каждая со своим артом обложки.
Одно предложение создаёт мир YoRHa: Nier Automata — 25 атомных карточек, охватывающих 7 персонажей (2B, 9S, A2, командир Уайт, Паскаль, Адам, Ева), 8 локаций (Бункер, Городские руины, Лагерь Сопротивления, Деревня машин, Руины парка развлечений, Лесное королевство, Скопированный город, Башня), 3 события, 4 записи лора и 3 секрета, каждая со своим артом обложки.
Этап 2: Генерация ресурсовgpt-image-2
Полноростовые исходники персонажей, фоновые изображения 16:9 для рантайма и ключевой арт обложки генерируются с помощью GPT Image 2. Затем у исходников персонажей удаляется фон с помощью BiRefNet до чистых прозрачных PNG, что даёт сцене набор спрайтов без остатков фона.
Полноростовые исходники персонажей, фоновые изображения 16:9 для рантайма и ключевой арт обложки генерируются с помощью GPT Image 2. Затем у исходников персонажей удаляется фон с помощью BiRefNet до чистых прозрачных PNG, что даёт сцене набор спрайтов без остатков фона.
Этап 3: Сборка и публикация интерфейсаclaude-opus-5
HUD YoRHa — верхняя панель, значок продукта, монитор сигнала, элемент аутентификации, тактическая сцена, список выбора, журнал связи, пейджер и поле свободного действия — собирается как статичное приложение на HTML, CSS и JavaScript, подключается к поэтапной анимации сборки с подписями компонентов, а затем публикуется с публичной ссылкой для игры.
HUD YoRHa — верхняя панель, значок продукта, монитор сигнала, элемент аутентификации, тактическая сцена, список выбора, журнал связи, пейджер и поле свободного действия — собирается как статичное приложение на HTML, CSS и JavaScript, подключается к поэтапной анимации сборки с подписями компонентов, а затем публикуется с публичной ссылкой для игры.
Промпты для ресурсов
Промпты для ресурсов
Промпт макета интерфейсаgpt-image-2
«Создай макет интерфейса визуальной новеллы 16:9 для подтверждения стиля. Сюжет: интерфейс сломанного разведывательного терминала YoRHa для трагической научно-фантастической романтической визуальной новеллы от первого лица 9S. Композиция: пустой фоновый слой с полупрозрачным тактическим диалоговым окном внизу, виджеты статуса в правом верхнем углу для синхронизации истины, доверия и тревоги, ненавязчивые кнопки вариантов, без персонажа, без крупных читаемых логотипов, защищённых авторским правом. Стиль: чёрный, белый, пепельно-серый, приглушённые золотые тонкие рамки, бледно-синяя сканирующая сетка, крошечные красные акценты кодов ошибок, постапокалиптический научно-фантастический HUD, элегантная готическая военная сдержанность, повреждённый архив памяти. Текст: только минимальные общие метки интерфейса, избегай длинных читаемых абзацев. Ограничения: без водяных знаков, без реальных логотипов брендов, без беспорядка, оставь центр свободным для спрайтов персонажей.»
«Создай макет интерфейса визуальной новеллы 16:9 для подтверждения стиля. Сюжет: интерфейс сломанного разведывательного терминала YoRHa для трагической научно-фантастической романтической визуальной новеллы от первого лица 9S. Композиция: пустой фоновый слой с полупрозрачным тактическим диалоговым окном внизу, виджеты статуса в правом верхнем углу для синхронизации истины, доверия и тревоги, ненавязчивые кнопки вариантов, без персонажа, без крупных читаемых логотипов, защищённых авторским правом. Стиль: чёрный, белый, пепельно-серый, приглушённые золотые тонкие рамки, бледно-синяя сканирующая сетка, крошечные красные акценты кодов ошибок, постапокалиптический научно-фантастический HUD, элегантная готическая военная сдержанность, повреждённый архив памяти. Текст: только минимальные общие метки интерфейса, избегай длинных читаемых абзацев. Ограничения: без водяных знаков, без реальных логотипов брендов, без беспорядка, оставь центр свободным для спрайтов персонажей.»
Промпт спрайта (2B)gpt-image-2
«@2B / YoRHa No.2 Type B, создай исходник спрайта персонажа 3:4, подходящий для вырезания, для рантайма визуальной новеллы. Сюжет: 2B стоит, в полный рост до колен, сдержанное печальное выражение, одна рука у рукояти меча, без атакующего действия, слегка повёрнута к зрителю, как её видит 9S. Композиция: персонаж по центру, ровный светло-серый бесшовный фон, полный силуэт виден без обрезки, без текста. Стиль: холодный концепт-арт игры плюс изящная компьютерная графика трагического романа, чёрная готическая боевая униформа, короткие белые волосы, тактический визор, стройный силуэт, монохромные чёрно-бело-серые детали с приглушённым золотом. Ограничения: простой фон для удаления фона, без других персонажей, без водяных знаков, без логотипов, без крови, оставь края чистыми для вырезания прозрачного PNG.»
«@2B / YoRHa No.2 Type B, создай исходник спрайта персонажа 3:4, подходящий для вырезания, для рантайма визуальной новеллы. Сюжет: 2B стоит, в полный рост до колен, сдержанное печальное выражение, одна рука у рукояти меча, без атакующего действия, слегка повёрнута к зрителю, как её видит 9S. Композиция: персонаж по центру, ровный светло-серый бесшовный фон, полный силуэт виден без обрезки, без текста. Стиль: холодный концепт-арт игры плюс изящная компьютерная графика трагического романа, чёрная готическая боевая униформа, короткие белые волосы, тактический визор, стройный силуэт, монохромные чёрно-бело-серые детали с приглушённым золотом. Ограничения: простой фон для удаления фона, без других персонажей, без водяных знаков, без логотипов, без крови, оставь края чистыми для вырезания прозрачного PNG.»
Промпт фона (Городские руины)gpt-image-2
«Создай чистый фон 16:9 для рантайма визуальной новеллы. Сцена: постапокалиптический разрушенный город в сумерках после дождя, заброшенные бетонные башни, расколотые растительностью, сломанная эстакада, дальняя дымка лунного света, небольшой островок белых цветов на переднем плане, без персонажей. Композиция: широкий план, спокойный читаемый средний план, пустая нижняя треть, подходящая для диалогового интерфейса, центр не слишком загружен, кинематографичная глубина. Стиль: холодная атмосфера концепт-арта постапокалиптической научно-фантастической игры в духе NieR, пепельно-серый, белый, чёрный, приглушённые золотые блики, пыль и туман, меланхолично и одиноко. Текст: без текста. Ограничения: без людей, без роботов на переднем плане, без водяных знаков, без логотипов, чистый фон, удобный для рантайма.»
«Создай чистый фон 16:9 для рантайма визуальной новеллы. Сцена: постапокалиптический разрушенный город в сумерках после дождя, заброшенные бетонные башни, расколотые растительностью, сломанная эстакада, дальняя дымка лунного света, небольшой островок белых цветов на переднем плане, без персонажей. Композиция: широкий план, спокойный читаемый средний план, пустая нижняя треть, подходящая для диалогового интерфейса, центр не слишком загружен, кинематографичная глубина. Стиль: холодная атмосфера концепт-арта постапокалиптической научно-фантастической игры в духе NieR, пепельно-серый, белый, чёрный, приглушённые золотые блики, пыль и туман, меланхолично и одиноко. Текст: без текста. Ограничения: без людей, без роботов на переднем плане, без водяных знаков, без логотипов, чистый фон, удобный для рантайма.»
Промпт фона (Командная палуба Бункера)gpt-image-2
«Создай чистый фон для рантайма визуальной новеллы в формате 16:9. Сцена: орбитальная командная палуба военных андроидов над Землёй, холодный чёрно-бело-серый интерьер, подвешенные панели данных, терминал лунного вещания, без персонажей, без логотипов. Композиция: широкий план, нижняя треть и центр читаемы для диалогового интерфейса, сильная глубина, сдержанная готическая научно-фантастическая геометрия. Стиль: мир сломанного разведывательного терминала YoRHa, приглушённые золотые тонкие огни, бледно-синее свечение мониторов, одинокое постапокалиптическое военное настроение. Текст: без текста. Ограничения: без читаемых логотипов, без людей, без водяных знаков, чистый фон, удобный для рантайма.»
«Создай чистый фон для рантайма визуальной новеллы в формате 16:9. Сцена: орбитальная командная палуба военных андроидов над Землёй, холодный чёрно-бело-серый интерьер, подвешенные панели данных, терминал лунного вещания, без персонажей, без логотипов. Композиция: широкий план, нижняя треть и центр читаемы для диалогового интерфейса, сильная глубина, сдержанная готическая научно-фантастическая геометрия. Стиль: мир сломанного разведывательного терминала YoRHa, приглушённые золотые тонкие огни, бледно-синее свечение мониторов, одинокое постапокалиптическое военное настроение. Текст: без текста. Ограничения: без читаемых логотипов, без людей, без водяных знаков, чистый фон, удобный для рантайма.»
Промпт фона (Руины парка развлечений)gpt-image-2
«Создай чистый фон для рантайма трагической научно-фантастической визуальной новеллы в формате 16:9. Сцена: заброшенная свадебная сцена в парке развлечений, построенная машинными формами жизни в подражание людям, сломанные огни карусели, бумажные цветы, растрескавшийся проход, жуткая арка часовни, без читаемого текста, без персонажей на переднем плане. Композиция: широкий план с чистой нижней третью для диалогового интерфейса. Стиль: постапокалиптическая машинная меланхолия, пепельно-серый и холодный белый с приглушённой праздничностью, пыль и упадок. Текст: без текста. Ограничения: без водяных знаков, без логотипов.»
«Создай чистый фон для рантайма трагической научно-фантастической визуальной новеллы в формате 16:9. Сцена: заброшенная свадебная сцена в парке развлечений, построенная машинными формами жизни в подражание людям, сломанные огни карусели, бумажные цветы, растрескавшийся проход, жуткая арка часовни, без читаемого текста, без персонажей на переднем плане. Композиция: широкий план с чистой нижней третью для диалогового интерфейса. Стиль: постапокалиптическая машинная меланхолия, пепельно-серый и холодный белый с приглушённой праздничностью, пыль и упадок. Текст: без текста. Ограничения: без водяных знаков, без логотипов.»
Промпт фона (Скопированный город)gpt-image-2
«Создай чистый фон для рантайма визуальной новеллы в формате 16:9. Сцена: белый скопированный город, пустая оболочка искусственного человеческого города, суровые минималистичные геометрические здания, глянцевый белый камень, бесконечная бледная пустота, слабые чёрные трещины и шум данных, без персонажей. Композиция: широкий план с чистой нижней третью для диалогового интерфейса, сильная перспектива с точкой схода. Стиль: клинический научно-фантастический минимализм, белый и бледно-серый с чёрными тонкими трещинами, тихо и тревожно. Текст: без текста. Ограничения: без людей, без водяных знаков, без логотипов, чистый фон, удобный для рантайма.»
«Создай чистый фон для рантайма визуальной новеллы в формате 16:9. Сцена: белый скопированный город, пустая оболочка искусственного человеческого города, суровые минималистичные геометрические здания, глянцевый белый камень, бесконечная бледная пустота, слабые чёрные трещины и шум данных, без персонажей. Композиция: широкий план с чистой нижней третью для диалогового интерфейса, сильная перспектива с точкой схода. Стиль: клинический научно-фантастический минимализм, белый и бледно-серый с чёрными тонкими трещинами, тихо и тревожно. Текст: без текста. Ограничения: без людей, без водяных знаков, без логотипов, чистый фон, удобный для рантайма.»
Почему стоит выбрать Neta Studio
Профессионально — облачная система-обвязка поддерживает полный рабочий процесс от построения мира до генерации ресурсов и публикации, всё работает в облаке без локальной настройки. Стабильный доступ к новейшим моделям: Claude Opus 5, GPT Image 2, DeepSeek V3.
Генерация в один клик — официально настроенные навыки ведут каждый шаг: построение мира, дизайн персонажей, генерация арта, вырезание спрайтов и упаковка. Обмен ресурсами через форк мира встроен.
Сообщество в первую очередь — пользователи создают неограниченное число миров, и каждый публичный мир можно форкнуть, переработать и переосмыслить.
Интерьер студии
‹
›
Студия
Студия
Студия
Начать создание
Этот интерфейс был сгенерирован Neta Studio AI из одного предложения. Мир занял минуты, ресурсы заняли минуты и сборка заняли минуты. Вы тоже можете это сделать — адаптируйте этот мир или начните с нуля на основе любой интеллектуальной собственности. Программирование не требуется, начать бесплатно.
×