AI 像素藝術生成器 · 一句話生成一個精靈

AI 像素藝術生成器 — 描述它,然後走進你的世界

做出你自己的 AI 像素藝術生成器

用一句話或一張圖,讓 AI 生成像素藝術 — 在瀏覽器裡免費。然後把它丟進一個你真的能走動的 3D 像素世界。免下載,免寫程式。

✦遊戲
描述你的像素角色: 戴兜帽的遊俠,拿一把短弓,32×32

AI 像素藝術生成器接收一句寫下來的句子 — 或一張現成的圖 — 回傳一張能在遊戲裡直接使用的精靈表。在 Neta Studio,這張表不會止步於一次下載。它會變成一個 3D 世界裡的元件,而那個世界你可以在瀏覽器分頁裡直接走動,免安裝、免寫程式。

這一頁談的是:那句話實際控制了什麼、生成在哪裡一定會出錯、這條流程怎麼把文字變成可重複使用的元件,以及怎麼從一條生成出來的影格序列,走到角色在場景裡動起來。想要短版的話:把主體、視角、網格和影格數講清楚,再手動修輪廓。

AI 像素藝術生成器(即時運行)

輸入框就是整個介面。一句話設定三件事:主體(史萊姆、騎士、木桶、地板圖磚)、風格線索(調色盤與年代感 — 四色掌機、16 色主機、灰調沙漠、冷色地牢),以及大致的畫布尺寸(16x16、32x32、64x64)。

但它不會設定好一切。除非你明確寫出影格數,否則一句話無法穩定產生準確的影格數。它也無法保證 1px 輪廓乾淨、方向一致,更沒辦法讓六次獨立生成的打光方向完全相同。如果第一個結果剪影不錯、輪廓很糟,那輪廓就是最便宜的可修項目 — 花兩分鐘重畫一遍,勝過再生成六次。

所以把那句話當成一份帶預設值的規格書。預設網格 32x32,預設調色盤 16 色,預設輸出單一影格、正面視角。重要的寫出來,其餘交給預設值。「側視綠色史萊姆,32x32,6 色,4 影格待機」能生成堪用的東西。「很酷的史萊姆」不行。

這一頁所談的生成器,正在即時運行。

你能生成什麼

四類輸出就能涵蓋 2D 遊戲的大部分需求。每一類都有一個決定成品能不能用的限制條件,而這個限制通常不是大家擔心的那個。

  • 角色需要一個明確的姿勢詞。只給主體,回傳的是一張站立的影格;「騎士,側視,揮砍中」回傳的東西才有資格放進動畫序列。不給視角和姿勢,生成器只能猜,而它猜正面的機率和猜側面差不多。
  • 圖磚必須能平鋪,所以邊緣比中間更重要。一張 32x32 的草地圖磚,中間畫得再漂亮,只要最右一列有 1px 接縫,就是廢品。圖磚變體要一批生成,先檢查接縫,再看畫面。
  • 道具小網格只裝得下剪影。在 16x16 下,一個木桶就是一個圓角矩形加一條更暗的橫帶。要求畫出木板紋理,只會加進雜訊,而雜訊在縮放後依然留存,看起來像髒污。兩三層明度,不要細節。
  • 動畫序列影格數,以及一個能閉合的循環。只有當最後一格能順回第零格時,這條序列才有用。你說不出影格數,就檢查不了循環,而循環正是最容易壞掉的地方。

運作原理:從一句話到一個元件

整條流程分三個階段,每個階段的產物都維持可編輯的形式。不會到最後變成一張攤平的 PNG,讓你想改也改不了。

1

01

解析。這句話變成一筆元件記錄:主體、視角、調色盤、網格尺寸、影格數、姿勢。沒寫的欄位都取預設值 — 32x32、16 色、單一影格、正面視角。

2

02

繪製。元件依目標網格點陣化。像素對齊到網格,顏色量化到調色盤內,然後一道輪廓處理沿著剪影邊緣 — 也就是不透明像素與透明像素交界處 — 鋪上 1px 更暗的色階。

3

03

