Grid 10×10 · cell 48×48px · 1 layer · 0 tiles placed
タイルマップエディタ
ドット絵の地図を、グリッドまたはアイソメトリックのグリッド上に描けます。自分のコレクション、あるいはギャラリーのどの作品からでも、地面タイルとスプライトをレイヤーに重ねていき、マップを保存するか、PhaserとTiledがそのまま読み込めるTiledの.tmjとして書き出せます(GodotとUnityはそれぞれのTiledインポータ経由)。無料、ブラウザ上で動きます。
ドット絵のタイルマップを、ブラウザで無料で作る
タイルマップエディタ はドット絵を地図に変えます。タイルを平らな グリッド に置けば見下ろし型の情景に、 アイソメトリック のグリッドなら3/4ビューに。必要なだけ レイヤー を重ね、自分の コレクション や ギャラリーの作品で描けます。インストールも登録も不要です。マップはコレクションに、あるいはこのブラウザにそのまま保存されます。
仕組み
- タイルを選ぶ — コレクションをパレットとして選ぶか、フリースタイルのまま公開されているドット絵を検索して描きます。
- マップを設定する — グリッドとアイソメトリックを切り替え、セルサイズと列数・行数を決めて、背景を選びます。
- レイヤーを描く — 地面レイヤーとスプライトレイヤーを追加し、クリックやドラッグでタイルを置きます。並べ替え、非表示、消去はいつでもできます。
よくある質問
タイルマップエディタは無料ですか?
はい、完全に無料でブラウザ上で動きます。始めるのに登録は不要で、透かしも入りません。
アカウントは必要ですか?
フリースタイルはログインなしで使え、マップはこのブラウザに保存されます。自分のコレクションから描いたり、そこにマップを保存したい場合だけログインしてください。
グラウンドレイヤーとスプライトレイヤーの違いは?
グラウンドレイヤーは各セルを埋めるので床タイルがきれいに繋がります。スプライトレイヤーは実寸で描き、セルの底に合わせて配置されるので物が床の上に立って見えます。レイヤーは並べ替え・非表示・削除ができます。
自分のドット絵をタイルとして使えますか?
はい。ドット絵エディタでタイルを描いてコレクションに追加し、ここでそのコレクションを選べば使えます。