pxbee 替代方案 — 免費的瀏覽器像素與精靈工具比較
做一個屬於你自己的 pxbee 替代方案
在搜 pxbee?它是一個小型像素繪圖工具品牌,公開資訊少得可憐。這裡談的是像素工具這個問題真正的樣子,還有一個免費的瀏覽器選項:它能生成精靈,而且能一路接到 3D。
"pxbee alternative" 這個搜尋字詞背後幾乎什麼都沒有。pxbee 是一個小型的像素繪圖工具品牌,第三方相關內容很薄:目錄網站的條目、論壇上零星幾句提到,沒有任何實際用它出過專案的人所寫、且持續維護的文件。這不代表這套工具不好,而是你沒辦法從搜尋結果頁評估它——所以評估這個品牌是條死路。
底下那個問題倒是穩定、而且有答案:想免費做像素畫、在瀏覽器裡做、什麼都不裝,該用什麼?這一頁談的是怎麼分辨一套還有在維護的像素工具和一套已經被放生的,談 "I need pixel art" 這句話背後的三種不同意圖——手繪、從描述生成、轉換既有圖片——也談 Agent Sprite Forge 產出的精靈如何直接進到 Neta Studio 3D game builder 裡的等角世界。
快速解答
先說老實話。pxbee 是一個公開資料極少的像素工具品牌,沒有足夠的公開素材能寫出一份公平的逐項功能比較。任何宣稱做得到的頁面,大概都是拿一張截圖加一段產品文案把這套工具拼出來的。所以這一頁不假裝要跟 pxbee 比,它回答的是產生這個搜尋的那個問題:今天、免費、在瀏覽器裡,你該改用什麼。
有三件事決定一款像素工具值不值得你花時間。第一,匯出是不是像素精確——一張被偷偷重新取樣的 1x PNG 比沒用還糟,因為你要畫了一小時之後才會發現。第二,動畫是工具本身的一部分,還是靠一個另外的 GIF 網站硬接上去。第三,這些素材能不能活到比單一精靈更大的東西裡。只能吐出一張扁平 PNG 的工具,拿來做週末的 game jam 還行,畫到四十個角色就是折磨。
一個 pxbee 替代品該做到什麼
最低可行的集合:一個有硬性色彩上限的索引調色盤、一支永遠不做反鋸齒的一像素鉛筆、只允許整數的縮放、最近鄰取樣的匯出、一條每格可設毫秒級時長的時間軸,還有一張標明影格網格的文件化 PNG 精靈表。時間軸不見了,或網格沒有文件,你的美術還沒進引擎,你就得先自己手寫一支打包腳本。
如果精靈是生成而不是手繪的,再加兩條要求:一組你能重新輸入的種子,以及一個每次生成都不會變的固定網格尺寸。沒有種子,你想重新擲一次修個手臂,結果調色盤和輪廓也一起變了,原本滿意的那版就沒了。沒有固定網格,走路循環的第二格跟第一格對不上。
為什麼某些品牌的搜尋結果這麼單薄
像素美術工具的進入門檻很低。一塊畫布、一個調色盤陣列加一份快捷鍵表,就是一個週末專案。這會養出一條長尾:每個小工具都有一個名字、一個網域、一年的活動,然後就沒了。一個品牌沒有報導時,它的搜尋結果會被通用的十大像素工具清單填滿,而那些清單通常是照排程維護的,不是照測試結果寫的。清單不能證明這個品牌還活著,只能證明這份清單存在。
棄坑很少長得像一個掛掉的網域。更常見的是頁面還載得開、畫布還能畫,但某個具體的地方壞了:GIF 匯出只吐一格,或精靈表匯出在非整數倍率下重新取樣,或這工具依賴某個引擎已經移除的過時瀏覽器 API。你是在做了一小時之後才發現,不是在首頁上,所以下面這套檢查值得在你決定投入一款工具之前先跑一遍。
01
畫一個 16x16、不對稱的形狀——一隻手臂比另一隻長。對稱的測試精靈會把鏡像和位移的 bug 藏起來。
02
用 1x 和 8x 各匯出一次。把 1x 的檔案開在像素檢視器裡。如果 8x 的檔案不是每個來源像素剛好對應八個硬邊像素,那條匯出路徑就是在重新取樣,你在這工具裡做的每一張精靈都會是軟邊。
03
在時間軸上加三格,預覽設成 8 fps,然後匯出。確認 GIF 或精靈表裡有三格不同的影格,而且影格時長是以毫秒儲存,不是全部被預設成 100 ms。
04
不要存檔,直接重新載入頁面。如果作品不見了,又沒有帳號、本機儲存或檔案系統存取權,就當它沒有持久化,匯出的頻率要比你覺得需要的更勤。
05
找一份有日期的發行說明或更新日誌。過去幾個瀏覽器世代之間都沒有帶日期的變更,是個風險訊號而不是證據,但它會改變你第一次匯出前願意投入多少工。
像素工具的真正問題
品牌查詢會把真正的需求藏起來。幾乎沒有人需要一個品牌,他們需要的是三種結果之一,而每種結果對工具的要求都不一樣。意圖搞錯了最浪費時間。想把手機照片轉成像素的人,打開的是一支手繪編輯器,然後發現手繪一張看得清楚的 32x32 臉要一小時,就放棄了。想要一組風格一致的角色的人,打開的是一個生成器,拿到二十個變體配二十套調色盤,卻挑不出一個,因為它們看起來不像一組。
打開任何工具之前先決定意圖。如果答案是「兩者都要」,工作順序通常是先生成、再手修。生成基礎精靈再進編輯器清理,所花的時間只是從空白畫布開始畫的一小部分,而且你一開始動手時,調色盤就已經被限縮好了。
用途一:手繪
你需要一支關閉反鋸齒的一像素鉛筆、一組上鎖的索引色盤(免得手滑畫到色盤外)、對稱角色的鏡像模式、做動畫時約 20% 到 40% 不透明度的洋蔥皮、1x 到 32x 的整數縮放,還有一條影格時間軸。這裡的瓶頸是判斷力,不是工具。如果你走手繪路線,就挑那套輸出格線講得清楚、你真的寫得出文件的編輯器,別再比編輯器了。
用途二:從描述生成
你需要一個文字欄位、固定的網格尺寸、可以重新輸入的種子值、色盤上限,以及每個方向的影格數。這是用控制權換產量:十分鐘生出三十張精靈圖,其中留六張、手動修三張。拿來做道具、敵人、背景圖磚很划算;拿來做你唯一的主角就不划算——除非你本來就打算重畫那張臉。
用途三:轉換既有圖片
你需要最近鄰或盒式降採樣、量化到 N 色且預設關閉抖色、一個透明門檻,以及可調容差的 chroma key 去背。注意來源格式。JPEG 在轉換器看到它之前就已經丟掉色彩資訊了,量化到十六色之後,每一道壓縮痕跡都會變成一塊雜色。請從 PNG 開始;如果手上只有 JPEG,就要有手工清邊的心理準備。
免費瀏覽器工具選項比較
這份比較跟你當初搜的是哪個品牌無關。不管你是為了找 pxbee 還是別的東西點進來,結論都一樣,因為分類是照工具輸出什麼來定的,不是照誰做的。表格這麼短也是同一個原因:像素工具真正能做的事,也就那幾類。
費用欄是整頁最沒用的一欄。決定工具有沒有辦法接進你流程的,是平台跟輸出格式。一套只會匯出平面 PNG 的免費瀏覽器編輯器,帳面上比付費授權的桌面編輯器便宜;但當你需要一份能接進引擎的 JSON 圖集時,它反而更貴——因為那份圖集得有人做出來。先看生成與 3D 輸出這兩欄,最後再管費用。
有兩列要加個但書。轉換器是人們最信、也最少驗證的一類工具:匯入前一定要用 1x 打開輸出檔看清楚,因為默默把邊緣平滑掉的轉換器,產出的精靈圖在 4x 下看起來沒問題,在 1x 下一片糊。打包工具的能耐取決於你的影格命名——如果你的影格叫 final_v2_sheet,沒有任何打包工具會自動幫你排成走路循環。
怎麼讀這份 pxbee 替代方案比較
掃平台欄,看哪些需要安裝;掃動畫欄,看影格是一等公民還是散成一堆獨立檔案;掃 3D 輸出欄,看工具有沒有辦法走出平面圖片。多數像素工具到 PNG 就停了。這是常態的終點,也是為什麼那麼多畫好的精靈表最後從來沒變成能玩的場景。
| 工具類型 | 平台 | 文字生成精灵表 | 动画帧 | 3D 输出 | 费用 |
|---|---|---|---|---|---|
| 浏览器手绘编辑器 | 浏览器画布,免安装 | 无 | 时间轴可设定每帧持续时间,导出 GIF 与 PNG 精灵表 | 无 | 免费 |
| 桌面像素编辑器 | 桌面应用程序 | 无 | 洋葱皮、帧标签、JSON 图集导出 | 本身不提供 | 需授权;条件由供应商决定 |
| 文字轉精靈圖生成器(Agent Sprite Forge) | 瀏覽器 | 可以,一句描述加一組種子 | 依方向各自生成,通常 4 到 8 幀 | 可以,透過 Neta Studio 的 3D 遊戲建構器 | 免费 |
| 圖片轉精靈圖轉換器 | 瀏覽器或桌面工具 | 无 | 不行;只處理單一影格 | 无 | 免費到需授權 |
| 精靈表打包/圖集工具 | 桌面或命令列 | 无 | 打包你手上已有的影格 | 无 | 免費到需授權 |
| 3D 世界建構器(Neta Studio) | 瀏覽器 | 可以,透過 Agent Sprite Forge | 把生成的精靈表當成廣告牌動畫播放 | 可以,等角 Three.js 世界 | 免费 |
在這裡生成精靈
Agent Sprite Forge 吃一句描述,回傳一張精靈網格,裡面是動畫影格,網格尺寸和調色盤上限由你設定。它在瀏覽器裡執行。沒有安裝步驟,匯出流程的任何一環都不需要桌面應用程式或外掛。
先把「它不是什麼」講清楚。它不是先畫一張大插圖再縮小,而是直接建出像素網格,所以描邊寬度在每個影格都維持一致,調色盤也守在你選的上限內。要它做寫實、漸層或柔和的明暗,結果會很差,因為那些不是像素藝術要解決的問題。
失敗模式是可以預測的,事先知道就能少重骰幾次。長提示詞會飄:生成器會抓住第一個名詞、把剩下的丢掉,所以主體放前面,限制條件放後面。想在 32x32 的精靈裡塞看得懂的文字,過不了網格這一關。比兩個像素還小的細節,在 1x 下直接消失。還有,如果你用不同調色盤一個一個生成整組角色,它們看起來不會是同一套——要就用同一個調色盤一次生成整組。
01
用一句話寫下主體、網格和調色盤:「獨眼蟹騎士,32x32,十二色,外加一像素的黑色描邊」。
02
設定網格。道具、拾取物和圖磚用 16x16。角色用 32x32。48x48 以上只在裝備必須一眼看清時才用。大不代表好:64x64 的角色站在 32x32 的圖磚旁邊,看起來像來自另一款遊戲。
03
設定調色盤上限。8 到 16 個索引色就能涵蓋大多數角色。超過大約 32 色之後,在手機螢幕上以 1x 觀看時剪影就讀不出來了,而很多遊戲時間就是花在手機上。
04
設定每個方向的影格數與方向數。待機 4 格,走路循環 6 格,攻擊 8 格。用 4 方向加水平鏡像;角色不對稱就用 8 方向——一隻手臂上掛了盾牌就會破壞鏡像。
05
先在 1x 下生成並檢查,再看 8x。剪影在 1x 下讀不出來,8x 下多出來的細節也救不了。重畫或重骰,不要加像素。
06
留住種子。重新輸入同一個種子,就能只換調色盤、不換外形;或者換一組新種子重骰,保留你已經認可的姿勢。
07
匯出精靈表。32x32、6 個影格、4 個方向,就是一張 192x128 的 PNG:橫向 6 格、縱向 4 列方向。把這些數字記下來,因為匯入時會問你。
先有精靈,才有世界
大多數像素工具到 PNG 就結束了。那張精靈表接著要變成引擎裡的資源,而你得先挑引擎、設定、配置好環境,東西才會動起來。Neta Studio 的 3D game builder 吃同一張精靈表,在瀏覽器裡把它放進等角的 Three.js 世界,所以在你還沒寫任何程式碼之前,生成的角色就已經站在圖磚上了。
機制才是重點,因為像素藝術進到 3D 通常就是在這裡壞掉。貼在 billboard 四邊形上的 32x32 精靈,需要正交相機和最近鄰取樣:材質上設 NearestFilter、關掉 mipmap、texture wrapping 設為 clamped。mipmap 一開,精靈離相機一公尺就糊掉。把四邊形縮放成 1.7,相機一動像素就閃,因為 texel 網格不再落在螢幕網格上。縮放保持整數、相機變焦保持整數,閃爍就消失。
深度是另一個會出事的環節。2:1 的等角圖磚——32x32 的角色踩在 32x16 的圖磚上——用 x 加 y 排序,任何跨到兩格圖磚的東西,錨點要放在腳底,不是精靈圖的中心。錨點放錯,角色就會浮起來或沉下去半格,這種 bug 看起來像物理問題,但它不是。The Cyclops' Island 和 Mini World 都用了這個排法,而且兩者都是用精靈表拼出來的,不是建模幾何。
從精靈表帶過來的东西
匯入的部分很小而且很嚴。你要給精靈表、單一帧的像素尺寸、橫向幾帧、縱向幾個方向列。其他所有東西——濾鏡、縮放、錨點、深度排序——都是物件上的設定,不是美術本身的屬性,所以同一張精靈表在一個場景裡銳利、在另一個場景裡糊掉。
- 精靈表網格匯入器需要橫向帧數、縱向方向列數,還有單一帧的像素尺寸。32x32、6 帧、4 個方向,就是 192x128 的精靈表。網格對不上,切出來的精靈圖就會從身體中間斷開。
- 錨點腳底對齊底部中央。錨點放在精靈圖中心,角色每次面向鏡頭就會陷進地板半格。
- 濾鏡NearestFilter、關掉 mipmaps、clamped wrapping、物件縮放用整數、鏡頭縮放也用整數。其他任何設定都會把調色盤本來要避開的模糊又帶回來。
- 深度排序在圖磚網格上按 x 加 y 排序。錨點剛好落在圖磚邊緣的精靈圖,走動時會在兩個深度之間閃爍。
走進它所屬的那個世界
品牌的問題會過時,工具的問題不會。不管你是怎麼來到這裡的,該做的下一步都一樣——先產生一個精靈圖,再打開一個它能住進去的世界,兩件事都在這個瀏覽器分頁裡,而且都免費。
常見問題
pxbee 是什麼?+
它是一個小型的像素藝術工具品牌,第三方資料極少:沒有在維護的文件,也找不到可以查證的獨立評測。公開資料不足以準確說明它的功能清單或目前狀態,所以這一頁回答的是背後那個根本問題,而不是硬掰出一份比較表。
pxbee 免費嗎?+
從公開來源無法確認。這個問題比較耐久的問法是:對像素工具來說,免費應該代表什麼——全解析度匯出且不壓浮水印、動畫影格數不受限,以及精靈表不被付費牆擋住。
最好用的免費像素藝術工具是哪個?+
看你想做什麼。手繪需要的是瀏覽器編輯器,要有索引色盤、洋蔥皮和 PNG 精靈表匯出。從一句描述生成需要像 Agent Sprite Forge 這樣的工具。轉換現有圖片需要的是具備 nearest-neighbour 縮圖、色彩量化與透明通道閾值的轉換器。沒有哪一個工具能同時把這三件事做好。
我可以免費生成精靈嗎?+
可以。Agent Sprite Forge 在瀏覽器裡用一句描述生成精靈網格與動畫影格。你設定網格尺寸、色盤上限、影格數與方向數,然後匯出 PNG 精靈表。
像素藝術能進 3D 嗎?+
可以,做成 billboard 四邊形搭配 nearest-neighbour 取樣,或是當成等角網格上的貼圖磚。Neta Studio 的 3D game builder 可以直接匯入你生成的那張精靈表,放進等角世界裡,精靈表的網格、錨點與深度排序都在物件上設定。
我需要付費的桌面編輯器嗎?+
做單一角色和小型素材集,不需要。桌面編輯器真正划得來的地方是大張 tileset、跨多檔案管理索引色盤,以及直接接到引擎的 JSON 圖集匯出。
回到 3D Game Builder
全部 31 個完成的 3D 世界、遊戲與場景都在同一頁——每一個都能直接玩。