YoRHa : Nier Automata — Vitrine de l'interface YoRHa : une expérience d'interface androïde interactive | Jouer en ligne
Produit final : Vitrine de l'interface YoRHa
Couverture
Illustration de couverture : Vitrine de l'interface YoRHa — un visuel clé 16:9 généré avec GPT Image 2
Capture d'écran
Construction réelle : l'ouvrier d'assets trace le sprite du personnage tandis que l'ouvrier d'interface relie la pilule d'authentification
Capture d'écran
Construction réelle : ui.speaker_plate est encadré et révélé dans le journal de communication
Capture d'écran
Le terminal achevé : HUD, moniteur de signal, sprite de 2B, liste de choix, journal de communication, paginateur et champ d'action libre
Sprite
2B — sprite d'exécution en pied, PNG transparent (arrière-plan supprimé avec BiRefNet)
Sprite
9S — sprite d'exécution de l'unité de balayage, PNG transparent (arrière-plan supprimé avec BiRefNet)
Sprite
A2 — sprite d'exécution du prototype déserteur, PNG transparent (arrière-plan supprimé avec BiRefNet)
La vitrine de l'interface YoRHa est une reconstruction native au navigateur du langage d'interface de YoRHa — le système de commandement orbital des androïdes auquel répondent 2B, 9S et A2. Ce n'est pas une maquette statique. Vous chargez la page et l'interface est encore en construction : un curseur autonome vole à travers l'écran, dessine un cadre autour de chaque élément, le nomme et le révèle une étape à la fois. D'abord l'arrière-plan et l'éclairage, puis le champ de balayage et le sprite du personnage, puis le HUD, le moniteur de signal, la pilule d'authentification, le système de dialogue, le texte de l'histoire et enfin la liste de choix.
Lorsque le dernier panneau se stabilise, il vous reste un terminal YoRHa fonctionnel : un objectif de signal de détresse, un journal de communication à chasse fixe avec une plaque de locuteur et un paginateur, trois décisions numérotées et un champ d'action libre qui vous permet d'écrire votre propre prochaine action. Le blanc cendre, les bordures noires en cheveu et une ligne de balayage en dérive permanente lui gardent un aspect froid, silencieux et incontestablement androïde — la même retenue qui a rendu l'interface originale inoubliable.
Jouez maintenant : Ouvrir l'interface YoRHa en direct →
Fonctionnalités
- Interface auto-assemblante — chaque couche du HUD est dessinée devant vous par une passe de construction scénarisée : effets de tracé de cadre, ligne de balayage, apparition, panneau et machine à écrire, chacun étiqueté avec son propre nom de composant d'exécution tel que ui.hud(), ui.signal_monitor ou ui.dialogue_system.
- Langage visuel YoRHa authentique — des panneaux blanc cendre, des bordures noires en cheveu, des ombres dures décalées et une typographie monochrome, maintenus ensemble par un champ de balayage en dérive. La retenue de l'OS androïde original, reconstruite comme une page web vivante.
- Scène tactique et éclairage des sprites — une toile de fond de ruines en niveaux de gris avec son propre champ de balayage et une passe de mise en scène par ombre portée gardent le sprite du personnage en pied centré, lisible et cadré comme une lecture d'affichage de commandement.
- Système de dialogue du journal de communication — une plaque de locuteur, un texte d'histoire à chasse fixe écrit caractère par caractère, une invite NEXT pulsante et un paginateur 1/3. Le bloc de conversation AVG classique, s'exprimant avec la voix de Pod 042.
- Liste de choix ramifiée — une colonne de décisions numérotées (01–03) présente le signal de détresse de la boîte noire comme un moment de visual novel jouable, prêt à piloter le moteur narratif que vous y connecterez.
- Saisie d'action libre — tapez votre propre prochaine action, activez ou désactivez le calcul d'image et validez-la avec le bouton de confirmation. Le même champ que l'interface utilise pour rendre le contrôle au joueur.
- Exécution navigateur sans installation — HTML, CSS et JavaScript purs, sans étape de compilation ni téléchargement. Ouvrez le lien et le terminal démarre tout seul.
Interface
UI
Phase de construction 1 — le décor du Bunker en ruine et le cadre du HUD sont révélés avant que le terminal ne soit rempli
UI
Phase de construction 2 — l'ouvrier d'assets trace asset.character_sprite tandis que l'ouvrier d'interface relie ui.auth_link
UI
Phase de construction 3 — le journal de communication saisit le texte de la scène à côté de l'unité numéro un
UI
État final — le terminal YoRHa complet, prêt pour une décision ou une action libre
BG
Pont de commandement du Bunker — l'art du monde derrière l'ambiance du terminal, généré pour le monde YoRHa: Nier Automata
BG
Ruines de la ville au crépuscule — tours abandonnées fendues par la végétation, le monde de surface que le terminal surveille
Processus de production
Étape 1 : Construction du mondeclaude-opus-5
Une seule phrase produit le monde YoRHa: Nier Automata — 25 cartes atomes couvrant 7 personnages (2B, 9S, A2, Commandant White, Pascal, Adam, Eve), 8 lieux (Bunker, Ruines de la ville, Camp de la Résistance, Village des machines, Ruines du parc d'attractions, Royaume de la forêt, Ville copiée, La Tour), 3 événements, 4 entrées de lore et 3 secrets, chacun avec sa propre illustration de couverture.
Une seule phrase produit le monde YoRHa: Nier Automata — 25 cartes atomes couvrant 7 personnages (2B, 9S, A2, Commandant White, Pascal, Adam, Eve), 8 lieux (Bunker, Ruines de la ville, Camp de la Résistance, Village des machines, Ruines du parc d'attractions, Royaume de la forêt, Ville copiée, La Tour), 3 événements, 4 entrées de lore et 3 secrets, chacun avec sa propre illustration de couverture.
Étape 2 : Génération des assetsgpt-image-2
Les sources de personnages en pied, les arrière-plans d'exécution 16:9 et l'illustration clé de couverture sont générés avec GPT Image 2. Les sources des personnages sont ensuite détourées en PNG transparents propres avec BiRefNet, offrant à la scène un ensemble de sprites sans arrière-plan résiduel.
Les sources de personnages en pied, les arrière-plans d'exécution 16:9 et l'illustration clé de couverture sont générés avec GPT Image 2. Les sources des personnages sont ensuite détourées en PNG transparents propres avec BiRefNet, offrant à la scène un ensemble de sprites sans arrière-plan résiduel.
Étape 3 : Construction de l'interface et publicationclaude-opus-5
Le HUD YoRHa — barre d'en-tête, badge produit, moniteur de signal, pilule d'authentification, scène tactique, liste de choix, journal de communication, paginateur et champ d'action libre — est assemblé comme une application HTML, CSS et JavaScript statique, reliée à une animation de construction scénarisée avec des étiquettes par composant, puis publiée avec un lien de jeu public.
Le HUD YoRHa — barre d'en-tête, badge produit, moniteur de signal, pilule d'authentification, scène tactique, liste de choix, journal de communication, paginateur et champ d'action libre — est assemblé comme une application HTML, CSS et JavaScript statique, reliée à une animation de construction scénarisée avec des étiquettes par composant, puis publiée avec un lien de jeu public.
Prompts d'assets
Prompts d'assets
Prompt de maquette d'interfacegpt-image-2
« Créez une maquette d'interface de visual novel 16:9 pour confirmation de style. Sujet : une interface de terminal d'intelligence YoRHa brisée pour un AVG de romance sci-fi tragique du point de vue à la première personne de 9S. Composition : couche d'arrière-plan vide avec une boîte de dialogue tactique translucide en bas, widgets d'état en haut à droite pour Truth Sync, Trust, Alert, boutons d'option subtils, aucun personnage, pas de grands logos protégés lisibles. Style : bordures noires, blanches, gris cendre et or atténué en cheveu, grille de balayage bleu pâle, minuscules accents de code d'erreur rouge, HUD sci-fi post-apocalyptique, retenue militaire gothique élégante, archive de mémoire endommagée. Texte : uniquement des étiquettes d'interface génériques minimales, évitez les longs paragraphes lisibles. Contraintes : pas de filigrane, pas de vrais logos de marque, pas d'encombrement, laissez le centre libre pour les sprites de personnages. »
« Créez une maquette d'interface de visual novel 16:9 pour confirmation de style. Sujet : une interface de terminal d'intelligence YoRHa brisée pour un AVG de romance sci-fi tragique du point de vue à la première personne de 9S. Composition : couche d'arrière-plan vide avec une boîte de dialogue tactique translucide en bas, widgets d'état en haut à droite pour Truth Sync, Trust, Alert, boutons d'option subtils, aucun personnage, pas de grands logos protégés lisibles. Style : bordures noires, blanches, gris cendre et or atténué en cheveu, grille de balayage bleu pâle, minuscules accents de code d'erreur rouge, HUD sci-fi post-apocalyptique, retenue militaire gothique élégante, archive de mémoire endommagée. Texte : uniquement des étiquettes d'interface génériques minimales, évitez les longs paragraphes lisibles. Contraintes : pas de filigrane, pas de vrais logos de marque, pas d'encombrement, laissez le centre libre pour les sprites de personnages. »
Prompt de sprite (2B)gpt-image-2
« @2B / YoRHa No.2 Type B, Créez une source de sprite de personnage 3:4 adaptée au détourage pour une exécution de visual novel. Sujet : 2B debout, corps entier jusqu'aux genoux, expression triste et retenue, une main près de la garde de l'épée, pas d'attaque en action, tournée légèrement vers le spectateur tel que vu par 9S. Composition : personnage centré, arrière-plan uni gris clair sans couture, silhouette complète visible sans recadrage, pas de texte. Style : concept art de jeu froid et CG de romance tragique délicat, uniforme de combat gothique noir, cheveux courts blancs, visière tactique, silhouette fine, détails monochromes noir blanc gris or atténué. Contraintes : arrière-plan simple pour la suppression d'arrière-plan, pas d'autres personnages, pas de filigrane, pas de logos, pas de gore, gardez les bords propres pour un détourage PNG transparent. »
« @2B / YoRHa No.2 Type B, Créez une source de sprite de personnage 3:4 adaptée au détourage pour une exécution de visual novel. Sujet : 2B debout, corps entier jusqu'aux genoux, expression triste et retenue, une main près de la garde de l'épée, pas d'attaque en action, tournée légèrement vers le spectateur tel que vu par 9S. Composition : personnage centré, arrière-plan uni gris clair sans couture, silhouette complète visible sans recadrage, pas de texte. Style : concept art de jeu froid et CG de romance tragique délicat, uniforme de combat gothique noir, cheveux courts blancs, visière tactique, silhouette fine, détails monochromes noir blanc gris or atténué. Contraintes : arrière-plan simple pour la suppression d'arrière-plan, pas d'autres personnages, pas de filigrane, pas de logos, pas de gore, gardez les bords propres pour un détourage PNG transparent. »
Prompt d'arrière-plan (Ruines de la ville)gpt-image-2
« Créez un arrière-plan propre 16:9 pour une exécution de visual novel. Scène : ville en ruine post-apocalyptique au crépuscule après la pluie, tours de béton abandonnées fendues par la végétation, route surélevée brisée, brume de clair de lune au loin, un petit carré de fleurs blanches près du premier plan, aucun personnage. Composition : plan large, plan moyen calme et lisible, tiers inférieur vide adapté à l'interface de dialogue, centre pas trop chargé, profondeur cinématographique. Style : atmosphère de concept art de jeu sci-fi post-apocalyptique froide à la NieR, gris cendre, blanc, noir, reflets or atténué, poussière et brume, mélancolique et solitaire. Texte : pas de texte. Contraintes : pas de personnes, pas de robots au premier plan, pas de filigrane, pas de logos, arrière-plan propre adapté à l'exécution. »
« Créez un arrière-plan propre 16:9 pour une exécution de visual novel. Scène : ville en ruine post-apocalyptique au crépuscule après la pluie, tours de béton abandonnées fendues par la végétation, route surélevée brisée, brume de clair de lune au loin, un petit carré de fleurs blanches près du premier plan, aucun personnage. Composition : plan large, plan moyen calme et lisible, tiers inférieur vide adapté à l'interface de dialogue, centre pas trop chargé, profondeur cinématographique. Style : atmosphère de concept art de jeu sci-fi post-apocalyptique froide à la NieR, gris cendre, blanc, noir, reflets or atténué, poussière et brume, mélancolique et solitaire. Texte : pas de texte. Contraintes : pas de personnes, pas de robots au premier plan, pas de filigrane, pas de logos, arrière-plan propre adapté à l'exécution. »
Prompt d'arrière-plan (Pont de commandement du Bunker)gpt-image-2
« Créez un arrière-plan d'exécution propre 16:9 pour un visual novel. Scène : un pont de commandement militaire d'androïdes orbital au-dessus de la Terre, intérieur froid noir-blanc-gris, panneaux de données suspendus, terminal de diffusion lunaire, aucun personnage, aucun logo. Composition : plan large, tiers inférieur et centre lisibles pour l'interface de dialogue, forte profondeur, géométrie sci-fi gothique retenue. Style : monde de terminal d'intelligence YoRHa brisé, lumières or atténué en cheveu, lueur d'écran bleu pâle, ambiance militaire post-apocalyptique solitaire. Texte : pas de texte. Contraintes : pas de logos lisibles, pas de personnes, pas de filigrane, arrière-plan propre adapté à l'exécution. »
« Créez un arrière-plan d'exécution propre 16:9 pour un visual novel. Scène : un pont de commandement militaire d'androïdes orbital au-dessus de la Terre, intérieur froid noir-blanc-gris, panneaux de données suspendus, terminal de diffusion lunaire, aucun personnage, aucun logo. Composition : plan large, tiers inférieur et centre lisibles pour l'interface de dialogue, forte profondeur, géométrie sci-fi gothique retenue. Style : monde de terminal d'intelligence YoRHa brisé, lumières or atténué en cheveu, lueur d'écran bleu pâle, ambiance militaire post-apocalyptique solitaire. Texte : pas de texte. Contraintes : pas de logos lisibles, pas de personnes, pas de filigrane, arrière-plan propre adapté à l'exécution. »
Prompt d'arrière-plan (Ruines du parc d'attractions)gpt-image-2
« Créez un arrière-plan d'exécution propre 16:9 pour un visual novel sci-fi tragique. Scène : scène de mariage d'un parc d'attractions abandonné construite par des formes de vie machines imitant les humains, lumières de carrousel brisées, fleurs en papier, allée fissurée, arche de chapelle étrange, pas de texte lisible, pas de personnages au premier plan. Composition : plan large avec un tiers inférieur propre pour l'interface de dialogue. Style : mélancolie de machine post-apocalyptique, gris cendre et blanc froid avec festivité atténuée, poussière et décrépitude. Texte : pas de texte. Contraintes : pas de filigrane, pas de logos. »
« Créez un arrière-plan d'exécution propre 16:9 pour un visual novel sci-fi tragique. Scène : scène de mariage d'un parc d'attractions abandonné construite par des formes de vie machines imitant les humains, lumières de carrousel brisées, fleurs en papier, allée fissurée, arche de chapelle étrange, pas de texte lisible, pas de personnages au premier plan. Composition : plan large avec un tiers inférieur propre pour l'interface de dialogue. Style : mélancolie de machine post-apocalyptique, gris cendre et blanc froid avec festivité atténuée, poussière et décrépitude. Texte : pas de texte. Contraintes : pas de filigrane, pas de logos. »
Prompt d'arrière-plan (Ville copiée)gpt-image-2
« Créez un arrière-plan d'exécution propre 16:9 pour un visual novel. Scène : ville blanche copiée, coque de ville humaine artificielle vide, bâtiments géométriques minimaux et austères, pierre blanche brillante, vide pâle sans fin, fines fissures noires et bruit de données, aucun personnage. Composition : plan large avec un tiers inférieur propre pour l'interface de dialogue, fort point de fuite en perspective. Style : minimalisme sci-fi clinique, blanc et gris pâle avec fines fissures noires, calme et troublant. Texte : pas de texte. Contraintes : pas de personnes, pas de filigrane, pas de logos, arrière-plan propre adapté à l'exécution. »
« Créez un arrière-plan d'exécution propre 16:9 pour un visual novel. Scène : ville blanche copiée, coque de ville humaine artificielle vide, bâtiments géométriques minimaux et austères, pierre blanche brillante, vide pâle sans fin, fines fissures noires et bruit de données, aucun personnage. Composition : plan large avec un tiers inférieur propre pour l'interface de dialogue, fort point de fuite en perspective. Style : minimalisme sci-fi clinique, blanc et gris pâle avec fines fissures noires, calme et troublant. Texte : pas de texte. Contraintes : pas de personnes, pas de filigrane, pas de logos, arrière-plan propre adapté à l'exécution. »
Pourquoi choisir Neta Studio
Professionnel — un système de harnais cloud prend en charge le flux de travail complet, de la construction du monde à la génération d'assets jusqu'à la publication, le tout exécuté dans le cloud sans installation locale. Accès stable aux derniers modèles : Claude Opus 5, GPT Image 2, DeepSeek V3.
Génération en un clic — des compétences officiellement réglées pilotent chaque étape : construction du monde, conception de personnages, génération artistique, détourage de sprites et packaging. Le partage de ressources par fork de monde est intégré.
La communauté d'abord — les utilisateurs créent des mondes illimités, et chaque monde public peut être forké, remixé et réimaginé.
Intérieur du studio
‹
›
Studio
Studio
Studio
Commencer à créer
Cette interface a été générée par Neta Studio AI à partir d'une seule phrase. Le monde a pris quelques minutes, les assets quelques minutes et la construction quelques minutes. Vous pouvez le faire aussi — adaptez ce monde ou repartez de zéro à partir de n'importe quelle IP. Aucun codage requis, gratuit pour commencer.
×