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

如果你曾搜尋 Piskel 替代方案，你八成撞上了兩道牆的其中一道：你要的是精靈影格以比你一格一格點出來更快的速度產出，或者你希望這些像素最後落腳的地方不是一張平面的 PNG。Piskel 免費、在瀏覽器分頁中執行，而且至今仍能匯出。它沒有壞掉。它只是停在畫布的邊緣，而這一頁談的是越過那道邊界之後發生的事。

Neta Studio 提供的是一套瀏覽器像素編輯器，上頭接了一個生成步驟，背後則是一座 3D 遊戲建構器。你可以親手畫一張 32x32 的精靈，用 Agent Sprite Forge 從一段文字描述生成一張，匯出精靈表，然後走進一座由同一批像素打造出來的場景。無需安裝、無需帳號。以下是直接的比較，也包含 Piskel 至今仍是更好選擇的那些地方。

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

有，而誠實地說，Piskel 從來不是問題所在。Piskel 免費、在瀏覽器中執行，而且到今天仍能匯出動畫 GIF 與 PNG 精靈表。只有在你需要 Piskel 做不到的那兩件事之一時，改用 Piskel 替代方案才值得：從文字描述生成精靈影格，而不是靠點擊；或者把這些像素帶進一個你能移動鏡頭穿梭其中的 3D 場景。如果這兩件事都不是你的瓶頸，Piskel 依然是一款好用的繪圖工具，沒有理由離開它。

Piskel 做得好的地方

Piskel 的口碑是用最無趣的方式掙來的：它把核心循環做得好。新增精靈會以 32x32 開啟在你隨時可切換的網格上，工具組恰好就是你需要的那些：畫筆、鏡像畫筆、油漆桶、直線、矩形、橢圓，以及一支不會擋路的取色器。編輯器在頁面中執行，因此一筆下去不必等待伺服器往返。無需安裝、無需帳號，也沒有哪個工具版本會因為方案不同而行為有異。

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

做出第一張精靈的門檻真的很低。你可以從一個空白分頁出發，幾分鐘內就得到一個看得懂的 16x16 角色，而失敗的情況也都很輕微：在 1x 縮放下會糊成一團的調色盤、抖動的輪廓、在關卡背景前直接消失的高光色。

兩個設計決定撐起了大部分的價值。網格會吸附到整數倍縮放，因此一個像素永遠是螢幕像素構成的整數方格，絕不會變成 3.5 像素寬的一抹模糊。此外，匯出格式少而明確，這表示工具從不會要求你先設定好一條流程，才能看到自己的動畫。

Piskel 停在哪裡

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

Piskel 沒有 3D 輸出。它匯出的是 2D 點陣圖加上一個 JSON 專案檔。工具裡沒有任何東西認識鏡頭、地面、碰撞體或光源。要把這些像素送進 3D 場景，完全是下游的工作：匯出精靈表、匯入引擎、建立材質、把濾鏡模式設對，然後徒手把周圍的世界蓋起來。這些工作是真實的，而且往往是工作量的大半，而 Piskel 在這整段過程中完全缺席。

而且這款應用程式已經實質停滯了好幾年。網頁編輯器仍能運作，匯出檔在目前的引擎中仍打得開，.piskel 格式也沒有變動。這是穩定，不是故障。但新功能同樣沒有到來。如果你需要的是 Piskel 今天做不到的事，等待更新並不是一個計畫。

當你要為一個為期兩年的專案挑選工具時，這個區別很重要。一款已完成、檔案格式凍結的工具是可預測的。但如果你需求仍在變動——遊戲起步時通常正是如此——一款已完成的工具同樣是錯誤的選擇。

替代方案比較

讀這張表要依瓶頸來讀，而不是依功能數量。如果你畫得不錯，只需要影格、GIF 與一張精靈表，Piskel 或 LibreSprite 就足以應付，兩者都不收費。如果你需要的影格產出速度比你畫得還快，你就需要「生成」這一欄，而 Piskel 沒有。如果你的精靈表最後必須進入一個有鏡頭的場景，你就需要 3D 這一欄，Piskel 與 LibreSprite 都沒有。

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

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

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

我們的不同之處：先有像素，再有一個能走進去的世界

這兩半是同一條流程，原因很無趣：你匯出的那張精靈表，就是建構器要讀取的那張。你在 32x32 所選的影格尺寸，就是材質預期的影格尺寸。無需重新取樣、無需猜測網格、無需半夜在引擎匯入器中重新切分精靈表。這份連續性就是全部的訴求。

有兩個設定如果略過，就會毀掉結果。第一，紋理濾鏡。在 Three.js 中，材質的紋理取樣在放大與縮小兩種情況下都需要設為最近鄰，並關閉 mipmap，否則你的 32x32 像素在遠處會糊成一團，鏡頭一移動就閃爍。第二，縮放。精靈一律以整數倍調整大小。放大 3.5 倍的精靈，其像素會一下三格、一下四格螢幕像素寬，讀起來比任何調色盤失誤都更像雜訊。

The Cyclops' Island 與 Mini World 是這條路線的參考範例：一個生成出來的像素角色、一塊地面、一個鏡頭與碰撞，全部在瀏覽器分頁中執行。在你把專案託付給它之前，先打開它們，看看匯出檔實際上會變成什麼。

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

免費嗎？

像素編輯器免費。用 Agent Sprite Forge 生成精靈影格免費。匯出免費。從繪製一張精靈到下載 PNG 精靈表或動畫 GIF 之間，沒有任何東西從中攔阻，也沒有哪一步付費牆會讓浮水印冒出，或觸發解析度上限。

打開編輯器、生成影格、編修影格或匯出，都不需要帳號。你不必交出電子郵件才能取得下載，因為根本沒有下載這回事：整件事都在瀏覽器分頁中執行。

輸出有三種。第一是 PNG 精靈表，其影格網格與你設定的畫布尺寸相符。第二是動畫 GIF，用於預覽與文件說明都很方便。第三是 3D 場景，它在瀏覽器中執行，並在 3D 遊戲建構器中保持可編輯，而不是那種匯出後就再也打不開的單向輸出。如果你想看看第三種輸出的最終樣貌，The Cyclops' Island 與 Mini World 就是以此打造。

走進它所屬的世界

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

FAQ