免費 AI 圖磚集產生器 · 輸入提示,輸出精靈表

AI 圖磚集產生器 — 用一句描述做出可直接進遊戲的圖磚集

做出你自己的 ai 圖磚集產生器

描述你的世界,拿到一份格線精準的圖磚集,可直接下載或馬上使用。免費 AI 圖磚集產生器 — 俯視與橫向卷軸兩種,免註冊,在瀏覽器裡跑。

✦遊戲
產生一份圖磚集:長滿苔蘚的石造地城,俯視

AI 圖磚集產生器吃一段對地形的文字描述,吐出一張切好的精靈表,可以直接丟進遊戲引擎。在 Neta Studio,輸入是一段提示,輸出是 4×4 或 8×8 的網格:每個儲存格的像素尺寸一致,接縫處的邊緣對得上,整張表下載成一個 PNG。它在瀏覽器裡跑,俯視或橫向卷軸都行,不必註冊。

難的不是畫出一塊好看的圖磚。難的是做出一整組:草地格緊鄰泥土格卻看不出接縫,而且角落、邊緣、中心是不同的變體,不是同一塊方格重複貼。這就是產生器和一般圖像模型的差別,也是這一頁接下來要講的東西。

AI 圖磚集產生器(實際畫面)

第一個畫面就是提示欄位。你輸入一段對地形的描述 — 地面材質、視角、色盤、圖磚數量 — 產生器回傳一張表。預設是 8×8:六十四格排成正方形。想要格數少一點、每格大一點,或是在投入整套之前先快速測一下色盤,可以選 4×4。

輸出是一個 PNG。格線不是靠眼睛判斷的 — 是算出來的。如果這張表是 512×512、網格是 8×8,每一格就正好是 64×64,沒有零頭,遊戲引擎可以用固定的間距直接切。你把這個 PNG 下載下來,看是要當貼圖圖集直接用,還是丟進編輯器重畫個別儲存格。

因為結果是一整張表而不是一資料夾的檔案,你也可以直接餵進 Neta Studio 的場景。貼到一個平面上,把圖磚間距設成跟儲存格尺寸一致,這張表就會自動鋪滿整個表面,不必逐格管理檔案。

  • 輸出鎖定格線表的長寬可以被列數與欄數整除,不會有任何一格夾到隔壁的碎片。
  • 單檔下載整組匯出成單一 PNG 圖集。沒有 zip,沒有逐格檔案,沒有清單。
  • 只在瀏覽器裡跑不用安裝,不用帳號。產生器就在分頁裡跑,下載下來的檔案就是成品。
1

01

輸入一段提示,寫明地形、視角(俯視或橫向卷軸)、美術風格與色盤。

2

02

要精簡的組選 4×4,要完整圖集選 8×8。

3

03

產生原始表,並讀一下旁邊標示的儲存格尺寸。

4

04

下載 PNG,或直接送進 Neta Studio 場景裡擺放。

8-frame isometric golem walk — a real generated sheet on a clean grid
輸出:格線對齊的表,每個動作一列

一套真的能進遊戲的圖磚集需要什麼

有四項特性會把可用的圖磚集和單純好看的圖片分開。格線對齊,意思是每一格的寬高一致,而整張表的尺寸是儲存格尺寸的整數倍。無縫邊緣,意思是圖磚右緣的像素會延續到放在它右邊那塊圖磚的左緣像素,上下亦然。變體,意思是這一組裡有各自不同的角落、邊緣與中心圖磚,而不是同一塊方格重複用。色盤一致,意思是每一塊圖磚都取自同一條色彩階,牆面不會冒出地板從沒用過的色相。

圖像模型最佳化的是單張圖片要說服人。圖磚集產生器必須最佳化的是重複與相鄰:同一塊圖磚放兩百次,以及任何一塊圖磚擺在另一塊旁邊。這是兩個不同的目標。把一張漂亮的無縫貼圖當成一張圖生成,那不是圖磚集,那只是一塊圖磚。圖磚集還需要疊上格線的數學。

