跳至主要內容
YIP NEWS
YIP NEWS
生活 美食生活

11月1日 刊出

一塊肉能變出一桌菜,一張圖能動起來:SpriteCanvas 的廚房筆記

一位失業的開發者做了把單張角色圖變成動畫精靈圖的工具,我們把這件事翻譯成廚房裡一塊肉變出一桌菜的備料故事。

刊出 (台北時間) 閱讀約 4 分鐘

2026 年 11 月 1 日,V2EX 的分享創作板出現了一則貼文。一位暱稱 bobo20240310 的開發者說,他七月底又失業了,但這次不那麼焦慮,因為跟朋友合作接遊戲專案有了穩定訂單,「賺的不多,但起碼餓不死」。這幾個月他打磨出一個叫 SpriteCanvas 的工具,給 2D 遊戲做角色動畫用。

這件事跟喫飯有什麼關係?關係在備料。

你一定遇過這種情境。市場裡買了一塊完整的五花肉回家,問題從來不是這塊肉好不好,而是它接下來要變成什麼。切厚片煎,切小塊滷,絞成餡包餃子。一塊肉,幾種刀法,一桌菜就有了骨架。麻煩的不是肉,是把肉變成菜的那一整套手續。

做遊戲的人遇到的,幾乎是同一件事。他在貼文裡寫得老實:角色的立繪用 AI 很快就能生出來,但「讓它動起來」就卡住了。逐格手畫不現實;用影片模型生成一段動畫,又得自己抽格、去背、對齊腳底、拼成圖集、寫每格時長,一套下來比做遊戲還累。

換到廚房裡,這就像你明明只想煎個魚,卻得先殺魚、刮鱗、去腥、起油鍋、控火侯、再自己洗油膩的爐臺。菜是三分,工是七分。

SpriteCanvas 做的事,是把這七分工收攏成一條順路。上傳一張角色圖,選動作,待機、行走、奔跑、攻擊、跳躍都內建,也能自己寫動作描述。所有動作從同一個角色生成,造型不會跑偏。這一點很像家裡那鍋老滷:不管是滷蛋、滷豆乾還是滷一塊梅花肉,出來的味道都帶著同一個底,因為它們本來就是同一鍋湯養出來的。

他給的數字也具體。一張參考圖能生成待機和攻擊動畫共 35 格,透明背景;劍士三連擊 38 格;技能特效每組 6 格。匯出時還能勾「像素風」,每格重繪到小像素網格上,整張精靈圖共用一套 32 色調色板,格與格之間顏色不閃。

顏色不閃,這四個字廚房裡的人秒懂。就像炸東西的油溫,起起伏伏一下,成品顏色就花了。一盤炸得不勻的雞塊,有的金黃有的焦黑,視覺上先輸一半。動畫的顏色閃爍也是同樣的道理,觀感上的不協調,毀掉的是整體。

他也老實說了工具的不足。它並非逐像素的像素畫編輯器,單顆像素還得去 AseSprite 那類編輯器修;動畫排隊生成,要等一下,並非秒出;Unity 和 Godot 的匯入流程還沒正式驗證,目前確定能直接用的是 PNG 精靈圖加 JSON,Phaser 和 PixiJS 已驗證。

這份不足清單讀起來,像一份誠實的食譜備註。就像我們之前聊過的,一鍋顧得到火的湯,也得先承認自己顧不到的角落,人在外面還能連回自家爐竈 才有它存在的位置。工具把大路鋪平,剩下那幾顆要手修的像素,就交給專門的編輯器,好比萬用料理機再厲害,刀工細活還是得靠那把順手的刀。

貼文裡還有一段讓人在意。他說價格是郵箱驗證後送 40 積分,七天內有效,之後每天送 3 積分,最多攢到 12,免費積分只能用於標準畫質。付費從每月 12 美元起,也可以不訂閱,單買積分包。任務失敗沒有產出時,積分退回。

這套規則很像巷口那種不油腔滑調的小喫攤。先讓你喫一口,好喫再付錢;這碗煮壞了,不收你錢。順手做的幾個免費小工具也都擺在攤邊,精靈圖切片、GIF 轉精靈圖、影片轉精靈圖,全在瀏覽器裡本地處理,不用註冊,還有一套可商用的 CC0 素材包,苔蘚騎士、劍士、史萊姆、蘑菇怪、哥布林、石頭巨人和一組特效。

底下唯一的回覆有點辣。一位網友說,一年前做過類似產品,「現在讓 codeX 做就行了」。這句話像極了喫到一半有人說隔壁攤更便宜。做工具的人被更大的工具追著跑,廚房裡也一樣,今天你引以為傲的手工水餃,明天超市冷凍櫃就擺出一模一樣的褶子。但攤子會不會倒,最終還是回到那個老問題:東西本身順不順手,味道本身誠不誠實。

如果你身邊有做遊戲的朋友,可以把這則貼文轉給他,順便問問他缺哪類動作素材。他在文末認真發問:做遊戲時最缺哪類動作或素材?想要哪個引擎的匯出?用下來哪裡卡住了?

而如果你只是個做飯的人,這則貼文留下的線索其實更簡單。下次備料時想想那塊五花肉:素材從來不是難題,難的是把素材變成成品的那條路。誰能把路鋪短,誰就值得被記住,不管他此刻在不在職。