Skillbound — 迷你山谷角色扮演遊戲:六大技能、沒有職業,裝備就是你的職業 | 免費線上遊玩

Skillbound — 迷你山谷角色扮演遊戲:六大技能、沒有職業,裝備就是你的職業 | 免費線上遊玩

最終成品:Skillbound

Skillbound 是一款原生於瀏覽器的老派技能角色扮演遊戲,從一句話孕育而生:一座帶有 RuneScape 風味的山谷,有技能、沒有職業,屬性完全來自你穿戴的裝備。這裡只有一座小山谷、一條五步驟的任務線、四個金屬等級,以及六種全部從 1 級起跳的技能——而你所看到的一切都在網頁中即時運行,無需安裝,也無需下載。

你手無寸鐵、帶著滿格的生命條在赫斯霍洛現身。砍下北邊道路旁的樹木,從碎石空地挖出銅與錫,在鐵匠棚裡冶煉青銅,然後在鐵砧上打造你的第一把劍與護甲。在湖裡釣魚,並在戰鬥前把釣到的漁獲煮來吃;其餘的賣給奧德里克的交易站,換取你還無法自行製作的鐵與鋼。青銅 → 鐵 → 鋼 → 食人魔:你的裝備等級就是你的職業、你的等級,以及你整個流派。穿越森林道路,掃蕩哥布林村落,然後在睡蓮池另一頭找到隱藏的林地,將苔蘚巨人擊倒。

與他人同樂是內建功能,而非事後加裝。將線上面板指向 Skillbound 伺服器,同一套引擎便會處理帳號建立、登入、上線狀態、即時位置、聊天,以及帶有出價鎖定的雙向交易視窗;維持離線時,山谷會以單人 · 展示模式運行,AI 旅人瑪拉、布拉姆與皮普會在你身旁的地圖上遊走。

立即遊玩: 開啟即時運行的 Skillbound 山谷 →  ·  原始預覽版本  ·  檢視它源自的世界

遊戲特色

  • 活生生的山谷——與他人連線,或與 AI 旅人單人同行 — 將線上面板指向 Skillbound 伺服器,引擎便會處理帳號建立、登入、上線狀態、即時位置、聊天,以及帶有出價鎖定的雙向交易視窗;沒有伺服器時,同一份版本會切換到單人 · 展示模式,並生成 AI 旅人瑪拉、布拉姆與皮普,陪你在地圖上走動。整個連線層是由 Neta Studio 的 DeepSeek 代理依據世界提示詞撰寫的純 JavaScript——無需編譯,無需安裝。
  • 六大技能,沒有職業 — 伐木、採礦、釣魚、烹飪、鍛造與戰鬥,每一項都能從 1 級鍛鍊到 50 級上限,經驗值曲線為 14·等級^1.35 + 10。你一現身,介面上的總計就顯示 6,也沒有任何事情能阻止你在同一個下午裡,既當個釣魚的人,又打造板甲、獵殺巨人。
  • 裝備就是你的職業——青銅、鐵、鋼、食人魔 — 戰鬥屬性只來自已裝備的物品。青銅劍提供攻擊 4/力量 6,青銅護甲提供防禦 5/生命 +8;鐵製裝備在戰鬥 8 級解鎖,鋼製在 18 級,食人魔棍棒與獸皮則在 25 級。卸下裝備後,你就只剩下赤手空拳,因此每一次升級,都是你親手打造或掠奪而來的成果。
  • 切實運作的技能經濟 — 銅加錫可冶煉成青銅錠,鐵加煤可煉成鋼,鐵匠棚則把這些金屬錠變成你能穿戴的劍或胸甲。釣魚可從湖畔碼頭釣到蝦、鱒魚與龍蝦,烹飪可能把你的漁獲燒成一團焦炭,而奧德里克的交易站會收購你搬回小屋的每一塊礦石、金屬錠、魚、獸皮與戒指。
  • 五步驟任務與苔蘚巨人 — 與奧德里克交談、鍛鍊技能、取得鐵製裝備、穿越森林道路掃蕩哥布林村落,接著在睡蓮池另一頭的隱藏林地裡誅殺苔蘚巨人。牠擁有 80 點生命值,會掉落鋼劍與食人魔裝備,是這座山谷真正的首領——而且死亡並非毫無代價:你身上攜帶的戰利品會掉進一座墳墓,你必須走回去把它挖出來。
  • 零安裝的瀏覽器執行環境與自動存檔 — 整款遊戲都是純 JavaScript,沒有框架、沒有建置步驟,在桌上型與行動裝置上以同一批手繪畫布區域運行。進度會自動存到你的裝置上,按 M 可收合小地圖,按 B 可切換漂浮的技能標記,而只要走開,就能隨時脫離任何一場戰鬥。

