示意 16×12 地圖,包含水邊、穿越小徑、草地、樹木、岩石與花朵,旁邊搭配六格素材調色盤。
構成式地圖範例:每格 24 像素、16 × 12 格對應 384 × 288 PNG。此圖示範地圖結構,而非生成的 tileset。
直接答案

像素地圖製作工具是免費的嗎?

可以。瀏覽器格線、地形調色盤與 PNG 匯出皆可免費使用。自訂圖塊與引擎地圖資料仍在 Studio 規劃中。

即時工作區

本機工作。乾淨匯出。

這個工具會在你的瀏覽器中執行。檔案會留在你的裝置上,也不會使用任何生成積分。

圖塊調色盤01
本機執行0 積分
在遊戲中

把素材當作一款遊戲來看。

探索玩法、掌機使用情境與協調一致的設計。這些 AI 生成概念圖僅用於示範視覺可能性;上線前請先檢查你自己的素材與引擎匯入結果。

AI 生成的像素 RPG 城鎮概念圖,串連的小徑、房屋、河流與村民,搭配一致的地形、建築與道具設計。

從配套素材到完整城鎮

檢視地形、建築與道具如何共同構成一個有人居住的關卡。

像素風 RPG 遊玩概念圖,角色正在探索森林、道路、道具與精簡的遊戲 HUD。

一個置身於生動 RPG 世界中的角色

在實際遊戲尺寸下,一起判斷角色輪廓、地形比例與介面。

科幻像素遊戲關卡概念圖,包含玩家角色、未來建築、介面與對比鮮明的環境光。

不同世界,同一套設計語言

探索不同類型,同時維持角色比例、光影與介面語言的一致性。

實用範例

在小地圖上規劃路線

先使用明確的輸入,檢視輸出,並確認目前限制,再決定下一步。

示意 16×12 地圖,包含水邊、穿越小徑、草地、樹木、岩石與花朵,旁邊搭配六格素材調色盤。
構成式地圖範例:每格 24 像素、16 × 12 格對應 384 × 288 PNG。此圖示範地圖結構,而非生成的 tileset。

範例輸入

從內建 16 × 12 網格開始。從圖塊調色盤中選擇草地、水域、道路、樹木、岩石或花朵。

檢查重點

  1. 先在左側畫出水域邊緣,再從網格的一側畫一條路徑到另一側。
  2. 在路線旁放置樹木或岩石,並保留足夠空間,讓玩家能看出該往哪裡走。
  3. 匯出 PNG,並將路線與你需要的遊戲版面比對。

預期輸出

免費畫布會匯出 384 × 288 PNG:16 × 12 格,每格 24 像素。

目前限制

這個畫布匯出的是平面圖片,不包含碰撞、物件圖層、Tiled 地圖資料或引擎場景檔。此免費畫布也不提供自訂圖塊與持久化多地圖專案。

官方工作流程參考

在準備自己的匯入流程時,請參考引擎或編輯器文件。這些資料只說明檔案與播放行為,並不代表對 PixelBox 的背書。

發布者與支援

內容已更新:

由 LlamaGen 發布與維護。本頁說明目前 PixelBox 的控制項與匯出格式。如有資訊錯誤或匯出問題,請聯絡團隊。

01 / 為什麼有效

為正式生產而做,不只是預覽。

01

快速打樣

在清楚易讀的網格上繪製地形、道路、水域、樹木與地標。

02

免安裝

立即在瀏覽器中開始設計地圖。

03

PNG 規劃參考

將 16×12 版面匯出為 384×288 PNG 參考圖,方便你在遊戲引擎中重建關卡。

02 / 工作流程

從來源到清楚標示的輸出。

步驟 01

選擇 tile

選擇草地、水域、道路、樹木、岩石或花朵。

步驟 02

繪製網格

點選或拖曳地圖以規劃場景。

步驟 03

匯出地圖

將目前版面下載為 PNG 規劃參考。

03 / 常見問題

開始建立前,先確認條件清楚。

地圖製作工具是免費的嗎?

可以。基本的瀏覽器地圖畫布是免費的,而且不需要帳戶。

我可以使用自己的 tiles 嗎?

這個畫布使用內建圖塊調色盤。目前還不支援自訂圖塊上傳與已儲存的多地圖專案。

會匯出引擎資料嗎?

地圖製作器匯出的是 PNG 參考圖,不是可編輯的引擎地圖。目前還不支援 Tiled、Godot 或 Unity 的地圖資料匯出。

流程中的下一步

Keep building the same world.

接著使用符合下一步需求的工具:準備參考圖、檢視動畫幀,或為你的遊戲引擎打包 atlas。