水辺の縁、交差する道、草、木、岩、花を配置し、6タイルのパレットを添えた16×12のイラスト付きタイルマップ。
構成例のマップです。1タイル24ピクセル、16 × 12 セルで 384 × 288 PNG に相当します。生成済みタイルセットではなく、マップ構造を示しています。
直接回答

ピクセルアートのマップメーカーは無料ですか?

はい。ブラウザー上のグリッド、地形パレット、PNG書き出しは無料です。カスタムタイルとエンジン用マップデータは、Studioの今後の開発予定に含まれています。

ライブワークスペース

ローカルで作業。きれいに書き出し。

このユーティリティはブラウザ内で動作します。ファイルは端末内に保存されたままで、生成クレジットは使用しません。

タイルパレット01
ローカルで実行0 クレジット
ゲーム内で

アセットをゲームとして見る。

ゲームプレイ、携帯端末での使いやすさ、統一感のあるデザインを検討できます。これらのAI生成コンセプトは見た目の可能性を示すもので、公開前にはご自身のアセットとエンジン読み込みを確認してください。

つながる道、家、川、村人を描いたピクセルRPGの町のコンセプト。地形・建物・小物のデザインも統一されている。

統一セットから、完成された町へ

地形、建物、小物がどう噛み合って“人が暮らす”ステージになっているかを確認できます。

森を探索するキャラクター、道、オブジェクト、コンパクトなゲームHUDを含む、ピクセルアートRPGのゲームプレイコンセプト。

生きたRPG世界の中のキャラクター

キャラクターのシルエット、地形スケール、UIを、実際のゲーム表示サイズでまとめて確認します。

プレイヤーキャラクター、未来的な建築、インターフェース、対照的な環境ライティングを備えた、SFピクセルゲームのステージコンセプト。

世界が変わっても、デザインは一貫

キャラクター比率、ライティング、UIの表現を統一したまま、別ジャンルを試せます。

実践例

小さなマップにルートをブロックアウト

具体的な入力を使い、出力を確認し、現在の制限を見てから次の手順を選んでください。

水辺の縁、交差する道、草、木、岩、花を配置し、6タイルのパレットを添えた16×12のイラスト付きタイルマップ。
構成例のマップです。1タイル24ピクセル、16 × 12 セルで 384 × 288 PNG に相当します。生成済みタイルセットではなく、マップ構造を示しています。

入力例

内蔵の16 × 12グリッドから始めてください。タイルパレットから草、水、道、木、岩、花を選べます。

確認ポイント

  1. 左側に水辺を描き、そこからグリッドの反対側まで道を引きます。
  2. ルートの横に木や岩を置き、プレイヤーが進む場所が伝わる余白を確保します。
  3. PNGを書き出し、必要なゲームプレイレイアウトとルートを比較してください。

期待される出力

無料キャンバスの書き出しは384 × 288のPNGです。16 × 12セルで、1セルあたり24ピクセルです。

現在の制限

このキャンバスは平面画像を書き出すもので、コリジョン、オブジェクトレイヤー、Tiledのマップデータ、エンジンのシーンファイルは含まれません。カスタムタイルや、複数マップをまたぐ永続プロジェクトも、この無料キャンバスでは提供されません。

公式ワークフロー参照

独自のインポートを準備する際は、エンジンまたはエディタのドキュメントを確認してください。これらの資料はファイル形式や再生動作を説明するものであり、PixelBox の推奨を意味するものではありません。

提供元とサポート

コンテンツを更新しました:

LlamaGenによって公開・管理されています。このページでは、現在のPixelBoxの操作と書き出し形式を説明しています。記載内容の誤りや書き出しの問題については、チームまでご連絡ください。

01 / 仕組みが機能する理由

プレビューだけでなく、制作向けに作られています。

01

素早いブロッキング

見やすいグリッド上に、地形・道・水・木・ランドマークを配置します。

02

インストール不要

ブラウザですぐにマップ作成を始められます。

03

PNG制作参考用PNG

16×12のレイアウトを 384×288 PNG の参考画像として書き出し、ゲームエンジンでレベルを再構築できます。

02 / ワークフロー

元データから、分かりやすくラベル付きの出力へ。

ステップ 01

タイルを選択

草、水、道、木、岩、花から選択してください。

ステップ 02

グリッドを描く

マップ上をクリックまたはドラッグして、シーンをブロックアウトしてください。

ステップ 03

マップを書き出し

現在のレイアウトをPNGの作業用参考資料としてダウンロードします。

03 / FAQ

作成前に条件を明確にしてください。

マップメーカーは無料ですか?

はい。基本的なブラウザマップキャンバスは無料で、アカウント登録も不要です。

自分のタイルを使えますか?

このキャンバスは内蔵のタイルパレットを使用します。カスタムタイルのアップロードや保存済みの複数マッププロジェクトは、まだ利用できません。

エンジンデータを書き出せますか?

マップ作成ツールは、編集可能なエンジン用マップではなくPNGリファレンスを書き出します。Tiled、Godot、Unity向けのマップデータ書き出しはまだ利用できません。

パイプラインの次工程

Keep building the same world.

次の作業に合うツールで続けましょう。参考素材の準備、アニメーションフレームの確認、ゲームエンジン向けアトラスのパッケージ化ができます。

PIXELBOX

AIスプライト生成とスプライトシート作成

1人のキャラクターを、レビュー済みの4方向Idle、Walk、Attackパックに変換し、GodotとUnity向けに書き出します。

ツールを開く: AIスプライト生成とスプライトシート作成
PIXELBOX

2026年版 おすすめピクセルゲーム制作ツール

現在の出力と制限に応じて PixelBox のワークフローを選択してください。

ツールを開く: 2026年版 おすすめピクセルゲーム制作ツール
PIXELBOX

ピクセルゲーム素材ツール

スプライトパック、タイルセット、無料ユーティリティ、LabsプレビューをまとめたPixelBoxのスタジオハブです。

ツールを開く: ピクセルゲーム素材ツール
PIXELBOX

Godotピクセルアートツール

Godot 4では、名前付きアニメーション、FPS、ループ設定、安定した原点が必要です。無題のPNGフォルダでは足りません。これらのPixelBoxページは、SpriteFramesのインポートにどれだけ近いかで並んでいます。

ツールを開く: Godotピクセルアートツール
PIXELBOX

Unity向けピクセルアートツール

ピボットと名前付きクリップを揃えることで、Unityのアニメーション確認がしやすくなります。PNGアトラス、座標メタデータ、生成されたAnimationClipファイルのどれが必要かに応じてPixelBoxのワークフローを選び、Unityのバージョンでインポートを確認してください。

ツールを開く: Unity向けピクセルアートツール
PIXELBOX

2026年版 おすすめAIピクセルアート生成ツール

PixelBox を Sprite AI、PixelLab、Aseprite などのピクセルアート生成ツールと比較します。

ツールを開く: 2026年版 おすすめAIピクセルアート生成ツール