角色圖像

製作流程解析

第一階段:世界建構claude-opus-5
Skillbound 起初只是一行字——「我想要創作一款以 runescape 為基礎的角色扮演遊戲,有技能、沒有職業,屬性來自裝備並分成不同等級,而目前我們可以先從一個非常基本的世界開始」。Neta Studio 把它變成了一個世界:類型、調性與時代、鎖定的英文語系,以及「商業遊戲繪畫風」視覺風格——高完成度的遊戲繪畫、大而清晰的塊面、深邃的色彩陰影、狹窄的飽和點綴——之後的每一項資產都承襲了這套風格。
第二階段:角色與道具圖像gpt-image-2
在世界自身的繪畫風格中生成了十六個圖像:玩家英雄、長者奧德里克、哥布林、骷髏、黑熊與苔蘚巨人,外加樹木、橡樹、紫杉、銅/錫/鐵/煤礦石、一艘划艇、營火與墓碑——每一個都是置於素色背景上的獨立個體,方便後續去背。
第三階段:4×4 道具圖示表gpt-image-2
材料與裝備來自兩張確定性的 4×4 參照表——各為一張版面參照格線、十六個格位、以列為優先——接著進行內容感知的重新置中裁切,包含搜尋留白與邊界框內距,最終縮至 256 像素的執行期圖示。背包面板裡的每一塊礦石、金屬錠、魚、戒指、符文碎片與刀刃,都源自這裡。
第四階段:去背處理(BiRefNet)birefnet-general
每個角色與道具都經過 BiRefNet 處理,產生帶有真實手繪接觸陰影的透明背景圖,讓圖像能正確地落在草地、沙地、沼澤泥地與洞穴地面上,而不是漂浮在一個白色矩形上。
第五階段:世界地圖與區域gpt-image-2
山谷、山谷中的小村、東境森林與深礦坑都被繪製成俯視區域,再切格成可行走的碰撞地圖——山谷、小村、礦谷、東境與深礦坑——同時還有引擎用來判斷你能在哪裡行走、採礦、砍樹或釣魚的主 48 像素格線。
第六階段:可遊玩版本deepseek-v4-flash
引擎、渲染器、輸入、介面、任務鏈、經驗值曲線、掉落表、經濟、墳墓、存檔,以及整個連線層——帳號、上線狀態、聊天、交易——全都以純 JavaScript 模組撰寫,沒有框架、沒有建置步驟:data、map、engine、audio、ui、net、render、input 與 main。
第七階段:視覺品管與發佈claude-opus-5
接著由自動化流程在真實瀏覽器與行動裝置視窗中檢查版本:資產需求與適配審查、語意視覺審查、遊戲循環與行動裝置核心循環品管,還有一道來源主題風險關卡,會掃描每一個 html、css、js 與 markdown 檔案,確認遊戲在發佈到可分享網址之前,使用的是原創名稱與美術。

場景背景

資產提示詞

