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 圖集。沒有壓縮檔、沒有逐塊檔案、沒有清單檔。
- 僅需瀏覽器免安裝、免帳號。產生器就在分頁中執行,下載的檔案就是完成品。
01
輸入一段提示詞,寫明地形、視角(俯視或橫向捲軸)、美術風格與調色盤。
02
選擇 4×4 取得精簡組合,或選擇 8×8 取得完整圖集。
03
產生原始圖集,並查看旁邊顯示的儲存格尺寸。
04
下載 PNG,或直接送進 Neta Studio 場景中擺放。

真正可用的遊戲圖塊集需要什麼
有四項特性可以區分可用的圖塊集與裝飾性圖片。網格對齊意指每個儲存格的寬高一致,且圖集尺寸是儲存格尺寸的整數倍。無縫邊緣意指圖塊右緣的像素會延續到緊鄰其右側圖塊的左緣像素,上下亦然。變體意指整組包含各自不同的角落、邊緣與中心圖塊,而不是同一個方格重複使用。一致的調色盤意指每塊圖塊都取自同一組色階,因此牆面不會出現地板從未用過的色相。
影像模型最佳化的是一張有說服力的單一圖片。圖塊集產生器則必須針對重複與相鄰性最佳化:同一塊圖塊被放置兩百次,以及任何圖塊被放在任何其他圖塊旁邊。這是兩種不同的目標。一張以單一圖片生成的漂亮無縫紋理並不是圖塊集,它只是一塊圖塊。圖塊集還需要疊加上網格運算。
這就是為什麼產生器會明確輸出儲存格尺寸與明確的變體配置。當你把圖集放進編輯器或場景時,不需要猜測任何事:步幅、數量,以及哪些儲存格是邊緣、哪些是中心,全都由輸出結果定義。
| 需求 | 檔案中的意義 | 否則會出什麼問題 |
|---|---|---|
| 網格對齊 | 圖集寬高是儲存格尺寸的精確倍數 | 以分數切分會留下 1–2 像素的接縫,或裁掉最後一欄 |
| 無縫邊緣 | 右緣像素會延續成鄰塊的左緣像素 | 地板上出現可見的垂直與水平線 |
| 變體 | 圖集中有各自不同的角落、邊緣與中心儲存格 | 地形區塊的邊緣看起來與其內部完全相同 |
| 單一調色盤 | 所有儲存格都取自同一組色階 | 相鄰擺放時圖塊互相衝突,整體看起來像拼湊而成 |
步驟 1:產生原始圖塊美術
這個原始階段處理的是美術,而不是版面配置。不要在提示詞中試圖描述一整組完成的自動圖塊;請描述一個表面。一個可用的提示詞包含四個部分,漏掉其中一部分,通常就是生成結果無法使用的原因。
這四個部分是地形、視角、風格與調色盤。地形是材質:龜裂的石頭、長苔的鵝卵石、濕潤的沙地。視角是俯視或橫向捲軸,而且必須明確寫出,因為產生器無法從主體推斷投影方式。風格是渲染語言:16 位元像素藝術、扁平向量、手繪。調色盤是限制條件:一套具名的有限色組,或是一段範圍,例如冷色調的綠與灰色石頭。
在同一個系列中,請讓地形描述保持一致。如果你為同一款遊戲先生成 4×4 的石頭組合,再生成 4×4 的草地組合,請逐字沿用相同的風格與調色盤措辭。把「16 位元像素藝術、低飽和」改成「色彩鮮豔的像素藝術」,正是產出兩組無法共存於同一場景的組合的原因。
01
地形:寫明材質與其狀態 — 濕潤的鵝卵石、乾燥龜裂的土地、覆蓋岩石的積雪。
02
視角:在第一句就寫明俯視或橫向捲軸。
03
風格:寫明一種渲染語言 — 16 位元像素藝術、平面著色、手繪。
04
調色盤:加以限定 — 有限調色盤、冷色調的綠與灰色石頭,或特定的色階。
步驟 2:對齊到完美網格(47 圖塊/團塊)
這正是影像模型略過的另一半。一旦你有了原始圖塊美術,就必須把它轉成遊戲引擎能當作自動圖塊規則使用的格式。常見的格式是 47 圖塊團塊組。數字 47 來自逐一列舉單一儲存格的鄰居配置:其周遭八個鄰居中,哪些屬於相同地形。一旦考慮對稱性,以及哪些配置實際可達,並非全部 256 種組合都互不相同,因此整組會收斂為 47 塊互異的圖塊。懂得這套對應關係的渲染器,就能為地圖上每個位置自動挑出正確的儲存格。
產生器會把美術吸附對齊到該網格。吸附包含兩道操作。第一,圖集會經過重新取樣,讓每個儲存格落在精確的像素寬度 — 對一張 512 像素的 8×8 圖集而言就是 64,任何以 60 或 70 繪製的美術都會被縮放到 64。第二,變體座標會被指派到固定的儲存格索引,因此儲存格 0 永遠是某個特定的角落配置,儲存格 46 永遠是某個特定的邊緣。沒有任何事需要靠肉眼判讀。
如果你不使用自動圖塊規則,而是手動放置圖塊,可以略過 47 變體的對應 — 但你仍然會需要網格吸附。手動放置時,儲存格之間若出現 3 或 4 像素的偏移,就會產生那種淡淡的階梯狀接縫,而這種接縫在一段長長的水平地板中最容易察覺。
| 設定 | 吸附後圖集中的數值 | 效果 |
|---|---|---|
| 儲存格尺寸 | 可整除圖集尺寸的精確值 | 引擎以固定步幅切分,不會裁切 |
| 變體數量 | 47 種互異的鄰居配置 | 自動圖塊規則為每個位置挑出正確的圖塊 |
| 索引指派 | 每種配置對應固定儲存格 | 重新生成時,同一個儲存格代表同一項工作 |
| 吸附容差 | 重新取樣至精確的儲存格寬度 | 消除會顯現為階梯狀接縫的 1–4 像素偏移 |
圖塊集範本 — 下載 Photoshop/Aseprite 網格
範本是一種儲存格版面,讓你墊在美術底下檢查對齊,並不是完成的圖塊集。請將它匯出成與圖集尺寸相同的透明 PNG — 8×8、每格 64 像素的組合即為 512×512 — 並在 Photoshop 或 Aseprite 中載入為最上層。任何美術未落在網格線內的儲存格,在進入引擎之前就已經偏移了。
範本值得使用,因為網格錯誤在版面上修正很便宜,事後才修則很昂貴。一塊畫低 2 像素的圖塊單獨看沒問題,一旦鋪排就會產生明顯的水平色帶。把網格墊在美術底下,就能讓你立刻看見這個問題。
在 Aseprite 中,把精靈尺寸設為圖集尺寸,並使用以儲存格尺寸為間距的網格。在 Photoshop 中,放上透明網格圖層並鎖定,然後在下方圖層上繪製圖塊;工作時網格會持續顯示。兩種情況下,網格都只是檢查工具,不屬於匯出的檔案。
01
以精確的圖集尺寸匯出範本 — 8×8、每格 64 像素的組合即為 512×512。
02
Aseprite:把精靈設為圖集尺寸,並將網格間距設為儲存格尺寸。
03
Photoshop:把透明網格放為最上層並鎖定。
04
在網格底下繪製,匯出前再隱藏或刪除網格圖層。
俯視與橫向捲軸組合的差異
這是人們最常搜尋的兩種視角,而它們會改變美術必須包含的內容。俯視組合是平面視圖:你從上方看見表面,地形的邊緣讀起來像是不同材質之間的分界。橫向捲軸組合是立面視圖:你看見一個正面,因此牆面有高度,地板有可見的前緣。同一句提示詞 —「石頭地板」— 會因為你指的是哪一種,而描述出截然不同的幾何形狀。
在俯視組合中,牆的高度是暗示出來的,並非畫出來的。牆面圖塊是一個帶有受光邊緣的表面,引擎以分層方式處理深度。地板爬移 — 在跟隨玩家的攝影機底下,地面看似產生的位移 — 微乎其微,因為圖塊是以平面視角觀看。在橫向捲軸組合中,牆的高度是字面上的:牆面圖塊是一個垂直的正面,具有上緣與下緣,而且必須與其下方的地板圖塊乾淨地銜接。地板圖塊本身也有爬移,也就是攝影機移動時的水平捲動,而它的重複接縫正是玩家最先注意到的那一條。
實際的結果是:橫向捲軸組合需要更多垂直銜接的變體 — 一塊牆到地板的過渡圖塊、一塊牆頂圖塊,以及一塊平台頂部的圖塊。俯視組合則需要更多相鄰地形之間的過渡變體。請直接產生符合你攝影機的那一種;不要產生其中一種之後,再試圖把它旋轉過來。
| 面向 | 俯視 | 橫向捲軸 |
|---|---|---|
| 投影 | 由上而下的平面視圖 | 正面的立面視圖 |
| 牆的高度 | 以分層暗示,並非畫出 | 如實畫進圖塊之中 |
| 地板爬移 | 極小,攝影機以平面俯視 | 攝影機橫向捲動時清晰可見 |
| 關鍵變體 | 地形與地形之間的水平過渡 | 牆到地板與牆頂的過渡 |
常見的 AI 圖塊集失敗模式(與修正)
大多數無法使用的輸出,都出自四種問題。每一個都有可以指名的成因,以及不必重新生成全部內容就能套用的修正方式。
接縫。成因:美術是以單一圖片生成後再行切分,因此圖塊的右緣從未被約束成要與鄰塊的左緣相符。修正:以明確的網格在圖塊層級生成,然後在匯出前於編輯器中檢查一段水平排列的三塊圖塊。風格漂移。成因:各次生成之間的風格與調色盤措辭改變了,或提示詞在一張圖集裡描述了太多主體。修正:凍結風格與調色盤的那句話,並在系列中的每一次生成都逐字沿用。
網格偏移。成因:圖集尺寸無法被儲存格數量整除,或美術是以差了幾個像素的儲存格尺寸繪製。修正:吸附到精確的整除值並重新取樣,再用網格範本驗證。缺少變體。成因:原始階段產出的是一塊圖塊的多種變化,而不是一組變體。修正:把吸附後的美術指派到 47 團塊索引配置,讓角落、邊緣與中心確實存在並被索引,而不是指望它們自己出現。
- 接縫修正以網格為基準逐塊生成;匯出前驗證一段水平排列的三塊圖塊。
- 風格漂移修正在系列中的每一次生成,都沿用完全相同的風格與調色盤句子。
- 網格修正把圖集尺寸吸附到儲存格尺寸的精確倍數並重新取樣,而不是裁切。
- 變體修正把吸附後的美術對應到 47 團塊索引,讓角落、邊緣與中心全都存在。
何時該改為手工製作
產生器擅長快速處理地形,卻不擅長掌握意圖。如果你的圖塊集是這款遊戲的視覺識別 — 一個風格化的環境,其中岩石的特定形狀本身就是一項設計決策 — 那麼人類藝術家會勝過產生器,因為產生器挑選的是一個看起來合理的表面,而不是你的表面。這是真實的侷限,不是行銷上的但書。
當圖塊數量極少且高度特定時,它也會落敗。一個單一解謎房間用的三塊圖塊組合,直接畫出來會比描述之後再修正來得快。當美術必須精確符合既有組合時,它同樣會落敗:要讓生成圖集符合手繪的調色盤與線條粗細,所需的編輯量比直接補畫那幾塊缺少的圖塊還多。
誠實的定位是:產生器處理的是多數情況 — 一套協調一致、鎖定網格且變體完整的地形組合 — 並乾淨地把少數情況交出去。承認這項交接,正是讓工具變得可用的原因:你能事先知道該把哪種工作交給它。產生器的輸出同樣可以編輯,因此「生成一組再加上少量手動修飾」是正常的工作流程,而不是失敗。
若是角色與道具而非地形,Agent Sprite Forge 涵蓋的是另一項工作。若是地形組合,AI 圖塊集產生器是正確的起點,而 Mini World 則讓你能看見一整組被放進場景中,而不是只把它當作一張圖集來檢視。
走進它所屬的那個世界
精靈是一個無處可站的角色。最後這一步是別人都不提供的:把你剛做好的圖集帶進一個有人能四處走動的世界 — 一座小島、一顆行星、一個下雨的街角。本網站上的每一個世界,都是由一段文字描述製成,並發佈成一個你可以遊玩的頁面。
FAQ
AI 圖塊集產生器是免費的嗎? +
是的。它在瀏覽器中執行,免註冊、免安裝,而下載的 PNG 就是完成品。
我可以將這些圖塊集用於商業用途嗎? +
圖集是你自行生成並下載的,因此這個檔案歸你使用。在正式發佈前,請針對你自己的專案確認授權條款。
它輸出的圖塊尺寸是多少? +
儲存格尺寸取決於能整除圖集的數值:512×512 的圖集在 8×8 時為 64×64 的儲存格,在 4×4 時為 128×128。精確的儲存格尺寸會與結果一同顯示。
這些圖塊的邊緣是無縫的嗎? +
產生器是以網格為基準逐塊運作,而不是切分單一圖片,因此消除了常見的接縫成因。匯出前請在你的編輯器中驗證一段水平排列的三塊圖塊。
我可以上傳一張基礎圖片並用它來生成嗎? +
輸入是一段文字提示詞。你可以先產生原始階段、下載圖集,並在使用前於 Photoshop 或 Aseprite 中編輯個別儲存格。
之後我可以編輯結果嗎? +
可以。輸出是標準的 PNG 圖集。在任何像素編輯器中開啟它、重新繪製儲存格,並把網格範本墊在你的圖層底下以檢查對齊。
回到 3D 遊戲建構器
全部 31 個完成的 3D 世界、遊戲與場景都在同一個頁面上 — 每一個都可以玩。