タイルマップ

Grid 10×10 · cell 48×48px · 1 layer · 0 tiles placed

タイルマップエディタ

ドット絵の地図を、グリッドまたはアイソメトリックのグリッド上に描けます。自分のコレクション、あるいはギャラリーのどの作品からでも、地面タイルとスプライトをレイヤーに重ねていき、マップを保存するか、PhaserとTiledがそのまま読み込めるTiledの.tmjとして書き出せます(GodotとUnityはそれぞれのTiledインポータ経由)。無料、ブラウザ上で動きます。

ドット絵のタイルマップを、ブラウザで無料で作る

タイルマップエディタ はドット絵を地図に変えます。タイルを平らな グリッド に置けば見下ろし型の情景に、 アイソメトリック のグリッドなら3/4ビューに。必要なだけ レイヤー を重ね、自分の コレクション や ギャラリーの作品で描けます。インストールも登録も不要です。マップはコレクションに、あるいはこのブラウザにそのまま保存されます。

仕組み

  1. タイルを選ぶ — コレクションをパレットとして選ぶか、フリースタイルのまま公開されているドット絵を検索して描きます。
  2. マップを設定する — グリッドとアイソメトリックを切り替え、セルサイズと列数・行数を決めて、背景を選びます。
  3. レイヤーを描く — 地面レイヤーとスプライトレイヤーを追加し、クリックやドラッグでタイルを置きます。並べ替え、非表示、消去はいつでもできます。

よくある質問

タイルマップエディタは無料ですか?

はい、完全に無料でブラウザ上で動きます。始めるのに登録は不要で、透かしも入りません。

アカウントは必要ですか?

フリースタイルはログインなしで使え、マップはこのブラウザに保存されます。自分のコレクションから描いたり、そこにマップを保存したい場合だけログインしてください。

グラウンドレイヤーとスプライトレイヤーの違いは?

グラウンドレイヤーは各セルを埋めるので床タイルがきれいに繋がります。スプライトレイヤーは実寸で描き、セルの底に合わせて配置されるので物が床の上に立って見えます。レイヤーは並べ替え・非表示・削除ができます。

自分のドット絵をタイルとして使えますか?

はい。ドット絵エディタでタイルを描いてコレクションに追加し、ここでそのコレクションを選べば使えます。