這就是為什麼產生器會明確輸出儲存格尺寸與明確的變體配置。當你把這張表丟進編輯器或場景,沒有東西需要猜:間距、格數、哪些格是邊緣、哪些是中心,全部都由輸出定義好了。

需求在檔案裡代表什麼不滿足會怎樣壞掉
格線對齊表的寬與高是儲存格尺寸的整數倍切出零頭,會留下 1–2 px 的接縫,或把最後一欄裁掉
無縫邊緣右緣像素延續到鄰格的左緣像素地板上會出現看得見的垂直與水平線
變體表裡有各自不同的角落、邊緣、中心格一塊地形的邊緣看起來跟它的內部一模一樣
單一色盤所有儲存格都取自同一條色彩階圖磚相鄰時打架,整體看起來像拼裝的

步驟 1:產生原始圖磚美術

原始這一輪是為了美術,不是為了版面。不要在提示裡試著描述一套完成的自動圖磚組;描述一個表面就好。可用的提示有四個部分,漏掉其中一個,通常就是生成結果不能用的原因。

這四個部分是地形、視角、風格、色盤。地形是材質:龜裂的石頭、長苔的鵝卵石、濕沙。視角是俯視或橫向卷軸,而且必須寫明,因為產生器沒辦法從題材推斷投影方式。風格是渲染語言:16-bit 像素藝術、平面向量、手繪。色盤是限制:指定一組有限色,或一個範圍,例如冷綠與灰石。

同一系列裡的描述要保持一致。如果你先產一套 4×4 的石頭組,再為同一個遊戲產一套 4×4 的草地組,風格與色盤的措辭要逐字沿用。把「16-bit 像素藝術、低飽和」改成「色彩鮮豔的像素藝術」,跑出來的兩套就不能擺在同一個場景裡。

1

01

地形:寫出材質與它的狀態 — 濕鵝卵石、乾裂土地、覆蓋在岩石上的雪。

2

02

視角:第一句就寫明俯視或橫向卷軸。

3

03

風格:寫出一種渲染語言 — 16-bit 像素藝術、平面著色、手繪。

4

04

色盤:給上限 — 限定色盤、冷綠與灰石,或某一條指定色彩階。

步驟 2:對齊到完美格線(47-tile / blob)

這一半是圖像模型跳過的部分。拿到原始圖磚美術之後,它必須變成一種遊戲引擎能當成自動圖磚規則吃的格式。常見的格式是 47-tile blob 組。數字 47 來自列舉單一儲存格的鄰居組態:它周圍八個鄰居中,哪些是同一種地形。把對稱性與可達到的組態算進去之後,256 種組合併不全都相異,所以整組收斂成 47 塊獨特的圖磚。知道這套對應的渲染器就能替地圖上每個位置自動挑對的格。

產生器會把美術對齊到那個格線。對齊包含兩個動作。第一,整張表重新取樣,讓每一格落在精確的像素寬度上 — 8×8 的表、512 像素,那就是 64,任何畫在 60 或 70 的美術都會被縮放到剛好落在 64。第二,變體座標會被指派到固定的儲存格索引,所以第 0 格永遠是某個固定的角落組態,第 46 格永遠是某個固定的邊緣。沒有東西留給眼睛去讀。

如果你不用自動圖磚規則、要手動擺圖磚,可以跳過 47 變體的對應 — 但你還是要格線對齊。手動擺放時儲存格之間偏了 3 或 4 像素,就是那條淡淡的階梯狀接縫的來源,而它在一長段水平地板沿線上最容易被看出來。

