Aseprite 替代方案 — 給遊戲開發者的免費像素藝術程式
製作你自己的 aseprite 替代方案
正在尋找像 Aseprite 這樣的像素藝術程式嗎?比較一款免費的瀏覽器選項,它能繪製、製作動畫並生成精靈——還更進一步走入 3D。
一款 Aseprite 替代方案必須先回答一個狹窄的問題:一套像素藝術程式究竟能做什麼,是一般影像編輯器做不到的?三件事——在縮放時值得信賴的像素網格、一套可以鎖定並建立索引的調色盤,以及帶有洋蔥皮的逐格動畫。如果一個工具能做到這三件事,其餘的都只是偏好。Aseprite 把三件事都做得很好,但只能在桌面使用,而且要付費。本頁將它與一款免費的像素藝術程式比較,後者在瀏覽器中執行、能手動繪製和製作動畫,並增添了一條用文字生成精靈的路徑。
Neta Studio 是一款以瀏覽器為基礎的 3D 世界與遊戲建構器。其中一部分是像素畫布:選擇尺寸、逐格繪製、匯出精靈表。另一部分是 Agent Sprite Forge,它能依文字描述生成像素精靈與動畫影格。接著,同樣的素材會放入 3D 遊戲建構器中的等角 3D 場景——The Cyclops' Island 和 Mini World 正是建立在這條管線上。以下說明各工具擅長什麼、瀏覽器路線有何不同,以及當你在兩者之間搬移精靈時,會遇到的各種失效模式。
像素藝術程式的用途
像素藝術程式是一款帶有約束的網格編輯器。網格必須精確——每一筆都落在完整的像素上、每一個匯出格都是你設定的尺寸,而且沒有重取樣濾鏡偷偷帶入模糊。一個 32x32 的角色和一個 128x128 的圖磚集是不同的工作,但當工具把像素當成一種建議時,兩者都會以同樣的方式出錯。如果你的編輯器會對座標四捨五入,或在變形時套用反鋸齒,精靈就無法平鋪,調色盤也無法對應。
第二項要求是一套你可以鎖定的調色盤。在索引式像素作業中,調色盤就是檔案——一組固定的色彩,每個都帶有索引。一個在匯入時會自由重新上色的編輯器不是像素藝術程式,而是一款對準小圖的繪圖程式。你要的是載入一套調色盤、依著它編輯,並確知當精靈表進入程式碼時,索引 7 仍然是同一個紅色。
第三項要求是帶有洋蔥皮的動畫。像素動畫存在於影格層級:一個走路循環用 4、6 或 8 格,每一格都在前一格的殘影旁邊編輯。洋蔥皮讓你不必測量,就能讓剪影在影格之間保持穩定。這三項以外的一切——圖層、標籤、腳本、圖磚模式、匯出預設——都只是偏好。工具之間的差異也正是在這裡顯現。
三項要求,重述一遍
網格:固定畫布尺寸、整數縮放、縮放時不重取樣。調色盤:載入、建立索引、鎖定。動畫:N 格、洋蔥皮、匯出為精靈表。評斷任何 Aseprite 替代方案時,要用這些標準,而不是功能清單。
Aseprite 概覽
Aseprite 是一款桌面像素藝術程式與動畫軟體。它要付費,可在 Windows、macOS 和 Linux 上執行,而且在它被打造來做的那件事上確實非常出色:逐格動畫。洋蔥皮是一等公民、時間軸很快,而標籤系統讓你可以把區段命名為像「idle」和「run」這樣的名稱,讓匯出時知道要裁切什麼。它附帶一套 Lua 腳本 API,因此你可以批次處理上百個精靈、重新對應調色盤,或撰寫自己的匯出管線。它的社群龐大,檔案格式也有完善的文件記錄,這就是為什麼這麼多遊戲專案會在版本庫中保留 .aseprite 檔案。
這些代價是結構性的,而非品質上的。它是桌面軟體,所以你用來繪製的機器就是你必須安裝的機器——沒有手機、沒有 Chromebook,也沒有能分享給協作者的畫布連結。它要付費,如果你在帶一個班級、辦一場遊戲創作營,或帶一個團隊,這點就有影響。而且它就是一款像素藝術程式,句點:它不會幫你生成精靈,也不會把精靈放進 3D 場景。如果你的工作純粹是手繪 2D 動畫,這個取捨沒問題。如果你的瓶頸是要產出四十個精靈而不是一個,那就不是了。
| 項目 | Aseprite | Neta Studio 瀏覽器路線 |
|---|---|---|
| 平台 | 桌上型(Windows、macOS、Linux) | 瀏覽器 |
| 費用 | 付費 | 免費 |
| 核心強項 | 逐格動畫、腳本 | 繪製 + 生成 + 放入 3D |
| 精靈輸入 | 手繪 | 手繪,或由文字生成 |
| 輸出 | PNG 精靈表、GIF、.aseprite | PNG 精靈表、供場景使用的精靈素材 |
| 場景步驟 | 外部引擎 | 3D 遊戲建構器,無須安裝引擎 |
免費瀏覽器程式涵蓋的範圍
瀏覽器像素編輯器滿足全部三項要求,但其中兩項的滿足方式不同。網格是同一件事:你設定畫布尺寸,比如 32x32 或 64x64,然後以整數縮放繪製。差異在於互動——瀏覽器畫布沒有作業系統層級的壓力感應,也沒有平板驅動程式的掛鉤,所以線條來自指標事件。對像素作業來說,這多半是優點,因為 1 像素的筆觸不是落在某個像素上,就是沒落上。真正幹活的是縮放與網格吸附。
調色盤以相同方式滿足這項要求:載入一組索引色彩、依著它繪製、在匯出時保持索引穩定。瀏覽器工具通常輸給桌面的地方,是大畫布下的效能——一張 512x512、帶二十個圖層的索引影像,在瀏覽器分頁中比原生應用程式更吃重。實際上,大多數遊戲精靈都遠低於這個規模。一個 64x64 的角色攤成 8 格,對兩者來說都輕而易舉。
第三項要求——動畫——正是瀏覽器路線表現相同、匯出也相同的地方:影格、洋蔥皮,以及以均勻格子排佈的精靈表。它額外增添的是第四條路徑——生成。與其親手畫第四十個精靈,你用文字描述它。Agent Sprite Forge 接受一段文字描述,並在你的專案中產出像素精靈與動畫影格,接著你就能像對待任何手繪作品一樣,在同一塊畫布上逐格編輯。
生成改變了什麼
生成不會取代繪製,它改變的是順序。畫出主角、生成群眾,然後親手修正那些在遊戲尺度下看起來不對的生成影格。畫布還是同一塊畫布;精靈從兩個來源抵達。
手繪或生成——各自什麼時候更快
要決定的不是「哪個更好」,而是「對這份特定素材來說,哪個更省」。當精靈承載身分識別,或需要精確的像素控制時,手繪勝出。當素材數量多、結構相似,且能容忍反覆調整時,生成勝出。以下是一份根據真實案例整理的具體清單。
單一主角精靈——用手繪。你會反覆修改十幾次,而生成在提示與清理上耗費的成本會比手繪更高。四十個精靈的卡司——用生成。四十個手繪角色是一週的工作量;四十個生成的角色則是一段提示、一輪審閱,再加上對少數在 32x32 下看起來很糟的作品做編輯。圖磚集——親手繪製基礎圖磚,因為接縫與邊緣需要精確的像素定位,然後只在你的生成器支援相符的尺寸與調色盤時,才生成變體。
快速概念——用生成。你想在定案前先在場景中看到剪影。一個你打算丟掉的概念,不值得花一趟手繪。
- 單一主角精靈手繪。身分識別與修改次數讓手工更省。
- 四十個精靈的卡司生成。數量是關鍵;在共用的畫布上手動修正離群值。
- 圖磚集繪製基礎圖磚,只在網格與調色盤相符時生成變體。
- 快速概念生成。把它丟掉正是重點。
動畫與精靈表
精靈表是一格格的影格網格。規則簡單且毫不寬容:格子均勻,且影格尺寸必須能把精靈表整除成整數的欄與列。如果你的角色是 32x32,有 8 格,那麼 128x64 的精靈表會給你一個 4x2 的網格——4 欄、2 列、8 個格子,每個正好 32x32。這樣可以整除,所以沒有剩餘。如果你改為匯出 130x64 的精靈表,就會多出兩個像素的邊距,而每一個依索引切分影格的引擎,都會從第一格開始讀到錯誤的像素。
第二種失效模式是動畫長度。4 格的走路循環,看起來和 8 格的不同。4 格快又省;8 格更平滑,但編輯與匯出的成本大約加倍。洋蔥皮就是你讓這些影格保持一致的方法——在第 1 格的殘影上畫第 2 格,在第 2 格的殘影上畫第 3 格,而影像每一步都應該以受控的幅度變化。如果某一格在剪影上移動超過幾個像素,這段循環就會明顯跳動。
匯出預設在這裡很重要。Aseprite 讓你將影格區段命名為標籤,並為每個標籤各匯出一張精靈表。瀏覽器中一款免費的線上精靈製作工具,用時間軸上的具名區段做同樣的事,然後寫出格子均勻的精靈表,以及一段記錄網格的精靈表中繼資料區塊。請讓那份中繼資料跟著 PNG 一起保存。當精靈表與它的中繼資料彼此脫節時,遊戲中的每一段動畫都會播放錯誤的影格,而這是用肉眼最難診斷出來的錯誤之一。
| 影格數 | 格子尺寸 | 精靈表排佈 | 可整除 |
|---|---|---|---|
| 8 | 32x32 | 128x64 (4x2) | 是 |
| 8 | 32x32 | 130x64 | 否——剩餘 2 像素 |
| 6 | 16x16 | 96x16 (6x1) | 是 |
| 6 | 16x16 | 100x16 | 否——剩餘 4 像素 |
試試瀏覽器路線
免費 Aseprite 替代方案的主張應該能被檢驗,而不是光靠宣稱。頁面上並排有兩個工具。第一個是手動編輯的像素畫布:設定尺寸、載入或建立調色盤、在當前影格下方可見洋蔥皮的情況下逐格繪製,然後匯出一張均勻的精靈表。這就是 Aseprite 的工作流程,扣掉安裝與價格,並在典型的遊戲精靈尺寸下運作。
第二個是生成器。輸入一段對精靈及其動畫的描述,Agent Sprite Forge 便會把影格產出到同一個專案中。那些影格會落在畫布上,因此你可以打開其中一格手動編輯——修正一隻沒踩在地面線上的腳、收緊一個剪影,或改正一個破壞你調色盤的顏色。
兩半都寫入同一個素材庫。你不是選定一條路線就一路走到底;而是在哪裡便宜就用哪一個。這正是很難用文字呈現、卻很容易用工具呈現的部分,這也是為什麼兩者都放在頁面上,而不是只用文字描述。
01
打開像素畫布並設定畫布尺寸——32x32 或 64x64 就能涵蓋大多數角色。
02
載入一套索引調色盤,或自行定義一套,然後繪製第一格。
03
為循環新增影格並檢查洋蔥皮——剪影每一格的移動幅度應該受控。
04
如果需要大量素材,用 Agent Sprite Forge 生成精靈,並把影格拉進同一個專案。
05
在畫布上手動編輯生成的影格,直到它們在比例與調色盤上與手繪的相符。
06
匯出格子均勻的精靈表;確認影格尺寸能精確整除精靈表。
07
讓精靈表中繼資料跟著 PNG 一起保存,這樣程式碼中的影格切分才會維持正確。
把精靈放進世界
精靈表不是這條管線的終點。3D 遊戲建構器會取用同樣的像素素材,並把它們放進一個等角 3D 場景中,在瀏覽器裡渲染,無須安裝引擎。你在世界中放置一個精靈、給它一段要播放的影格範圍,它就在那裡動起來。The Cyclops' Island 和 Mini World 就是以這種方式打造的兩個場景——像素素材、等角排佈,在瀏覽器中運行。
這件事對 Aseprite 替代方案這個問題之所以重要,在於迭代速度。在桌面到引擎的工作流程中,你繪製、匯出、匯入引擎、建置、執行,然後查看。這個循環橫跨兩個應用程式和一個建置步驟。在這裡,繪圖畫布、生成器和場景都在同一個工具中,所以對走路循環的一次編輯,不必經過匯出—匯入的來回就能在世界中看見。如果別處需要,你仍然可以匯出精靈表——素材以 PNG 形式歸你所有——但你不必離開瀏覽器,就能看出一個精靈在遊戲尺度下是否看得懂。
這就是兩個工具之間誠實的界線。Aseprite 是更強的純 2D 動畫應用程式。瀏覽器路線在大畫布效能與桌面整合上較弱,而在生成、以及一個繪製的像素與一個運行中的場景之間的距離上較強。
走進它所屬的世界
一個分類頁面,應該以把這個分類交到你手上作為結尾。打開工具、生成一個精靈,然後打開它所屬的世界——兩者都在這個瀏覽器分頁中運行,也都不要求你安裝任何程式。
FAQ
免費的像素藝術程式足以應付真正的工作嗎? +
對遊戲精靈來說,通常是夠的——網格、調色盤、影格,以及均勻精靈表匯出,就能涵蓋這項工作。它在帶有許多圖層的大畫布上就顯得不足,原生應用程式在那裡有更多記憶體與 GPU 餘裕。
瀏覽器像素編輯器能做動畫嗎? +
可以。你能獲得多個影格、對前一格與後一格顯示的洋蔥皮,以及均勻格子的精靈表匯出。你得不到的,是能跨多個檔案進行批次操作的腳本 API。
它能開啟 Aseprite 檔案嗎? +
把 .aseprite 當作桌面格式,並以 PNG 精靈表作為交換格式。從 Aseprite 匯出成 PNG 精靈表、匯入那個 PNG,並把網格中繼資料——影格尺寸、欄數、列數——與它一起保存。
哪一個最適合遊戲開發? +
如果你的瓶頸是手繪 2D 動畫的產量與桌面工具,選 Aseprite。如果你的瓶頸是產出足夠的精靈,或把它們移進一個運行中的場景而不必經歷匯出—匯入—建置的循環,就選瀏覽器路線。
我需要畫得很好嗎? +
你需要能在 32x32 下讀懂一個剪影,這是可以學的。生成降低了入門門檻:編輯一格生成的影格,而不是從一張空白網格開始,錯誤也更容易看出來。
我要怎麼把精靈放進引擎? +
匯出一張格子均勻的 PNG 精靈表,然後記錄影格尺寸、網格欄數與列數,以及影格順序。引擎依格子尺寸與索引切分,所以那些數值就是整合工作。3D 遊戲建構器也可以直接放置素材,跳過匯出這一步。
回到 3D 遊戲建構器
全部 31 個完成的 3D 世界、遊戲與場景都在同一頁上——每一個都能遊玩。