YoRHa:Nier Automata — YoRHa 界面建构展示:互动式人造人界面体验|线上游玩

最终成品:YoRHa 界面建构展示
封面

封面美术:YoRHa 界面建构展示——以 GPT Image 2 生成的 16:9 主视觉
截图

实际建构:素材工作单元描绘角色立绘,界面工作单元则连接验证胶囊
截图

实际建构:ui.speaker_plate 在通讯日志中被框选并显现
截图

完成后的终端:界面、讯号监测器、2B 立绘、选项清单、通讯日志、分页器与自由行动输入栏
立绘
2B — 全身运行立绘,透明 PNG(背景已透过 BiRefNet 去除)
立绘
9S — 扫描型机体运行立绘,透明 PNG(背景已透过 BiRefNet 去除)
立绘
A2 — 叛逃原型机运行立绘,透明 PNG(背景已透过 BiRefNet 去除)
YoRHa 界面建构展示是对 YoRHa 界面语言的浏览器原生重建——YoRHa 是 2B、9S 与 A2 所听命的轨道人造人指挥系统。它不是静态的模拟图。载入页面后,界面仍在建构中:一个自主游标飞越画面,在每个元素周围画出方框、为它命名,并一步步将其显现。首先是背景与灯光,接着是扫描场与角色立绘,然后是界面、讯号监测器、验证胶囊、对话系统、故事文字,最后是选项清单。
当最后一块面板定位完成,你会得到一座可运作的 YoRHa 终端:一项救援讯号目标、一段配有发话者名牌与分页器的等宽字通讯日志、三个编号决策,以及一个能让你写下自己下一步行动的自由行动栏位。灰白色调、细黑边框与持续漂移的扫描线,让它保持冷冽、安静,且无疑是人造人的风格——正是这份克制,让原本的界面令人难以忘怀。
立即体验: 开启 YoRHa 互动界面 →
功能特色
- 自动组装界面 — 每一层界面都由分阶段的建构程序在你眼前绘制:方框描绘、扫描线、弹出、面板与打字机效果,每一项都标有其自身的运行元件名称,例如 ui.hud()、ui.signal_monitor 或 ui.dialogue_system。
- 道地的 YoRHa 视觉语言 — 灰白面板、细黑边框、硬边偏移阴影与单色字体,并由漂移的扫描场统合。原始人造人作业系统的克制美学,以即时网页的形式重新打造。
- 战术舞台与立绘打光 — 带有自身扫描场的灰阶废墟背景,加上投影打光程序,让全身角色立绘保持置中、清晰可读,并如指挥显示读数般被框住。
- 通讯日志对话系统 — 发话者名牌、逐字书写的等宽字故事文字、闪烁的「下一则」提示与 1/3 分页器。经典的冒险游戏对话区块,以 Pod 042 的声音说话。
- 分支选项清单 — 编号决策栏(01–03)将黑盒救援讯号化为可游玩的视觉小说桥段,随时能驱动你接上的任何叙事引擎。
- 自由行动输入 — 输入你自己的下一步行动、切换影像运算,并以确定按钮送出。这正是界面用来将控制权交还给玩家的同一个栏位。
- 免安装浏览器运行环境 — 纯粹的 HTML、CSS 与 JavaScript,无需建置步骤、无需下载。开启连结,终端便会自行启动。
界面
界面

建构阶段 1——在终端填入内容之前,废墟太空堡垒背景与界面框架率先显现
界面

建构阶段 2——素材工作单元描绘 asset.character_sprite,界面工作单元则连接 ui.auth_link
界面

建构阶段 3——通讯日志在编号一号机体旁逐字输入场景文字
界面

最终状态——完整成形的 YoRHa 终端,准备好迎接一项决策或自由形式的行动
背景

太空堡垒指挥甲板——终端氛围背后的世界美术,为 YoRHa: Nier Automata 世界生成
背景