設定對齊後的表上的值效果
儲存格尺寸表的尺寸能被整除引擎用固定間距切,不會裁到
變體數量47 種獨特的鄰居組態自動圖磚規則能替每個位置挑對圖磚
索引指派每個組態對到固定的格同一格在每次重新生成都代表同一件事
對齊容差重新取樣到精確的儲存格寬度消除 1–4 px 的偏移,那會顯現成階梯狀接縫
同一張表逐格播放 — 每一格尺寸都一樣。

圖磚集範本 — 下載 Photoshop / Aseprite 格線

範本是你墊在美術底下檢查對齊用的儲存格版面,不是一套完成的圖磚集。把它匯出成跟你那張表相同尺寸的透明 PNG — 8×8、每格 64 像素的話就是 512×512 — 在 Photoshop 或 Aseprite 裡載入成最上層。任何一格的美術沒有落在格線內,就是在進引擎之前就已經歪了。

範本值得用,是因為格線的錯誤在版面上修很便宜,事後修很貴。一塊畫低了 2 像素的圖磚單看沒問題,鋪起來就變成一條看得見的水平帶。把格線墊在美術底下,這件事會變成你立刻就看得到的東西。

在 Aseprite 裡,把 sprite 尺寸設成表的尺寸,並用儲存格尺寸當作格線間距。在 Photoshop 裡,把透明格線層放上去、鎖住,在下面那一層畫圖磚;畫的時候格線一直看得見。兩種情況下,格線都是檢查工具,不是匯出檔案的一部分。

1

01

範本要用精確的表尺寸匯出 — 8×8、64 px 一格的話就是 512×512。

2

02

Aseprite:把 sprite 設成表的尺寸,格線間距設成儲存格尺寸。

3

03

Photoshop:把透明格線放成最上層並鎖住。

4

04

在格線底下畫,匯出前把格線層隱藏或刪掉。

俯視組與橫向卷軸組

這是大家會搜尋的兩種視角,而它們會改變美術必須包含什麼。俯視組是平面圖:你從上方看表面,地形邊緣讀起來是材質之間的分界。橫向卷軸組是立面圖:你看到的是一個面,所以牆有高度,地板有看得見的前緣。同一句提示 — 「石頭地板」 — 因為你指的不是同一件事,描述的是很不一樣的幾何。

俯視組裡,牆高是暗示的,不是畫出來的。一塊牆面圖磚是一個帶受光邊的表面,深度由引擎分層處理。地板捲動 — 當攝影機跟著玩家時,地面看起來在移動 — 幾乎不存在,因為圖磚是平視的。橫向卷軸組裡,牆高是字面上的:一塊牆面圖磚是一個垂直的面,有上緣和下緣,而且必須乾淨地接到它下方的地板圖磚上。地板圖磚有它自己的捲動,也就是攝影機移動時的水平捲動,而它的重複接縫是玩家第一個會注意到的。

實務上的結果是,橫向卷軸組需要更多垂直方向的銜接變體:牆到地板的過渡圖磚、牆頂圖磚、平台頂面的圖磚。俯視組則需要更多相鄰地形之間的橫向過渡變體。產生對應你攝影機的那一種;不要產一種然後想辦法把它轉過來用。

面向俯視橫向卷軸
投影從上方的平面圖一個面的立面圖
牆高由分層暗示,不畫出來字面上的,畫進圖磚裡
地板捲動幾乎沒有,攝影機平視往下攝影機橫向捲動時看得見
關鍵變體地形到地形之間的橫向過渡牆到地板、以及牆頂的過渡

常見的 AI 圖磚集失敗模式(與修法)

有四種問題涵蓋了大多數不能用的輸出。每一種都有說得出名字的原因,以及不必整批重新生成就能套用的修法。

接縫。原因:美術是當成一張圖生成、事後才切開,所以一塊圖磚的右緣從來沒有被約束要對上鄰格的左緣。修法:在圖磚層級、對著明確的格線生成,然後匯出前在編輯器裡檢查三個圖磚連成的水平沿線。風格飄移。原因:兩次生成之間風格與色盤的措辭變了,或提示在一張表裡描述了太多題材。修法:把風格與色盤那句凍結起來,在系列裡的每一次生成都逐字沿用。