儲存。完成的精靈表以具名元件的形式進入素材庫,並附上中介資料:網格、調色盤、影格數、播放速率。它會有縮圖,任何場景裡的任何角色都能引用它。

4

04

實例化。把元件指派給一個角色後,會建立一個精靈材質,使用最近鄰篩選、關閉 mipmap、alpha test 設為 0.5。正是這些設定讓 32x32 的精靈在鏡頭移動時不會糊成一團。

即時示範:先生成,再走進去

這個示範不是影片。生成器就在頁面裡跑,旁邊那個場景用的就是渲染 Neta Studio 上其他所有內容的同一套 3D 遊戲建構器。兩邊共用同一個素材庫,所以你生成什麼,就走進什麼。

從一句話到角色踏出第一步,這條路很短,但值得完整跑一遍,這樣在你正式投入一組素材之前,就知道接縫在哪裡。

1

01

在框裡打一句話:主體、視角、調色盤、網格尺寸、影格數。視角詞一定要寫。寫上「側視」或「四分之三視角」,能省掉一次重新生成。

2

02

生成之後看整條影格序列,不要只看第一格。第一格通常沒問題,壞的是循環。

3

03

把結果送進素材庫。它會拿到名字和縮圖,不再是一個臨時預覽。

4

04

切到場景面板,選取一個角色,把元件指派給它。

5

05

把播放速率設為每秒 8 格。在 32x32 下再快就會抖,再慢就像放幻燈片。

6

06

用 WASD 在世界裡走動。如果精靈比例不對,改角色的 world-units-per-pixel 值,而不是重新生成美術。

7

07

打開 Mini World 當一個小型測試空間,或打開 The Cyclops' Island,看同樣的元件在世界尺度上承擔更多工作。

輸出落到哪裡:一個你能走動的像素 3D 場景。

AI 像素動畫

動畫是像素生成裡最容易被低估的部分。4 影格走路循環不是畫四張走路的人。它是由觸地、下沉、通過、上升四種姿勢搭出來的循環,而只有觸地影格彼此對得上,這個循環才讀得通。

生成的循環做對的地方:循環讀得通、各影格調色盤一致、剪影寬度一致,影格數也符合你的要求。第一格和最後一格通常真的接得上,這一點比大多數手繪的第一次嘗試都強。

它常做錯的地方:觸地姿勢。左腳觸地影格和右腳觸地影格的著地高度不一樣;手臂和腿擺在同一側,而不是反向;通過影格偏離中心半個像素,於是角色會左右晃動。這些都是單一像素級別的問題,全都能手改,但你得在 4 倍縮放下找,在 100% 檢視下看不出來。

AI 像素藝術生成器:怎麼讀影格預算

影格數是一份預算,代價不只是記憶體。每多一格,循環就多一次斷掉的機會,也多一格要重畫。以下是 32x32 精靈、單列排列、RGBA8 時精靈表的實際佔用:

影格數(32x32,單列)精靈表尺寸像素數RGBA8 記憶體佔用
4128x324,09616 KB
6192x326,14424 KB
8256x328,19232 KB
12384x3212,28848 KB
16512x3216,38464 KB

免費、免下載、免寫程式

生成器和編輯器都跑在瀏覽器分頁裡。沒有安裝程式、沒有建置步驟、沒有素材匯入流程,也不用寫腳本。打開頁面,打一句話,看結果。全部上手成本就這些。

同一條流程也生成圖磚和道具,不只是角色。三種情況下,網格尺寸和調色盤都是同一組設定;唯一的差別是你事後做的檢查。角色查循環,圖磚查四條邊的接縫,道具在 1 倍縮放下查剪影。

Neta Studio 上同系列的像素頁面涵蓋了這一頁沒講的部分:在生成好的元件裡手動編輯個別像素,以及把你已有的影格打包成精靈表。你手上有影格但缺打包工具,就從那邊開始。什麼都沒有,就從這裡開始。

從圖片生成像素藝術

文字只是其中一條輸入路徑,另一條是圖片。上傳一張照片或一個現成的精靈,這條流程不是去描述它,而是替它換風格:保留構圖和剪影,把調色盤和網格壓到你選定的設定上。

