旅行奶蛙 — 打包行囊、送牠出門,帶回一件曠世傑作 | Neta Studio

玩旅行奶蛙,一款免費的瀏覽器像素小屋收藏遊戲:採收錢草,替奶油黃的奶蛙吉祥物打理行囊並送牠出門,帶回橫跨 16 個展廳、共 94 件世界名畫的奶蛙版再創作——外加信件與可掛上牆的旅行明信片。免安裝、免註冊、無廣告。於 Neta Studio 中建構並發佈。
最終成品:旅行奶蛙



旅行奶蛙是一款免費的瀏覽器像素小屋收藏遊戲,由 Neta Studio 在奶蛙博物館世界中生成。你經營一間陽光充足的低解析度小屋,在草地上採收錢草,然後替奶蛙吉祥物打理行囊:一件決定牠偏好前往哪些時代的興趣物、一份一次性補給,以及一段行程時長。把牠送出門後就等著——牠在外出期間會走訪真實的展廳,返家時帶回一件名畫的奶蛙版再創作、一封以牠自己口吻寫成的信,以及數張直接貼上明信片牆的旅行照片,全部歸檔進一本朝涵蓋 16 個展廳、94 件作品逐步填滿的相冊。
它是一款靜態的像素藝術網頁應用程式:免安裝、免帳號、無廣告、無內購。所有內容都以遊戲原生的 320×180 像素解析度繪製並以整數倍放大,因此整套內容在任何裝置上約一秒即可載入。奶蛙的收藏與其他奶蛙系列——博物館、卡包與集郵冊——有所重疊,但牠的路線、稀有度與取景都是獨有的。
立即遊玩: 旅行奶蛙 →
特色
- 94 件真實名畫,16 個展廳 — 圖鑑收錄 94 件真實畫作的奶蛙版再創作,橫跨 16 個展廳,涵蓋史前、秦漢中國,一路到文藝復興、浪漫主義、浮世繪、印象派與現代主義。每張收集到的卡片都會標明原作與藝術家,並直接連到博物館條目——所以你建立的不只是收藏,而是一份真實的藝術史課綱,絕非充數之作。
- 三項選擇,規劃每趟旅程 — 每趟旅程都做三個選擇:五件興趣物之一(摺疊地圖、油畫筆、浮世繪木版、望遠鏡或小型相機),決定你最可能遇上哪些時代;五份一次性補給之一(飯糰、魚乾、野餐盒、奶片或空白明信片);以及四種行程時長之一,從免費的三十分鐘散步,到得先收藏滿 12 件作品才能解鎖的整日漫遊。
- 逐漸填滿的明信片牆 — 奶蛙每趟旅程都會帶回旅行照片,每一張都會貼上小屋的明信片牆。你可以一張一張翻看:每張明信片都有兩層——置身真實名畫之中的奶蛙,外加一句旅途短語,例如「這幅畫比我想像中還大。你得抬頭才看得到全貌。」
- 以奶蛙自己口吻寫成的信 — 旅程不只產出藝術品。信箱會填滿第一人稱的信件,述說牠走了多久、進了多少間屋子,而圖鑑與記錄分頁則保存完整相冊與每一趟外出的即時紀錄——因此這個世界除了收藏之外,也累積了一本日記。
- 錢草,而非微交易 — 唯一的貨幣就是長在小屋前的錢草:點一下草叢即可採收,或按住並掃過草地,一次採集更多。錢草可用來購買興趣物、補給與更長的旅程。沒有廣告、沒有應用程式內購,也沒有需要付費消除的能量計時器。
- 貨真價實的 320×180 像素工藝 — 小屋場景、旅行的奶蛙、採收動畫與每一個圖示,都以程式碼在 320×180 緩衝區中繪製並以整數倍放大,因此在手機與桌面上都保持銳利。整款遊戲就是一個小巧的靜態封裝,約一秒即可開啟,並將你的錢草、相冊、信件與明信片保存在瀏覽器中。
介面



