本文へスキップ

タイルセットの縁の拡張 · テクスチャのにじみを防ぐアトラス余白

フィルタリングとミップマップはタイルのすぐ外側をサンプリングするので、隣のタイルが線のようににじみます。縁の拡張は各タイルの縁のピクセルを外側へコピーする、Phaser・LÖVE・Defold・Unityのタイルマップで使われる定番の対策です。

タイルセットや繰り返しテクスチャ(PNG)をドロップ
ブラウザ内で処理し、ファイルはアップロードされません。
タイルセット工房:グリッドを測定したKenney CC0タイルマップ(16pxタイル、間隔1px)
CC0アセット(Kenney)を開いた実際のタイルセット工房画面です。
出力
  • Tiles測定確認· Pillow
  • Padded atlas測定確認· Pillow
  • Seam report測定確認· Pillow

できること

  • タイルごとに9回コピー:タイル本体、外側へ伸ばした4辺、4隅のピクセル。
  • 余白と間隔のあるシートでも動作(測定したグリッドでタイルを検出)。
  • 出力:padded-atlas.pngと各タイルの新しい範囲入りのメタデータ。
  • Chromium・Firefoxで記録した品質チェック:基準の拡張結果とバイト一致(1×1セルを含む)。

使い方

  1. タイルセットをドロップ。
  2. グリッドを確認。
  3. 拡張幅を設定(ふつうは1〜2px)。
  4. 余白アトラスとメタデータをダウンロード。

出力ファイルと検証方法

「測定確認」は、ダウンロードしたファイルをページ外(Pillow・numpy・独立したパーサー)で開き直して性質を測ったという意味です。ゲームエンジンでの読み込みは試していません。

書き出し先ファイル検証
Tilestiles/tile-NNN.png · metadata.json測定確認 Pillow切り出した全タイルが元の範囲とピクセル単位で一致(余白・間隔・空タイル・重複を含む)。
Padded atlaspadded-atlas.png測定確認 Pillow縁のピクセルを外側に複製。記録済みのatlas-padding品質チェックがChromium・Firefoxで合格。
Seam reportPNG (healed) · JSON measurements測定確認 Pillowつながるタイルは継ぎ目なし、グラデーションは継ぎ目ありと報告し、修正後のタイルの境界差は最大8段階。

検証の根拠

合成シート10枚中10枚で本当のグリッドを1位で検出(余白1・間隔2を含む)。切り出したタイル13/13が元の範囲とバイト一致。1600タイルの分割は2.2秒で完了し、キャンセル可能。継ぎ目の判定はタイル内部を基準に測定。

制限

  • 規則的なグリッドのみ。4メガピクセルを超えるとタイルサイズは測定せず手入力です。
  • 類似タイルの検出はピクセル差のしきい値で、知覚的な類似度ではありません。
  • 「シームレス化」はブレンド帯の中の絵を変え、新たに描き足しはしません。前後を表示します。
  • 2 × 2未満のタイルは継ぎ目を測れません。

よくある質問

エンジンのタイル設定を変える必要は?

あります。タイルの間隔が広がるので、タイルセットの設定には新しい余白・間隔(またはメタデータの範囲)を使ってください。

エッジブリードと同じですか?

違います。拡張はアトラス内の各タイルの周りにピクセルを足し、ブリードは画像内の透明ピクセルを埋めます。

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

このページの機能はすべて無料で、アカウントなしで使えます。透かしや制限された書き出しはありません。

スプライトはアップロードされますか?

いいえ。Studioはこのブラウザのタブ内でデコード・パック・書き出しを行います。プロジェクトはブラウザ(IndexedDB)に自動保存され、.nerulioファイルとして保存できます。

Asepriteやエンジンのプラグインは必要ですか?

いいえ。.asepriteファイルはブラウザで読み書きします。エンジン別のバンドルには必要なものが入っています(Godotはインポート設定とシーン、UnityとGodotのタイルセットは小さなエディタースクリプト)。