如果你已經有一個姿勢正確的精靈,只想換調色盤或改解析度;如果你有一張背景乾淨、剪影清楚的照片;如果你需要新圖磚去搭配一個你已經喜歡的圖磚 — 圖片這條路更合適。沒有參考、需要一個沒人拍過的姿勢,或者你想指定的東西是影格數 — 那文字這條路更合適。

圖片輸入的失敗模式是細節。一張照片縮到 32x32,除了剪影全都留不住,所以目標網格要在上傳之前決定,不是之後。軟邊 — 頭髮、煙、動態模糊 — 會變成一圈半透明像素,在淺色背景上讀起來就是一圈灰暈。把 alpha 做硬閾值處理,像素要不不透明、要不直接去掉,剩下的交給 alpha test。

AI 像素藝術生成器:文字輸入還是圖片輸入

兩種輸入最後都落到同一筆元件記錄上。差別在於你願意把力氣花在哪:事先把結果講清楚,還是事後修正一個既有的結果。

輸入方式更適合的情況要注意
文字你需要一個能講清楚的特定姿勢、視角、影格數或調色盤句子含糊;不寫影格數就預設單一格
圖片你已經有構圖,只想改風格、調色盤或網格軟邊、雜亂背景、撐不過目標網格的細節

走進它所屬的世界

精靈是一個無處可站的角色。最後這一步是別人都沒提供的:把你剛做好的精靈表放進一個有人能走動的世界 — 一座小島、一顆行星、一個下雨的街角。這個網站上的每個世界,都是從一段文字描述做出來,並發佈成一個可以玩的頁面。

常見問題

免費嗎? +

在瀏覽器裡生成可以免費試。沒有安裝程式,也沒有建置步驟,所以搞清楚輸出是否適合你的專案,成本就是一句話和幾秒鐘。

需要帳號嗎? +

單純生成和看結果的話不需要。帳號的作用是把專案綁在你身上,而不是綁在某個瀏覽器分頁上 — 一旦你希望某個元件明天還在,這件事就重要了。

精靈是多大尺寸? +

網格由你選:16x16、32x32 或 64x64,預設 32x32。精靈表寬度等於網格寬度乘以影格數,所以 8 影格的 32x32 角色就是一張 256x32 的圖。影格排成一列就行,WebGL2 不在乎尺寸是不是 2 的次方。

結果能做動畫嗎? +

可以。在句子裡寫明影格數和循環,然後檢查最後一格能不能順回第一格。播放速率預設每秒 8 格;在 32x32 下低於約 6 格就像放幻燈片,高於約 12 格就開始抖。

能得到透明背景嗎? +

可以,精靈表帶透明通道。常見問題是摳掉背景的地方留下一圈半透明像素,在淺色地形上就是一圈光暈。把 alpha 做硬閾值,再把精靈材質的 alpha test 設為 0.5。

能用在商業遊戲裡嗎? +

這是授權問題,不是技術問題,答案取決於工具附帶的條款,而不取決於像素是怎麼產生的。去讀那些條款;如果專案要緊,條款就自己另找專業意見。

結果能編輯嗎? +

可以。元件把網格、調色盤和影格數當作中介資料保留下來,所以你可以重畫個別像素、整體換調色盤,或只重新生成某一格而不用重做其餘部分。所有編輯都落在像素網格上,重新匯出時不會有任何重取樣。

它能取代美術嗎? +

不能。它擅長的是量和初稿:佔位素材、圖磚變體、場景裡的一堆道具、調色盤探索。它弱在意圖上 — 16x16 下讀得通的剪影、一整套裡一致的打光方向、能表現出重量感的關鍵影格節奏。美術用它來跳過空白畫布,不是跳過工作。

回到 3D 遊戲建構器

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

平台: Neta Studio頁面: AI 像素藝術生成器接著讀: /explore/tool/pixel-art-maker · /explore/tool/image-to-pixel-art · /explore/guide/pixel-art-sizes
×