ゲームマップに
タイルセット分割
床や壁の正方形を多数含む画像がありますか？1マスのサイズを設定し、位置マップと一緒にパーツをダウンロードできます。
例：床タイルのグリッド1つ → タイルPNGとマップ
このツールを試す- 1. 追加1つのタイルグリッド
- 2. 調整正方形のサイズと隙間を設定
- 3. 保存タイルPNGと位置マップ
1. タイルが含まれる画像を選択
同じサイズの床・壁・地形の正方形が並ぶグリッド向けです。タイル間に小さな隙間があっても対応できます。
使い方
1. 周囲の隙間ではなく、タイルを測る
PNGかWebPをアップロードし、タイル幅と高さを設定します。1ピクセルの隙間があっても32 × 32のタイルは32 × 32です。隙間はタイル寸法ではなく、タイル間隔に指定してください。
2. 外側余白と間隔を分ける
外側の余白は4辺の均等な枠で、間隔は隣のタイルとの隙間です。32 pxのタイル、2 pxの余白、1 pxの間隔なら、最初は(2, 2)、次の列はx = 35から始まります。
3. 空白と重複の書き出し方法を選択
「完全に透明なタイルを除外」は空のセルを除外します。「同一タイルの重複を排除」は、ピクセルが完全に一致するタイルに1枚のPNGを再利用します。書き出したファイルを元の行・列位置と対応させるため、ZIP内のtilemap.jsonを残してください。
タイルサイズ、余白、間隔で全切り抜きが決まる
間隔の誤りは積み重なります。実際の隙間が1 pxなのに0を入力すると、2枚目は1ピクセル、3枚目は2ピクセル早い位置で切り抜かれ、後半のタイルには隣の内容が入り込みます。書き出した画像の右端と下端を確認してください。プレビューに表示されるのは最初の16枚の出力タイルであり、シート全体ではありません。
32 pxの4列と32 pxの3行に、2 pxの外枠と1 pxの隙間を加えると、135 × 102の画像が必要です。幅は2 × 2 + 4 × 32 + 3 × 1、高さは2 × 2 + 3 × 32 + 2 × 1です。完全なセルだけを書き出し、余った帯は別のタイルにはなりません。
重複除去は、見えないRGB値も含めた厳密なRGBAを確認します。見た目が同じ透明タイルでも、別々に残る場合があります。tilemap.jsonは、位置とタイルIDを含むImageMintのマニフェストであり、UnityやGodotのネイティブなタイルマップ、衝突マップ、自動タイルのルールセットではありません。
| 設定または入力 | 意味 |
|---|---|
| タイル幅／高さ | 32 / 32 px |
| 外側の余白 | 各辺に2 px |
| タイル間隔 | タイル間に1 px |
| 列の開始位置 | x = 2, 35, 68, 101 |
| 想定するセル数 | スキップと重複除去の前は12 |
ダウンロード前に確認
ファイル番号が元のセル番号と異なる場合があります
除外したセルもマニフェスト内の位置が保持され、重複タイルは既存のタイルIDを参照できます。元の配置を復元する必要があるなら、マニフェストを残してください。
任意のアトラスではなく、規則的なグリッドを使う
不均一な矩形や非対称の枠は、これらの設定では表せません。上限は画像の各辺4096 px、1600万ピクセル、グリッド1024セル、タイルの各辺512 pxです。
質問
後半の切り抜きに隣の縁が入るのはなぜですか？
まず間隔を再確認してください。間違った間隔はずれを累積させ、間違った余白はすべてのセルを同じだけ動かします。保存した切り抜きはきれいなのにエンジンで継ぎ目が出るなら、フィルターと取り込み設定を別に確認してください。
空のタイルとは何ですか？
すべてのピクセルのアルファ値が0である必要があります。薄くてもアルファ値が0でないピクセルが1つあると、空のタイルではありません。
重複除去は見た目の類似性を比較しますか？
いいえ。厳密なRGBA値を比較します。似た色は別物で、透明ピクセルの下の隠れたRGBも一致を妨げる場合があります。
tilemap.jsonをエンジンへ直接取り込めますか？
汎用のエンジン形式ではありません。グリッド位置とIDを参考にするか、アダプターを作ってください。衝突判定や自動タイルの動作は、引き続き作成が必要です。
最後の行が書き出されなかったのはなぜですか？
設定した余白の内側の完全なセルだけを抽出します。画像寸法と最後の帯が余白か部分セルかを確認してください。部分的な切り抜きを引き伸ばして合わせることはしません。
関連ツールとチュートリアル
タイルセットのグリッドとエンジンへのインポートガイド — 境界を見つけ、切り抜きの問題と描画の継ぎ目を区別します。
隙間のあるタイルセットを分割 — 32 pxタイル、2 px余白、1 px間隔の135 × 102画像を確認します。
スプライトシートスライサー — 不規則なシートでは手動境界を使います。
ピクセルアートのパレット抽出 — 新しいタイルの色を、環境のパレットと比較してください。