pxbee 替代方案 · 像素工具的問題

pxbee 替代方案 — 免費的瀏覽器像素與精靈工具比較

打造你自己的 pxbee 替代方案

正在搜尋 pxbee 嗎?它是一個報導極少的小型像素藝術工具品牌。以下說明像素工具這個問題真正的核心,以及一個免費的瀏覽器選項:它能生成精靈,還能一路做到 3D。

✦遊戲
做一個 pxbee 替代方案

「pxbee 替代方案」是一個背後幾乎空無一物的搜尋詞。pxbee 是一個規模很小的像素藝術工具品牌,圍繞它的第三方報導十分稀薄:名錄條目、幾則論壇提及,沒有任何由實際用它完成過專案的人所撰寫、持續維護的文件。這不代表這個工具不好,而是代表你無法從搜尋結果頁評估它,所以評估這個品牌是一條死路。

藏在底下的問題則穩定而且可以回答:你想免費、在瀏覽器裡、不安裝任何東西,要用什麼來製作像素藝術?這一頁說明如何分辨一個仍在維護的像素工具和一個已被放生的工具,以及「我需要像素藝術」這句話背後的三種不同需求——手繪、從描述生成、轉換既有影像——還有 Agent Sprite Forge 生成的精靈如何直接進入 Neta Studio 3D 遊戲建構器裡的等角世界。

快速解答

先說誠實的答案。pxbee 是一個報導極少的像素工具品牌,公開資料不足以寫出一份公平的逐項功能比較。任何聲稱能做到的頁面,大概都是從一張截圖和一段產品介紹去拼湊這個工具。所以這一頁不假裝要和 pxbee 逐項比較,而是回答產生這個搜尋的問題:今天、免費、在瀏覽器裡,你該改用什麼。

有三件事決定一款像素工具值不值得你花時間。第一,匯出是否像素精準——一張被悄悄重新取樣的 1x PNG 比沒用還糟,因為你要畫上一小時之後才會發現。第二,動畫是工具本身的一部分,還是得靠另一個 GIF 網站外掛上去。第三,素材能否存續到比單一精靈更大的東西裡。一款只輸出一張平面 PNG 的工具,用來做週末小品還行,面對四十個角色就會很痛苦。

pxbee 替代方案必須做到什麼

最低限度的必要條件:具備硬性色彩上限的索引調色盤、永遠不做反鋸齒的一像素畫筆、僅限整數的縮放、最近鄰匯出、以毫秒記錄每格時長的影格時間軸,以及格線有明確記載的 PNG 精靈表。如果少了時間軸,或格線沒有記載,在你的美術進入引擎之前,你就會先落得手寫打包腳本的下場。

如果精靈是生成而非手繪的,再多加兩項要求:一個你可以重新輸入的種子,以及一個在每次生成之間永不變動的固定網格尺寸。少了種子,為了修好一隻手臂而重擲,連帶會改變調色盤和剪影,你就會失去原本喜歡的那個版本。少了固定網格,走路循環的第二格就會對不齊第一格。

為什麼某些品牌搜尋的結果很單薄

像素藝術工具的入門門檻很低。一塊畫布、一個調色盤陣列,再加上一份鍵盤快捷鍵對照表,就是一個週末專案。這造就了一條小工具的長尾:有個名字、有個網域、有一年的活動,然後就沒了。當一個品牌毫無報導,它的搜尋結果就會被通用的十大像素藝術清單填滿,而這些清單通常是按排程維護,而非經過實測。那份清單不是這個品牌還活著的證據,只是那份清單存在的證據。

被放生很少長得像一個死掉的網域。更常見的情況是:頁面仍載入、畫布仍能畫,但某個特定環節壞了——GIF 匯出只吐出一格,或精靈表匯出以非整數倍重新取樣,或工具依賴某個已被某個瀏覽器引擎棄用的 API。你要工作一小時之後才會發現,而不是在首頁就看得出來;這就是為什麼在你把專案託付給一款工具之前,值得先跑一遍下面的檢查。

1

01

畫一個不對稱的 16x16 形狀——一隻手臂比另一隻長。對稱的測試精靈會掩蓋鏡射與位移的錯誤。

2

02

以 1x 和 8x 各匯出一次。用像素檢視器打開 1x 檔案。如果 8x 檔案不是每個來源像素恰好對應八個硬邊像素,代表匯出路徑做了重新取樣,你在那款工具裡做的每一張精靈都會有柔邊。

3

03

在時間軸加入三格,把預覽設成 8 fps,然後匯出。確認 GIF 或精靈表有三個彼此不同的影格,而且每格時長是以毫秒儲存,而不是一律預設成 100 毫秒。

