Piskel 替代方案：一款免費的瀏覽器像素編輯器，還能做出 3D 世界

你會去搜 Piskel 替代方案，通常是撞到兩道牆的其中一道：你要的精靈幀產出速度比你一格一格點出來快，或者你要這些像素最後不是停在一張平面的 PNG。Piskel 免費、跑在瀏覽器分頁裡，而且現在還是能匯出。它沒壞。它只是停在畫布邊緣，而這一頁講的是越過那條邊之後發生的事。

Neta Studio 跑的是一套瀏覽器像素編輯器，上面掛了一個生成步驟，後面再接一座 3D 遊戲建構器。你可以用手畫一張 32x32 的精靈，用 Agent Sprite Forge 從一段文字描述生成一張，匯出精靈表，然後走進一座用同一批像素蓋出來的場景。免安裝、免帳號。下面是直接對照，包括 Piskel 到現在還是比較好的那些地方。

快速回答：有免費的 Piskel 替代方案嗎？

有，但老實說，Piskel 從來不是問題。Piskel 免費、跑在瀏覽器裡，而且到今天還是能匯出動畫 GIF 和 PNG 精靈表。只有在你要的東西剛好是 Piskel 沒做的那兩件事之一時，換掉它才有意義：從文字描述生成精靈幀，而不是靠點擊；或者把這些像素帶進一個你能移動鏡頭走一圈的 3D 場景。如果這兩件事都不是你的瓶頸，Piskel 依然是好用的繪圖工具，沒有理由離開它。

Piskel 做得好在哪裡

Piskel 的口碑是用最無聊的方式掙來的：它把核心循環做得好。新精靈以 32x32 開在你隨時能切換的網格上，工具集剛好就是你需要的那一組——筆刷、鏡像筆刷、油漆桶、直線、矩形、橢圓，還有一支不會擋路的取色器。編輯器跑在頁面裡，所以一筆下去不必等伺服器來回。免安裝、免帳號，也不會因為你的方案不同而出現行為不一樣的版本。

幀和圖層是兩條獨立的軸，這件事比聽起來重要。一個四幀的走路循環加上一層獨立的輪廓線，代表你輪廓只重畫一次，不是四次。預覽面板用你設定的 FPS 播放動畫，一個洋蔥皮開關就能把相鄰幀疊成殘影，讓你在定案前先判斷間距。匯出涵蓋引擎真的吃得下的格式：動畫 GIF、PNG 精靈表，以及 .piskel 專案檔。匯入同樣直接，把 .piskel 檔拖進編輯器，或者帶一張 PNG 精靈表進來，讓它照你指定的網格切。

做出第一張精靈的門檻真的很低。從空白分頁到一個看得懂的 16x16 角色只要幾分鐘，失敗模式也都很小：1x 縮放下會糊成一團的調色盤、抖動的輪廓線、在關卡背景前直接消失的高光色。

兩個設計決定撐起了大部分的價值。網格吸附到整數倍縮放，所以一個像素永遠是螢幕像素的整數方格，不會變成 3.5 像素寬的一抹糊。還有匯出格式少而明確，工具從來不會要你先設定好一條管線，才能看到自己的動畫。

Piskel 停在哪裡

Piskel 沒有生成步驟。精靈表裡的每一個像素都是你點出來的，或是你用填色、直線、橢圓放上去的。這在繪圖工具裡不算缺陷，繪圖工具本來就是這樣。但它替產量設了地板。一張 32x32、覆蓋率約 20%、四幀的精靈，大約就是 3,000 個不透明像素的決定，而設計每次改動，你就得再決定一次。如果你的瓶頸是美術產能而不是美術控制，Piskel 幫不上忙，因為從你那句話到你的畫布之間，管線裡什麼都沒有。

Piskel 沒有 3D 輸出。它匯出的是 2D 點陣圖加上一個 JSON 專案檔。工具裡沒有任何東西知道鏡頭、地面、碰撞體或光源。要把這些像素弄進 3D 場景，全部是下游工作：匯出精靈表、匯入引擎、做材質、把濾鏡模式設對，然後徒手把整個世界蓋起來。這些工作是實打實的，而且常常佔了大半，而 Piskel 在這整段裡完全不在場。

而且這個 app 已經實質靜止好幾年了。網頁編輯器還能跑，匯出檔在現在的引擎裡還是打得開，.piskel 格式也沒動過。這是穩定，不是壞掉。但新功能同樣沒在來。如果你需要的是 Piskel 今天做不到的事，等一個更新不是計畫。