黄昏时分的城市废墟——被植被撕裂的废弃高塔,终端所监看的地表世界
制作流程
第一阶段:世界建构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 个秘密,每一项都有专属的封面美术。
第二阶段:素材生成gpt-image-2
全身角色原稿、16:9 运行背景与封面主视觉皆以 GPT Image 2 生成。接着以 BiRefNet 将角色原稿去背成干净的透明 PNG,为舞台提供一套没有残留背景的立绘。
全身角色原稿、16:9 运行背景与封面主视觉皆以 GPT Image 2 生成。接着以 BiRefNet 将角色原稿去背成干净的透明 PNG,为舞台提供一套没有残留背景的立绘。
第三阶段:界面建构与发布claude-opus-5
YoRHa 界面——标题列、产品标签、讯号监测器、验证胶囊、战术舞台、选项清单、通讯日志、分页器与自由行动输入——组装为静态的 HTML、CSS 与 JavaScript 应用,并接上带有各元件标签的分阶段建构动画,最后以公开的体验连结发布。
YoRHa 界面——标题列、产品标签、讯号监测器、验证胶囊、战术舞台、选项清单、通讯日志、分页器与自由行动输入——组装为静态的 HTML、CSS 与 JavaScript 应用,并接上带有各元件标签的分阶段建构动画,最后以公开的体验连结发布。
素材提示词
素材提示词
界面模拟提示词gpt-image-2
「为风格确认建立一张 16:9 视觉小说界面模拟图。主题:以 9S 第一人称视角呈现、供悲剧科幻恋爱冒险游戏使用的损坏 YoRHa 情报终端界面。构图:空白背景图层,底部有半透明战术对话框,右上角为真相同步、信任、警戒的状态小元件与低调的选项按钮,无角色、无大型可辨识的版权标志。风格:黑、白、灰,低调金色细线边框、苍白蓝色扫描网格、细小红色错误代码点缀、末日科幻界面、优雅内敛的哥德军事风、受损的记忆档案库。文字:仅限极简的通用界面标签,避免冗长可读的段落。限制:无浮水印、无真实品牌标志、不杂乱,中央留空以放置角色立绘。」
「为风格确认建立一张 16:9 视觉小说界面模拟图。主题:以 9S 第一人称视角呈现、供悲剧科幻恋爱冒险游戏使用的损坏 YoRHa 情报终端界面。构图:空白背景图层,底部有半透明战术对话框,右上角为真相同步、信任、警戒的状态小元件与低调的选项按钮,无角色、无大型可辨识的版权标志。风格:黑、白、灰,低调金色细线边框、苍白蓝色扫描网格、细小红色错误代码点缀、末日科幻界面、优雅内敛的哥德军事风、受损的记忆档案库。文字:仅限极简的通用界面标签,避免冗长可读的段落。限制:无浮水印、无真实品牌标志、不杂乱,中央留空以放置角色立绘。」
立绘提示词(2B)gpt-image-2
「@2B / 寄叶二号 B 型,为视觉小说运行环境建立一张适合去背的 3:4 角色立绘原稿。主体:2B 站立,全身至膝盖,压抑而哀伤的表情,一手靠近剑柄,没有攻击动作,以 9S 的视角微微面向观看者。构图:角色置中,朴素的浅灰色无接缝背景,完整轮廓可见、无裁切、无文字。风格:冷冽的游戏概念美术,加上细腻的悲剧浪漫插画,黑色哥德风战斗制服、白色短发、战术目镜、纤细轮廓,单色黑、白、灰搭配低调金色细节。限制:背景简单以利去背,无其他角色、无浮水印、无标志、无血腥内容,边缘保持干净以利透明 PNG 去背。」
「@2B / 寄叶二号 B 型,为视觉小说运行环境建立一张适合去背的 3:4 角色立绘原稿。主体:2B 站立,全身至膝盖,压抑而哀伤的表情,一手靠近剑柄,没有攻击动作,以 9S 的视角微微面向观看者。构图:角色置中,朴素的浅灰色无接缝背景,完整轮廓可见、无裁切、无文字。风格:冷冽的游戏概念美术,加上细腻的悲剧浪漫插画,黑色哥德风战斗制服、白色短发、战术目镜、纤细轮廓,单色黑、白、灰搭配低调金色细节。限制:背景简单以利去背,无其他角色、无浮水印、无标志、无血腥内容,边缘保持干净以利透明 PNG 去背。」
背景提示词(城市废墟)gpt-image-2
「为视觉小说运行环境建立一张干净的 16:9 背景。场景:雨后黄昏的末日废墟城市,被植被撕裂的废弃混凝土高塔、断裂的高架道路、远方月光下的薄雾,前景附近有一小片白色花丛,无任何角色。构图:广角镜头,平静且清晰可读的中景,下方三分之一留空以适合对话界面,中央不过度复杂,具电影感景深。风格:冷冽的尼尔风格末日科幻游戏概念美术氛围,灰、白、黑,低调金色高光,灰尘与薄雾,忧郁而孤独。文字:无文字。限制:无人物、前景无机器人、无浮水印、无标志,适合运行环境的干净背景。」
「为视觉小说运行环境建立一张干净的 16:9 背景。场景:雨后黄昏的末日废墟城市,被植被撕裂的废弃混凝土高塔、断裂的高架道路、远方月光下的薄雾,前景附近有一小片白色花丛,无任何角色。构图:广角镜头,平静且清晰可读的中景,下方三分之一留空以适合对话界面,中央不过度复杂,具电影感景深。风格:冷冽的尼尔风格末日科幻游戏概念美术氛围,灰、白、黑,低调金色高光,灰尘与薄雾,忧郁而孤独。文字:无文字。限制:无人物、前景无机器人、无浮水印、无标志,适合运行环境的干净背景。」
背景提示词(太空堡垒指挥甲板)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 的人工智慧以一句话生成。世界只花了几分钟,素材只花了几分钟,建构也只花了几分钟。你也能做到——改编这个世界,或从任何 IP 重新开始。无需撰写程式,免费即可开始。
×