4

04

在沒有儲存的情況下重新載入頁面。如果作品消失,而且沒有帳號、本機儲存或檔案系統存取,就把持久保存視為不存在,並比感覺上需要的頻率更常匯出。

5

05

找找看有沒有標註日期的發行說明或更新紀錄。在最近幾個瀏覽器世代之間都沒有標註日期的變更,是一個風險訊號,而非任何事情的證明,但它會改變你在第一次匯出之前願意投入多少工夫。

像素工具的問題

品牌查詢會掩蓋真正的需求。幾乎沒有人需要一個品牌;他們需要的是三種結果之一,而每種結果對工具提出不同的要求。搞錯需求最浪費時間。想轉換一張照片的人打開手繪編輯器,發現手繪一張看得清楚的 32x32 臉孔要花上一小時,然後放棄。想要一套風格一致角色的人打開生成器,拿到二十個變體、二十套調色盤,卻挑不出一個,因為沒有一個看起來像同一套。

在你打開任何東西之前,先決定需求。如果答案是「兩者都要」,通常可行的工作順序是先生成、再手動修。先生成基礎精靈、再到編輯器裡清理,所花時間只是從空白畫布手繪的一小部分,而且你開始時調色盤就已經被限縮好了。

需求一:手繪

你需要一支關閉反鋸齒的一像素畫筆、一個可以上鎖以免偏離調色盤的索引調色盤、供對稱角色使用的鏡射模式、動畫用約 20% 到 40% 不透明度的洋蔥皮、從 1x 到 32x 的整數縮放,以及一條影格時間軸。這裡的瓶頸是判斷力,不是工具。如果你要手繪,就挑一款其匯出格線你確實記載得出來細節的編輯器,然後別再比較編輯器了。

需求二:從描述生成

你需要一個文字欄位、一個固定網格尺寸、一個可重新輸入的種子、一個調色盤上限,以及每個方向的影格數。你是用控制權換取涵蓋量:十分鐘得到三十張精靈,其中你留下六張、動手修三張。對道具、敵人和背景圖磚來說這是筆好交易,對你那唯一的主角角色來說則是筆壞交易,除非你本來就打算重畫臉孔。

需求三:轉換既有影像

你需要最近鄰或盒狀縮小、預設關閉遞色的 N 色量化、一個 alpha 門檻,以及附帶容差控制的去背(色度鍵去背)。注意來源格式。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 下會消失。而如果你逐一生成一整批角色、每次用不同的調色盤,它們就不會被讀成同一套——請用一套調色盤、一次生成整批。

1

01

寫一句包含主體、網格和調色盤的話:「一個獨眼螃蟹騎士,32x32,十二色,外加一圈一像素的黑色輪廓」。

2

02

設定網格。道具、拾取物和圖磚用 16x16。角色用 32x32。只有在裝備必須一眼就看得懂時,才用 48x48 以上。更大不見得更好:一個 64x64 的角色站在 32x32 的圖磚旁邊,看起來就像來自另一款遊戲。

3

03

設定調色盤上限。8 到 16 個索引色彩就能涵蓋大多數角色。超過大約 32 色,剪影在手機螢幕的 1x 下就不再讀得出來,而很多遊戲時間正是在手機上發生的。

4

04

設定每個方向的影格數和方向數量。待機 4 格,走路循環 6 格,攻擊 8 格。用 4 方向加水平鏡射,如果角色不對稱就用 8 方向——一隻手臂上有盾牌會破壞鏡射。

5

05

先生成、先在 1x 檢視,再看 8x。如果剪影在 1x 讀不出來,8x 下多出來的細節也救不回它。重畫或重擲,不要加像素。

6

06

保留種子。重新輸入同一個種子,就能在不改變形狀的情況下更換調色盤;或者用新的種子重擲,再留下你已經核可的姿勢。

7

07

匯出精靈表。以 32x32、6 格、4 方向來說,那是一張 192x128 的 PNG:橫向 6 格、縱向 4 個方向列。把這些數字記下來,因為匯入器會問你。

先是精靈,然後是一個世界

多數像素工具都停在 PNG。接著那張精靈表就變成某個引擎裡的素材,而你得先挑選、設定、建置好那個引擎,才有東西動得起來。Neta Studio 3D 遊戲建構器直接把同一張精靈表放進瀏覽器裡一座等角的 Three.js 世界,所以在你還沒寫任何一行程式碼之前,你生成的角色就已經站在一塊圖磚上了。