當你要為一個兩年的專案挑工具時，這個區別很重要。一個完成品、檔案格式凍結的工具是可預測的。但如果你的需求還在動——遊戲開頭通常都是這樣——那一個完成品同樣是錯的選擇。

替代方案比一比

這張表要照瓶頸讀，不是照功能數量讀。如果你畫得不錯，只需要幀、GIF 和一張精靈表，Piskel 或 LibreSprite 就夠了，兩個都不收錢。如果你需要的幀產出速度比你畫得快，你需要生成這一欄，而 Piskel 沒有。如果你的精靈表最後得進到一個有鏡頭的場景裡，你需要 3D 這一欄，Piskel 和 LibreSprite 都沒有。

LibreSprite 是這裡唯一列出的可安裝選項：桌面應用程式，有真正的時間軸、洋蔥皮、圖層和精靈表匯出。桌面有瀏覽器分頁沒有的優勢，包括原生檔案對話框、大畫布上可預期的記憶體餘裕，以及不會有一個分頁在作業途中被系統回收。它也有同樣那兩個缺口：沒有生成步驟，沒有 3D 輸出。

關於動畫那幾欄要提醒一件事。它們描述的是編輯器，不是你的引擎。這裡每一款工具匯出的都是點陣精靈表，而你的引擎能不能用正確的速度播它，取決於幀尺寸、留邊，以及你匯出時設的 FPS。

寫下最吃掉你時數的那一個步驟。如果是畫，就留在繪圖工具。如果是產出足夠多版本才找得到好的那一個，就加上生成步驟。如果是把像素接進場景，就用建構器，整段引擎匯入直接跳過。

我們不一樣的地方：先有像素，再有一個能走進去的世界

這兩半是同一條管線，原因很無聊：你匯出的那張精靈表，就是建構器要吃的那張。你在 32x32 選的幀尺寸，就是材質預期的幀尺寸。不必重新取樣、不必猜網格、不必半夜在引擎匯入器裡重切精靈表。這個連續性就是全部的重點。

有兩個設定漏掉就會毀掉結果。第一，材質濾鏡。在 Three.js 裡，材質貼圖的放大和縮小取樣都要設成最近鄰，並關掉 mipmap，否則你的 32x32 像素在遠處會糊掉，鏡頭一動就閃爍。第二，縮放。精靈一律用整數倍放大。放大 3.5 倍的精靈，像素會一下三格、一下四格螢幕像素寬，讀起來比任何調色盤失誤都更像雜訊。

The Cyclops' Island 和 Mini World 是這條路線的參考實作：一個生成出來的像素角色、一塊地面、一個鏡頭加上碰撞，全部跑在瀏覽器分頁裡。在把專案押上去之前，先開來看看匯出檔實際上會變成什麼。

如果你只需要 2D 那一半，這裡沒有任何東西比得上你已經熟的那款工具。真正值得換的時機，是當 3D 那一半才是吃掉你時數的地方，因為那時匯出路徑就不再是一次交接，而是同一個工作區的一部分。

免費嗎？

像素編輯器免費。用 Agent Sprite Forge 生成精靈幀免費。匯出免費。從畫一張精靈到下載 PNG 精靈表或動畫 GIF 之間沒有任何關卡，也沒有哪一步會突然冒出浮水印，或撞到解析度上限。

打開編輯器、生成幀、編修、匯出，都不需要帳號。你不必交出一組 email 才能拿到下載，因為根本沒有下載這回事：整件事就跑在瀏覽器分頁裡。

輸出有三種。PNG 精靈表，它的幀網格跟你設的畫布尺寸一致。動畫 GIF，拿來做預覽和文件說明很方便。以及一個 3D 場景，跑在瀏覽器裡，而且在 3D 遊戲建構器裡保持可編輯，不是那種匯出後就再也打不開的單向輸出。想看第三種輸出的最終樣子，The Cyclops' Island 和 Mini World 就是用它蓋的。

走進它所屬的那個世界

精靈是一個沒有地方站的角色。最後這一步是別人沒給的：把你剛做好的精靈表放進一個有人能走一圈的世界——一座小島、一顆星球、一個下雨的街角。這個站上每一座世界都是從一句寫下來的描述做出來，然後發布成一個可以玩的頁面。

常見問題