シームレスタイルメーカーの使い方
- タイルをドロップするか、継ぎ目がはっきりわかる草のサンプルを試します。
- 継ぎ目ライン付きの 3×3 プレビューと、継ぎ目のコントラスト値を確認します。
- 「シームレスにする」を押します。パレットを守るならディザブレンド、絵画調のタイルならスムーズを選びます。
- 「ずらした表示」をオンにして元の端を中央に移し、残った部分を鉛筆で直します（右クリックで色を拾います）。
- タイル、または好きな倍率の 3×3 プレビュー PNG をダウンロードします。
得られるもの
- シームレスなタイル PNG（1×–16×）
- 3×3 のタイルプレビュー PNG
- バージョンを比べるための継ぎ目コントラスト値
ゲーム制作で使って得たコツ
- ディザブレンドはピクセルごとに元のタイルとずらしたタイルのどちらかを選ぶので、新しい色が出ません。パレットが厳密なときに使いましょう。
- ブレンド幅が狭い（32 px のタイルで 3–6 px）と元のディテールがほぼ残り、広くすると強い光のグラデーションを隠せます。
- 光が1つの角に偏っていると、タイルの繰り返しが目立つ原因になります。地面タイルの光は均一にしましょう。
- ブレンド後は 3×3 表示を離れて見てください。目を引くディテール（1輪の花など）の繰り返しは、継ぎ目以上にパターンをばらしてしまいます。
活用例
- 見下ろし型ゲームの地面、壁、水のタイル
- AI 生成や写真ベースのテクスチャの継ぎ目を直す
- メニューや Web サイトの背景パターン
- タイルセットのタイルが正しくつながるか確認する
よくある質問
「シームレスにする」はどういう仕組みですか？
タイルを、サイズの半分だけずらしたコピーとブレンドします。端ではずらしたコピーを使います。コピーで回り込んで隣り合うピクセルは元の画像でも隣同士だったので、継ぎ目が消えます。中央に向かうほど元の画像が優先されます。
新しい色は増えますか？
ディザモードでは増えません。各位置で2つの元ピクセルのどちらかを選ぶからです。スムーズモードは色を混ぜるので、新しい色が増えることがあります。
継ぎ目のコントラスト値とは？
タイルの端をまたぐピクセル同士がどれだけ違うかを、タイル内部の普通の隣接ピクセルと比べた値です。1× 前後なら継ぎ目はほかのピクセル境界と同じように馴染み、2× 以上だと並べたときに目立ちます。
元に戻せますか？
はい。ブレンド、ずらし、鉛筆のストロークは、ボタンか Ctrl+Z / Ctrl+Shift+Z で元に戻したりやり直したりできます。
タイルはアップロードされますか？
いいえ。処理はすべてブラウザ内で行われます。