製作流程解析
這個世界始於一句話——「我想打造一個奶蛙博物館網站,展出以奶蛙重新詮釋的世界名畫與藝術作品;介面與版面要參考 breguet.com,非常有質感。」以此為起點,正典就此確立:一個官方奶蛙角色原子固定了那圓潤、與軀幹相連而沒有脖子的梨形身體、大片的淺奶油色肚皮、恰好兩個淡綠色眼圈,各含一個扁平黑色瞳孔、一條細細的平直嘴線,以及短短的灰褐色連指手。旅行奶蛙保持這個身分不變,並將它重新框構為一個溫馨的像素小屋收集循環,而非博物館頁面。
美術方向在動筆之前就已確立。94 件畫作改編與官方奶蛙參考圖以 GPT Image 2 生成,16:9 的主視覺封面則依同一套身分鎖定生成,角色素材再以 BiRefNet 去背成透明 PNG 精靈圖。遊戲場景本身則以程式碼在 320×180 像素緩衝區中繪製,因此以整數倍放大時依然銳利。
遊戲以一個小型靜態網頁應用程式的形式交付——一份 HTML 文件、一份樣式表,以及幾支驅動畫布像素引擎的指令碼——因此能瞬間載入,且不需要後端。品質驗證會在真實瀏覽器中開啟它,掃過錢草草地,把每件興趣物、每份補給與每種行程時長都跑過一輪完整循環,檢查每張收集到的卡片是否連到正確的博物館原件,然後將完成的作品發佈到可分享的瀏覽器網址。
素材提示詞
真實生成提示詞
「將李奧納多·達文西的《蒙娜麗莎》重新想像為一幅油畫,但畫中人物是參考圖中那圓潤、奶油黃的奶蛙角色(柔軟豐滿的身體、奶油色肚皮、沉靜的綠色眼睛、溫和的閉嘴微笑)。奶蛙擺出與《蒙娜麗莎》完全相同的四分之三姿勢,雙手交疊,置身於霧氣迷濛、河流蜿蜒的文藝復興山巒風景之前。暈塗法、佈滿裂紋的陳年凡尼斯、深沉的博物館油畫色盤、金褐色調。忠實於原作的構圖與光線。不要文字。」
「重新想像波提切利的《維納斯的誕生》。一隻豐滿的奶油黃奶蛙端莊地站在中央一片巨大的漂浮扇貝殼上,奶油色肚皮朝前,短短的雙臂擺出維納斯含蓄的姿態,沉靜的圓眼。左側兩名奶蛙風神吹著微風;右側一名奶蛙侍從獻上綴花的斗篷。淡雅的蛋彩畫色盤、柔和的綠與金、溫柔的海與天,早期文藝復興的線條與精巧。關鍵渲染規則:使用參考圖中那隻風格化、簡單卡通的奶蛙——霧面光滑的奶油黃圓潤身體、大片的奶油/象牙色肚皮、簡單的圓眼、小小的沉靜嘴巴、短而圓鈍的灰褐色四肢。不是寫實有紋理的青蛙。不是把青蛙頭移植到人身上。這隻豐滿的奶蛙就是整個人物,完全以目標名畫的風格重繪,使其融入原作的筆觸、質感與色盤。不要文字、不要簽名、不要浮水印、不要邊框說明文字。」
「重新想像維梅爾的《倒牛奶的女僕》。一隻健壯的奶蛙戴著亞麻帽、穿著黃色圍裙與藍色裙子,站在桌邊,從陶壺中將一道細細的牛奶注入碗裡,奶油色肚皮圓鼓鼓的,沉靜的雙眼低垂看著手邊的工作。左側窗戶透入柔和日光,桌上有麵包與陶器,灰泥牆面,安靜的荷蘭家庭油畫寫實風格。關鍵渲染規則:使用參考圖中那隻風格化、簡單卡通的奶蛙——霧面光滑的奶油黃圓潤身體、大片的奶油/象牙色肚皮、簡單的圓眼、小小的沉靜嘴巴、短而圓鈍的灰褐色四肢。不是寫實有紋理的青蛙。不是把青蛙頭移植到人身上。這隻豐滿的奶蛙就是整個人物,完全以目標名畫的風格重繪,使其融入原作的筆觸、質感與色盤。不要文字、不要簽名、不要浮水印、不要邊框說明文字。」
「創作一幅滿版、博物館品質的油畫,緊密重現約翰內斯·維梅爾的《戴珍珠耳環的少女》,以隨附的奶蛙角色取代少女,成為唯一畫中人物。研究所提供的正確範例:奶蛙是藉由保留其原本簡單的角色剪影來呈現,而非憑空發明青蛙的解剖構造。角色忠實度:霧面光滑的金黃色圓潤頭部與上半身,沒有可見的鼻子、沒有鼻孔、沒有口鼻部、沒有臉頰塑形、沒有嘴唇;只有兩隻間距寬闊的圓眼,帶著淡綠色虹膜環與黑色瞳孔,外加一條細細的水平嘴線。臉部簡單、沉靜且近乎平坦,僅有柔和的繪畫性明暗。奶蛙如同維梅爾的畫中人物那樣,從肩上轉過四分之三面向觀者,圓潤的黃色肩部與軀幹在頭部下方自然地延伸。牠戴著維梅爾的藍色與赭色頭巾及赭褐色外套,一顆明亮的珍珠耳環懸在臉旁。採用維梅爾近乎黑色的深色背景、從左側透入的柔和單一窗光、安靜的藍金色調、細膩的油畫罩染與微妙的舊畫布質感。奶蛙必須感覺像是被畫進維梅爾的作品之中,同時保有那獨特而簡單的參考臉龐。不要露出整個肚皮、不要全身姿勢、不要人類解剖構造、不要青蛙鼻孔、不要寫實青蛙皮膚、不要巨大的嘴巴、不要牙齒、不要眉毛、不要頭髮、不要細長的人類手指。絕對不要畫框、銘牌、說明文字、標題、字母、數字、簽名、浮水印、字體排版或邊框。」
「創作一幅滿版、無畫框的文藝復興油畫,緊密吻合李奧納多·達文西《蒙娜麗莎》的原作構圖、姿態、裁切與安靜氛圍。畫中人物是重新想像為奶蛙角色的蒙娜麗莎,但保留原作肖像那般近似人類的坐姿呈現,並以原本深色的文藝復興長袍遮住大部分身體。只展現可辨識的奶蛙特徵:霧面光滑的金黃色皮膚、柔和圓潤而簡化的類蛙臉龐,沒有鼻子且絕對沒有鼻孔、兩隻間距寬闊的凸出眼睛帶著淡綠色虹膜與黑色瞳孔,以及一條非常細小的水平嘴巴。讓臉部更平坦、更簡單,如同原本風格化的 3D 角色參考,而不是寫實的兩棲動物,也不是高度塑形的青蛙頭。不要露出巨大的肚皮或完整的青蛙解剖構造;深色長袍應如原作那般遮住軀幹與下半身,僅在領口下方暗示一小片奶油色的胸口區域。保留蒙娜麗莎的四分之三側身、細微的沉靜神情、交疊的雙手、深色衣袖、置中的半身肖像比例、霧藍綠色的山巒風景、蜿蜒的河流與遠方的橋樑。將黃色的奶蛙臉龐轉譯為李奧納多柔和的暈塗法與沉穩的陳年油畫色盤,同時保有簡單的角色幾何。成果應該感覺像是原本的《蒙娜麗莎》,奶蛙自然地被畫進其中,而不是把一幅青蛙肖像貼上去。絕對不要鼻孔、鼻子、寫實青蛙皮膚、誇張的兩棲動物嘴巴、巨大的外露肚皮、全身姿勢、畫框、卡紙、銘牌、博物館標籤、說明文字、標題、字母、數字、簽名、浮水印、字體排版或邊框。」
「參考圖 1 是一張預設的使用者個人檔案佔位頭像:一片平塗的淺灰色圓形頭部,位於一片平塗的淺灰色半圓形軀幹之上,置中於純中灰色的方形背景。參考圖 2 是一隻吉祥物生物的官方角色設定圖:一個豐滿、圓潤、團塊狀的黃色類蛙角色,牠的頭部與身體融合成一個光滑圓胖的圓頂,擁有又大又圓的綠色眼睛(柔和的綠色虹膜、黑色瞳孔),分得很開,朝向臉部正前方,一張細小平直的中性嘴巴,以及一片淺色肚皮。將參考圖 1 重製為這個角色的頭像,幾乎完全保留參考圖 1 的極簡平塗風格與灰色色盤:一個豐滿圓潤的團塊狀頭部與身體剪影(頭部與軀幹融合成單一圓胖圓頂,比原本的人類頭部圓形更圓、更豐滿),底部邊緣如原本的半身像那般平切,以相同的平塗淺灰色渲染於相同的純中灰色背景上。給牠這個角色招牌的又大又圓綠色眼睛與黑色瞳孔,分置於臉部正前方(唯一的一抹色彩,柔和的低飽和綠色),以及一張細小平直的中性嘴巴。頭頂不要凸出的眼球隆起、不要普通青蛙的外觀、不要微笑弧線、不要手臂、不要肚皮色塊、不要漸層、不要輪廓線、不要陰影、不要紋理、不要文字。平塗實色、方形個人檔案頭像、置中、乾淨且極簡。」
為什麼選擇 Neta Studio
專業 — 雲端工作環境支援從世界建構到完成、可分享的互動遊戲的整條流程,全部在雲端運行,無需本機安裝,並能穩定取用最新模型:Claude Opus 5、GPT Image 2、BiRefNet 與 DeepSeek V4。
一鍵生成 — 官方調校的技能驅動每一個步驟:世界建構、角色設計、美術生成、像素藝術版面與發佈。世界分支讓你繼承任何公開世界中的角色、地點與規則,再改寫你想要的部分。
社群優先 — 使用者可以建立無限個世界,每個公開世界都能被分支、重混與重新想像。Discord 學習社群提供教學與即時支援——從你的第一個世界到你第一款可玩的遊戲。
工作室內部



立即遊玩
本遊戲由 Neta Studio AI 在奶蛙博物館世界中,從一行種子提示詞生成。世界只花了幾分鐘,遊戲也只花了幾分鐘。你也做得到——分支這個世界,或從任何想法全新開始。無需寫程式,免費開始。