這些機制要緊,因為像素藝術在 3D 裡通常就是在這裡出問題。一張 32x32 的精靈放在面向相機的四邊形上,需要正交相機與最近鄰濾鏡:材質用 NearestFilter、關閉 mipmap、材質環繞模式設為 clamped。把 mipmap 打開,精靈在離相機一公尺處就會糊掉。把四邊形縮放 1.7 倍,相機一移動像素就會閃爍,因為紋素網格不再落在螢幕網格上。把縮放保持在整數、相機縮放也保持在整數,閃爍就會消失。

深度是另一個會壞掉的地方。比例 2:1 的等角圖磚——32x32 的角色站在 32x16 的圖磚上——以 x 加 y 排序,而任何橫跨兩塊圖磚的東西,其錨點必須放在腳下,而不是精靈中心。錨點弄錯,角色就會浮起或下沉半塊圖磚,而這正是那種看起來像物理問題、其實不是的錯誤。The Cyclops' Island 和 Mini World 都採用這種配置,而且兩者都是用精靈表拼出來的,而不是用建模幾何打造。

從精靈表帶過來的是什麼

匯入很小、很嚴格。你提供精靈表、單格的像素尺寸、橫向有幾格、縱向有幾個方向列。其餘一切——濾鏡、縮放、錨點、深度排序——都是物件上的設定,而不是美術本身的屬性,這也是為什麼同一張精靈表在一個場景裡清晰銳利,在另一個場景裡卻顯得柔和。

  • 精靈表格線匯入器需要橫向格數、縱向方向列數,以及單格的像素尺寸。32x32、6 格、4 方向就是一張 192x128 的精靈表。格線對不上,你就會得到一張從軀幹中間被切開的精靈。
  • 錨點腳在底部中央。把錨點放在精靈中心,角色每次面向相機時就會陷進地板半塊圖磚。
  • 濾鏡NearestFilter、關閉 mipmap、材質環繞設為 clamped、物件縮放保持整數、相機縮放保持整數。用其他任何設定,都會重新引入調色盤本來就是為了避開的那種模糊。
  • 深度排序在圖磚網格上以 x 加 y 排序。錨點正好落在圖磚邊緣的精靈,行走時可能會在兩個深度之間閃動。
精靈最後落腳的地方:可以走動的像素 3D 場景。

走進它所屬的世界

品牌問題會過時,工具問題不會。無論是什麼把你帶到這裡,有用的一步都一樣——先生成一張精靈,再打開一個它能棲身的世界,兩者都在這個瀏覽器分頁裡,而且都免費。

FAQ

pxbee 是什麼?+

它是一個第三方報導極少的像素藝術工具品牌:沒有持續維護的文件,也沒有可查證的獨立報導。公開資料不足以準確陳述它的功能或現況,這也是為什麼這一頁選擇回答底層的問題,而不是憑空編造一份比較。

pxbee 免費嗎?+

這無法從公開來源確認。這個問題比較耐久的版本是:免費對一款像素工具來說應該是什麼意思——全解析度匯出、沒有浮水印、動畫沒有影格上限、精靈表沒有付費牆。

最好的免費像素藝術工具是什麼?+

取決於你的需求。手繪需要一款具備索引調色盤、洋蔥皮與 PNG 精靈表匯出的瀏覽器編輯器。從描述生成需要 Agent Sprite Forge 這樣的工具。轉換既有影像需要一款具備最近鄰縮小、量化與 alpha 門檻的轉換器。沒有任何一款工具能把這三者都做好。

我可以免費生成精靈嗎?+

可以。Agent Sprite Forge 在瀏覽器裡,從一句話的描述生成精靈網格與動畫影格。你設定網格尺寸、調色盤上限、影格數和方向數,然後匯出一張 PNG 精靈表。

像素藝術可以放進 3D 嗎?+

可以,方法是當作面向相機的四邊形、搭配最近鄰濾鏡,或當作等角網格上的圖磚貼圖。Neta Studio 3D 遊戲建構器會匯入你生成的那張同一份精靈表,並把它放進一座等角世界,而精靈表格線、錨點與深度排序都在物件上設定。

我需要付費的桌面編輯器嗎?+

對單一角色和小型套組來說,不需要。桌面編輯器是在大型圖磚集、跨多個檔案的索引調色盤管理,以及直接接到引擎的 JSON 圖集匯出上,才值回票價。

回到 3D 遊戲建構器

全部 31 個完成的 3D 世界、遊戲與場景都在同一頁——每一個都能玩。

平台:Neta Studio頁面:pxbee 替代方案接著讀:/use-cases/en/piskelapp-alternative · /use-cases/en/pixellab-alternative · /explore/tool/ai-game-sprite-generator
×