封面主視覺(16:9)gpt-image-2
「為奇幻角色扮演遊戲《Skillbound》製作的 16:9 電玩封面主視覺。場景:一位英勇的年輕冒險者,留著棕色短髮,身穿棕色皮製上衣,單肩披著綠色連帽斗篷,戴著皮手套、穿著堅固的深色靴子,手持一把樸素的青銅短劍,站在一座溫馨起始山谷中央的泥土小徑上。他身後:一棟紅瓦屋頂與石砌煙囪的木造小屋、一圈燒黑的火石、兩座伸入寬闊藍色湖泊的斑駁木製釣魚碼頭,北側與東側是茂密的圓冠森林,西北方是一塊裸露的岩石碎石空地,上頭有一間敞開式鐵匠棚散發溫暖光芒,東北方則是一片帶有扭曲枯樹的陰暗小沼澤。他周圍漂浮著:六枚發光的技能徽章,分別代表伐木、採礦、釣魚、烹飪、鍛造與戰鬥,以及閃爍著光澤、分層排列的青銅、鐵與鋼製裝備。構圖:英雄置中、輪廓強烈易讀、壯闊的山谷全景,頂部留出充裕的負空間。風格:高完成度的商業遊戲繪畫風奇幻插畫、濃郁飽和的色調、深邃的色彩陰影搭配狹窄的飽和點綴、電影感的關鍵光、輪廓光與反射光、融合且可見的筆觸、清晰易讀的大塊面、受 RuneScape 啟發的低奇幻魅力。無文字、無字母、無標誌、無浮水印、無介面。」
世界地圖與出生山谷gpt-image-2
「由上直下的俯視空拍視角,描繪一座小巧溫馨的奇幻角色扮演遊戲起始山谷,手繪遊戲環境美術。平坦的綠色草原填滿中央。整個北側與東側邊界是茂密的圓冠森林,南側是一片寬闊的藍色湖泊,邊緣有淺色的沙灘。兩座斑駁的小型木製釣魚碼頭伸入湖中:一座在湖泊西側,一座在東側;每座碼頭末端都有一小簇釣竿。一條泥土小徑從地圖中央往南延伸至沙灘,並向東與向西分岔。地圖中央:一棟小型木造村莊小屋,有紅瓦屋頂與石砌煙囪,緊鄰其旁的是一圈空無一物、燒黑的火石(沒有火焰)。西北角:裸露的岩石棕色泥土空地,散落著小石子(沒有巨岩、沒有突出地面的石塊),以及一間小型敞開式鐵匠棚,裡頭有石砌鍛爐與鐵砧,散發溫暖光芒。東北角:一小塊陰暗濕軟的沼澤泥地,有兩棵扭曲的枯樹與散落的陳舊白骨。村莊與東側森林邊緣之間:開闊的草甸。高完成度的商業遊戲繪畫風格、濃郁飽和的奇幻色調、柔和溫暖的日光、乾淨易讀的大塊面、平坦均勻、沒有丘陵或峭壁的地形,沒有人、沒有動物、地上沒有散落的物品、無文字、無字母、無介面、無格線、無浮水印。」
玩家英雄圖像gpt-image-2
「在素色純白背景上的全身單一角色遊戲圖像:一位年輕的奇幻冒險者英雄,面容友善而堅毅,留著棕色短髮,身穿簡單的棕色皮製上衣,單肩披著綠色連帽斗篷,腳踏堅固的深色靴子,戴著皮手套,一手在身側握著一把樸素的青銅短劍。正面朝向觀看者站立,略呈四分之三正面視角,全身從頭到靴清晰可見,置中並留有少許邊距,腳下帶有柔和的手繪接觸陰影。高完成度的商業遊戲繪畫風格,與 RuneScape 風格的奇幻一致,輪廓清晰易讀,暖色關鍵光,無文字、無浮水印、無其他角色、無武器架、無背景景物。」
世界風格提示詞——套用於每一項資產commercial-game-painterly
「採用高完成度的商業遊戲繪畫。1. 建立大而清晰易讀的三維塊面,並保有強烈的結構區隔。2. 在銳利的焦點邊緣與消融的氛圍邊緣之間交替處理,且不使用輪廓線。3. 組織大而清晰易讀的明暗群組、深邃的色彩陰影,以及狹窄的飽和點綴。4. 套用受控的關鍵光、輪廓光與反射光關係,以維持形體與焦點層級。5. 以融合且可見的筆觸收尾,並對金屬、皮革、布料、水晶與有機材質呈現出鮮明的反應。」——這是世界的基礎風格提示詞,會加在為 Skillbound 生成的每一個圖像、道具、圖示表、區域地圖與封面之前。

為什麼選擇 Neta Studio

專業——雲端工具鏈負責運行從世界建構、資產生成到發佈的整條流程,無需任何本機環境設定。可穩定取用最新模型:Claude Opus 5、GPT Image 2、BiRefNet 與 DeepSeek。

一鍵生成——經過調校的技能驅動每一個步驟:世界建構、角色與道具圖像、確定性的 4×4 圖示表、手繪區域地圖、BiRefNet 背景去背與打包。共享的世界資源是內建的,因此一個圖像或一個圖示只要製作一次,就能同時被引擎、介面與行銷頁面重複使用。

社群優先——建立無限多個世界,並可混搭任何公開的世界。Skillbound 本身就是從一句話開始的;山谷、任務、掉落表與連線層全都是由它生成,而下一位創作者可以分支這個世界,把它帶往截然不同的地方。

工作室內部

開始創作

這座山谷是由 Neta Studio AI 從一句話生成的——世界只花了幾分鐘,十六個圖像只花了幾分鐘,可遊玩版本也只花了幾分鐘。你也可以做到——混搭這座山谷,或從你擁有的任何智慧財產全新開始。無需寫程式,免費開始。

世界:Skillbound — 懷抱遠大計劃的小山谷 · 類型:技能制瀏覽器角色扮演遊戲 · 可遊玩的網頁遊戲 · 0 個原子(直接由一行提示詞建構而成) · 6 種技能 · 4 個裝備等級 · 50 級上限 · 16 個角色與道具圖像 · 30+ 個道具圖示 · 4 個手繪區域 · 5 步驟任務 · 4 種生物類型 · 分享:遊玩 →
×