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 重新開始。無需撰寫程式，免費即可開始。
×