格線歪掉。原因:表的尺寸不能被格數整除,或美術畫的時候儲存格尺寸就差了幾像素。修法:對齊到精確的整除值並重新取樣,然後用格線範本驗證。變體缺漏。原因:原始那一輪產生的是一塊圖磚的變化,不是一組變體。修法:把對齊後的美術指派到 47-blob 的索引版面上,讓角落、邊緣、中心都在而且有索引,而不是指望它們自己冒出來。

  • 接縫修法對著格線逐格生成;匯出前檢查三個圖磚連成的水平沿線。
  • 風格飄移修法同一系列裡的每一次生成都沿用一模一樣的風格與色盤那句。
  • 格線修法把表的尺寸對齊到儲存格尺寸的精確倍數並重新取樣,不是裁切。
  • 變體修法把對齊後的美術對到 47-blob 的索引上,讓角落、邊緣、中心都存在。

什麼時候該自己動手做

產生器對地形很快,對意圖很慢。如果你的圖磚集就是這個遊戲的視覺識別 — 一個風格化的環境,其中某塊石頭的特定形狀本身就是設計決定 — 人類美術會贏過產生器,因為產生器挑的是一個說得過去的表面,不是你的表面。這是真實的限制,不是行銷上的但書。

當圖磚數量很少又很特定時,它也輸。一個單獨謎題房間用的三塊圖磚組,自己畫比描述完再修正還快。而當美術必須精確匹配既有的那一套時,它也輸:要讓生成出來的一整張表對上手繪的色盤和線寬,修圖的量比直接補畫那幾塊缺的還多。

誠實的立場是:產生器處理多數情況 — 一套連貫的地形組、格線鎖定、變體齊全 — 而把少數情況乾淨地交出去。承認這個交接,工具才真的可用:你事先就知道哪種活該交給它。產生器的輸出也是可以編輯的,所以生成的組加上一小段手動修整是正常工作流,不是失敗。

如果是角色和道具而不是地形,Agent Sprite Forge 處理的是另一種活。地形組的話,AI 圖磚集產生器是對的起點,而 Mini World 是你把一組圖磚放進場景裡看,而不是當成一張表來檢視的地方。

Agent Sprite Forge — 這一頁背後的精靈表產生器,實際畫面。
一組生成好的圖磚放進可以玩的世界裡。

走進它所屬的那個世界

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

常見問題

AI 圖磚集產生器是免費的嗎?+

是。它在瀏覽器裡跑,免註冊、免安裝,下載的 PNG 就是完成的檔案。

產生的圖磚集可以商用嗎?+

表是你自己生成、自己下載的,所以檔案是你的、你可以用。上線前請再確認你自己專案的授權條款。

它輸出多大的圖磚?+

儲存格尺寸取決於什麼能整除這張表:512×512 的表在 8×8 時是 64×64 一格,在 4×4 時是 128×128。確切的儲存格尺寸會跟結果一起顯示。

圖磚在邊緣是無縫的嗎?+

產生器是對著格線逐格處理,不是把一張圖切開,這就消除了常見的接縫來源。匯出前請在你的編輯器裡檢查三個圖磚連成的水平沿線。

我可以上傳一張底圖,從它生成嗎?+

輸入是一段文字提示。你可以先跑一輪原始生成、下載那張表,使用前在 Photoshop 或 Aseprite 裡編輯個別儲存格。

結果之後可以再編輯嗎?+

可以。輸出是標準的 PNG 圖集。用任何像素編輯器打開,重畫儲存格,並把格線範本墊在你的圖層底下檢查對齊。

回到 3D 遊戲產生器

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

平台:Neta Studio頁面:AI 圖磚集產生器接著讀:/app/free-tilesets · /explore/tool/tile-map-editor · /use-cases/en/tilesetter-alternative
×