YoRHa: Nier Automata — Vitrine de Interface YoRHa: Uma Experiência de Interface Android Interativa | Jogue Online
Produto Final: Vitrine de Interface YoRHa
Capa
Arte de capa: Vitrine de Interface YoRHa — um key visual 16:9 gerado com o GPT Image 2
Captura de tela
Construção real: o worker de assets traça o sprite do personagem enquanto o worker de UI conecta a pílula de autenticação
Captura de tela
Construção real: ui.speaker_plate é destacado e revelado dentro do registro de comunicação
Captura de tela
O terminal finalizado: HUD, monitor de sinal, sprite da 2B, lista de escolhas, registro de comunicação, paginador e campo de ação livre
Sprite
2B — sprite de runtime de corpo inteiro, PNG transparente (fundo removido com BiRefNet)
Sprite
9S — sprite de runtime da unidade de varredura, PNG transparente (fundo removido com BiRefNet)
Sprite
A2 — sprite de runtime da desertora protótipo, PNG transparente (fundo removido com BiRefNet)
A Vitrine de Interface YoRHa é uma reconstrução nativa de navegador da linguagem de interface de YoRHa — o sistema de comando orbital dos androides ao qual 2B, 9S e A2 respondem. Não é uma maquete estática. Você carrega a página e a interface ainda está sendo construída: um cursor autônomo voa pela tela, desenha uma caixa em torno de cada elemento, nomeia-o e o revela um passo de cada vez. Primeiro o fundo e a iluminação, depois o campo de varredura e o sprite do personagem, em seguida o HUD, o monitor de sinal, a pílula de autenticação, o sistema de diálogo, o texto da história e, por fim, a lista de escolhas.
Quando o último painel se acomoda, você fica com um terminal YoRHa funcional: um objetivo de sinal de resgate, um registro de comunicação monoespaçado com uma placa de interlocutor e paginador, três decisões numeradas e um campo de ação livre que permite escrever o seu próprio próximo movimento. Branco-cinza, bordas pretas finíssimas e uma scanline em permanente deriva mantêm tudo frio, silencioso e inconfundivelmente android — a mesma contenção que tornou a interface original inesquecível.
Jogue agora: Abrir a interface YoRHa ao vivo →
Recursos
- Interface Auto-Montável — cada camada do HUD é desenhada diante de você por uma passagem de construção encenada: efeitos de desenho de caixa, scanline, pop, painel e máquina de escrever, cada um rotulado com o nome do seu próprio componente de runtime, como ui.hud(), ui.signal_monitor ou ui.dialogue_system.
- Linguagem Visual YoRHa Autêntica — painéis branco-cinza, bordas pretas finíssimas, sombras deslocadas marcadas e tipografia monocromática, unidos por um campo de varredura em deriva. A contenção do sistema operacional android original, reconstruída como uma página web ao vivo.
- Palco Tático e Iluminação de Sprites — um cenário de ruínas em escala de cinza com seu próprio campo de varredura e uma passagem de encenação com sombra projetada mantém o sprite de corpo inteiro do personagem centralizado, legível e enquadrado como uma leitura de display de comando.
- Sistema de Diálogo com Registro de Comunicação — uma placa de interlocutor, texto da história em fonte monoespaçada escrito caractere por caractere, um prompt NEXT pulsante e um paginador 1/3. O clássico bloco de conversa de AVG, falando com a voz do Pod 042.
- Lista de Escolhas Ramificada — uma coluna de decisões numerada (01–03) enquadra o sinal de resgate da caixa-preta como um momento jogável de visual novel, pronto para comandar qualquer motor narrativo ao qual você o conecte.
- Campo de Ação Livre — digite o seu próprio próximo movimento, alterne o cálculo de imagem e confirme-o com o botão de finalizar. O mesmo campo que a interface usa para devolver o controle ao jogador.
- Runtime de Navegador Sem Instalação — HTML, CSS e JavaScript puros, sem etapa de build e sem download. Abra o link e o terminal se inicializa sozinho.
Interface
UI
Fase de construção 1 — o cenário de fundo da Bunker em ruínas e a moldura do HUD são revelados antes de o terminal ser preenchido
UI
Fase de construção 2 — o worker de assets traça asset.character_sprite enquanto o worker de UI conecta ui.auth_link
UI
Fase de construção 3 — o registro de comunicação digita o texto da cena ao lado da unidade número um
UI
Estado final — o terminal YoRHa completo, pronto para uma decisão ou uma ação livre
Fundo
Deck de comando da Bunker — a arte do mundo por trás do clima do terminal, gerada para o mundo YoRHa: Nier Automata
Fundo
Ruínas da Cidade ao anoitecer — torres abandonadas divididas pela vegetação, o mundo da superfície que o terminal observa
Processo de Produção
Etapa 1: Construção do Mundoclaude-opus-5
Uma única frase produz o mundo YoRHa: Nier Automata — 25 cartões de átomo cobrindo 7 personagens (2B, 9S, A2, Comandante White, Pascal, Adam, Eve), 8 locais (Bunker, Ruínas da Cidade, Acampamento da Resistência, Aldeia das Máquinas, Ruínas do Parque de Diversões, Reino da Floresta, Cidade Copiada, A Torre), 3 eventos, 4 entradas de lore e 3 segredos, cada um com sua própria arte de capa.
Uma única frase produz o mundo YoRHa: Nier Automata — 25 cartões de átomo cobrindo 7 personagens (2B, 9S, A2, Comandante White, Pascal, Adam, Eve), 8 locais (Bunker, Ruínas da Cidade, Acampamento da Resistência, Aldeia das Máquinas, Ruínas do Parque de Diversões, Reino da Floresta, Cidade Copiada, A Torre), 3 eventos, 4 entradas de lore e 3 segredos, cada um com sua própria arte de capa.
Etapa 2: Geração de Assetsgpt-image-2
As fontes de personagens de corpo inteiro, os fundos de runtime em 16:9 e a arte-chave da capa são gerados com o GPT Image 2. As fontes dos personagens passam então por remoção de fundo para PNGs transparentes limpos com o BiRefNet, dando ao palco um conjunto de sprites sem fundo residual.
As fontes de personagens de corpo inteiro, os fundos de runtime em 16:9 e a arte-chave da capa são gerados com o GPT Image 2. As fontes dos personagens passam então por remoção de fundo para PNGs transparentes limpos com o BiRefNet, dando ao palco um conjunto de sprites sem fundo residual.
Etapa 3: Construção e Publicação da Interfaceclaude-opus-5
O HUD YoRHa — barra de cabeçalho, selo do produto, monitor de sinal, pílula de autenticação, palco tático, lista de escolhas, registro de comunicação, paginador e campo de ação livre — é montado como um aplicativo estático de HTML, CSS e JavaScript, conectado a uma animação de construção encenada com rótulos por componente e, em seguida, publicado com um link público de jogo.
O HUD YoRHa — barra de cabeçalho, selo do produto, monitor de sinal, pílula de autenticação, palco tático, lista de escolhas, registro de comunicação, paginador e campo de ação livre — é montado como um aplicativo estático de HTML, CSS e JavaScript, conectado a uma animação de construção encenada com rótulos por componente e, em seguida, publicado com um link público de jogo.
Prompts de Assets
Prompts de Assets
Prompt de Mock de Interfacegpt-image-2
"Crie um mock de UI de visual novel em 16:9 para confirmação de estilo. Assunto: uma interface quebrada de terminal de inteligência YoRHa para um AVG de romance sci-fi trágico, da perspectiva em primeira pessoa de 9S. Composição: camada de fundo vazia com caixa de diálogo tática translúcida na parte inferior, widgets de status no canto superior direito para Sincronização da Verdade, Confiança e Alerta, botões de opção discretos, sem personagem, sem logotipos grandes e legíveis protegidos por direitos autorais. Estilo: preto, branco, cinza-cinza, bordas finíssimas em ouro suave, grade de varredura azul-clara, pequenos acentos de código de erro em vermelho, HUD sci-fi pós-apocalíptico, contenção militar gótica elegante, arquivo de memória danificado. Texto: apenas rótulos de UI genéricos e mínimos, evite parágrafos longos e legíveis. Restrições: sem marca d'água, sem logotipos de marcas reais, sem poluição visual, deixe o centro livre para sprites de personagens."
"Crie um mock de UI de visual novel em 16:9 para confirmação de estilo. Assunto: uma interface quebrada de terminal de inteligência YoRHa para um AVG de romance sci-fi trágico, da perspectiva em primeira pessoa de 9S. Composição: camada de fundo vazia com caixa de diálogo tática translúcida na parte inferior, widgets de status no canto superior direito para Sincronização da Verdade, Confiança e Alerta, botões de opção discretos, sem personagem, sem logotipos grandes e legíveis protegidos por direitos autorais. Estilo: preto, branco, cinza-cinza, bordas finíssimas em ouro suave, grade de varredura azul-clara, pequenos acentos de código de erro em vermelho, HUD sci-fi pós-apocalíptico, contenção militar gótica elegante, arquivo de memória danificado. Texto: apenas rótulos de UI genéricos e mínimos, evite parágrafos longos e legíveis. Restrições: sem marca d'água, sem logotipos de marcas reais, sem poluição visual, deixe o centro livre para sprites de personagens."
Prompt de Sprite (2B)gpt-image-2
"@2B / YoRHa No.2 Type B, crie uma fonte de sprite de personagem de 3:4 adequada para recorte, para um runtime de visual novel. Assunto: 2B em pé, corpo inteiro até os joelhos, expressão triste e contida, uma mão perto do punho da espada, sem ataque em ação, voltada levemente para o espectador conforme visto por 9S. Composição: personagem centralizado, fundo simples cinza-claro uniforme, silhueta completa visível sem cortes, sem texto. Estilo: concept art fria de jogo mais CG delicada de romance trágico, uniforme de combate gótico preto, cabelo curto branco, visor tático, silhueta esguia, detalhes monocromáticos em preto, branco, cinza e ouro suave. Restrições: fundo simples para remoção de fundo, sem outros personagens, sem marca d'água, sem logotipos, sem sangue, mantenha as bordas limpas para recorte em PNG transparente."
"@2B / YoRHa No.2 Type B, crie uma fonte de sprite de personagem de 3:4 adequada para recorte, para um runtime de visual novel. Assunto: 2B em pé, corpo inteiro até os joelhos, expressão triste e contida, uma mão perto do punho da espada, sem ataque em ação, voltada levemente para o espectador conforme visto por 9S. Composição: personagem centralizado, fundo simples cinza-claro uniforme, silhueta completa visível sem cortes, sem texto. Estilo: concept art fria de jogo mais CG delicada de romance trágico, uniforme de combate gótico preto, cabelo curto branco, visor tático, silhueta esguia, detalhes monocromáticos em preto, branco, cinza e ouro suave. Restrições: fundo simples para remoção de fundo, sem outros personagens, sem marca d'água, sem logotipos, sem sangue, mantenha as bordas limpas para recorte em PNG transparente."
Prompt de Fundo (Ruínas da Cidade)gpt-image-2
"Crie um fundo limpo em 16:9 para um runtime de visual novel. Cena: cidade em ruínas pós-apocalíptica ao anoitecer após a chuva, torres de concreto abandonadas divididas pela vegetação, via elevada quebrada, névoa de luar distante, um pequeno trecho de flores brancas perto do primeiro plano, sem personagens. Composição: plano amplo, plano médio calmo e legível, terço inferior vazio adequado para UI de diálogo, centro não muito carregado, profundidade cinematográfica. Estilo: atmosfera fria de concept art de jogo sci-fi pós-apocalíptico à la NieR, cinza-cinza, branco, preto, realces em ouro suave, poeira e névoa, melancólico e solitário. Texto: sem texto. Restrições: sem pessoas, sem robôs em primeiro plano, sem marca d'água, sem logotipos, fundo limpo e adequado para runtime."
"Crie um fundo limpo em 16:9 para um runtime de visual novel. Cena: cidade em ruínas pós-apocalíptica ao anoitecer após a chuva, torres de concreto abandonadas divididas pela vegetação, via elevada quebrada, névoa de luar distante, um pequeno trecho de flores brancas perto do primeiro plano, sem personagens. Composição: plano amplo, plano médio calmo e legível, terço inferior vazio adequado para UI de diálogo, centro não muito carregado, profundidade cinematográfica. Estilo: atmosfera fria de concept art de jogo sci-fi pós-apocalíptico à la NieR, cinza-cinza, branco, preto, realces em ouro suave, poeira e névoa, melancólico e solitário. Texto: sem texto. Restrições: sem pessoas, sem robôs em primeiro plano, sem marca d'água, sem logotipos, fundo limpo e adequado para runtime."
Prompt de Fundo (Deck de Comando da Bunker)gpt-image-2
"Crie um fundo limpo de runtime em 16:9 para uma visual novel. Cena: um deck de comando militar orbital de androides acima da Terra, interior frio em preto, branco e cinza, painéis de dados suspensos, terminal de transmissão lunar, sem personagens, sem logotipos. Composição: plano amplo, terço inferior e centro legíveis para UI de diálogo, forte profundidade, geometria sci-fi gótica e contida. Estilo: mundo do terminal de inteligência YoRHa quebrado, luzes finíssimas em ouro suave, brilho pálido azul de monitores, clima militar pós-apocalíptico e solitário. Texto: sem texto. Restrições: sem logotipos legíveis, sem pessoas, sem marca d'água, fundo limpo e adequado para runtime."
"Crie um fundo limpo de runtime em 16:9 para uma visual novel. Cena: um deck de comando militar orbital de androides acima da Terra, interior frio em preto, branco e cinza, painéis de dados suspensos, terminal de transmissão lunar, sem personagens, sem logotipos. Composição: plano amplo, terço inferior e centro legíveis para UI de diálogo, forte profundidade, geometria sci-fi gótica e contida. Estilo: mundo do terminal de inteligência YoRHa quebrado, luzes finíssimas em ouro suave, brilho pálido azul de monitores, clima militar pós-apocalíptico e solitário. Texto: sem texto. Restrições: sem logotipos legíveis, sem pessoas, sem marca d'água, fundo limpo e adequado para runtime."
Prompt de Fundo (Ruínas do Parque de Diversões)gpt-image-2
"Crie um fundo limpo de runtime em 16:9 para uma visual novel sci-fi trágica. Cena: palco de casamento de um parque de diversões abandonado, construído por formas de vida máquina imitando humanos, luzes de carrossel quebradas, flores de papel, corredor rachado, arco de capela sinistro, sem texto legível, sem personagens em primeiro plano. Composição: plano amplo com um terço inferior limpo para UI de diálogo. Estilo: melancolia de máquina pós-apocalíptica, cinza-cinza e branco frio com festividade contida, poeira e decadência. Texto: sem texto. Restrições: sem marca d'água, sem logotipos."
"Crie um fundo limpo de runtime em 16:9 para uma visual novel sci-fi trágica. Cena: palco de casamento de um parque de diversões abandonado, construído por formas de vida máquina imitando humanos, luzes de carrossel quebradas, flores de papel, corredor rachado, arco de capela sinistro, sem texto legível, sem personagens em primeiro plano. Composição: plano amplo com um terço inferior limpo para UI de diálogo. Estilo: melancolia de máquina pós-apocalíptica, cinza-cinza e branco frio com festividade contida, poeira e decadência. Texto: sem texto. Restrições: sem marca d'água, sem logotipos."
Prompt de Fundo (Cidade Copiada)gpt-image-2
"Crie um fundo limpo de runtime em 16:9 para uma visual novel. Cena: cidade copiada branca, casca vazia de uma cidade humana artificial, edifícios geométricos minimalistas e sóbrios, pedra branca polida, vazio pálido sem fim, rachaduras pretas tênues e ruído de dados, sem personagens. Composição: plano amplo com terço inferior limpo para UI de diálogo, forte ponto de fuga em perspectiva. Estilo: minimalismo sci-fi clínico, branco e cinza pálido com rachaduras finíssimas pretas, silencioso e inquietante. Texto: sem texto. Restrições: sem pessoas, sem marca d'água, sem logotipos, fundo limpo e adequado para runtime."
"Crie um fundo limpo de runtime em 16:9 para uma visual novel. Cena: cidade copiada branca, casca vazia de uma cidade humana artificial, edifícios geométricos minimalistas e sóbrios, pedra branca polida, vazio pálido sem fim, rachaduras pretas tênues e ruído de dados, sem personagens. Composição: plano amplo com terço inferior limpo para UI de diálogo, forte ponto de fuga em perspectiva. Estilo: minimalismo sci-fi clínico, branco e cinza pálido com rachaduras finíssimas pretas, silencioso e inquietante. Texto: sem texto. Restrições: sem pessoas, sem marca d'água, sem logotipos, fundo limpo e adequado para runtime."
Por Que Escolher o Neta Studio
Profissional — um sistema de harness em nuvem suporta todo o fluxo de trabalho, da construção do mundo à geração de assets e à publicação, tudo rodando na nuvem sem configuração local. Acesso estável aos modelos mais recentes: Claude Opus 5, GPT Image 2, DeepSeek V3.
Geração com um clique — skills oficialmente ajustadas conduzem cada etapa: construção do mundo, design de personagens, geração de arte, recorte de sprites e empacotamento. O compartilhamento de recursos via fork de mundos já vem integrado.
Comunidade em primeiro lugar — os usuários criam mundos ilimitados, e todo mundo público pode ser bifurcado, remixado e reimaginado.
Interior do Studio
‹
›
Studio
Studio
Studio
Comece a Criar
Esta interface foi gerada pela IA do Neta Studio a partir de uma única frase. O mundo levou minutos, os assets levaram minutos e a construção levou minutos. Você também pode fazer isso — adapte este mundo ou comece do zero a partir de qualquer IP. Não é necessário programar, e começar é grátis.
×