シームレステクスチャ作成

シームレステクスチャは、目立つ継ぎ目なしに繰り返せるので、3Dモデル、ゲームのレベル、どんなサイズのWebページの背景にも敷き詰められます。ほとんどの写真はタイルになりません。左端が右端につながらないからです。このツールは、画像の反対側の半分を各端になじませるか、画像を対称な2 × 2のタイルに鏡面反転することでこれを解決し、3 × 3のプレビューで、つなぎ目や繰り返しの目立つ部分を確認できるようにします。ブラウザ内で動作します。

使い方

1. テクスチャの写真を選びます。草、石、木、布のように、照明が均一な表面が最適です。
2. 端のブレンド（サイズを維持）か、鏡面反転（常につなぎ目なし、2倍の大きさ）を選びます。
3. ブレンドの場合は、各端でなじませる帯の幅を設定します。
4. 3 × 3のプレビューを確認してから、タイルをダウンロードします。オフセットモードでつなぎ目を確認できます。

計算式

T(x) = α(x) × I(x) + (1 − α(x)) × I(x + W/2)、α = smoothstep(最も近い端までの距離 ÷ 帯の幅)；縦方向にも同様に適用

Iは画像、Wはその幅で、帯の幅はブレンド幅 × Wです。ちょうど端ではαが0なので、タイルにはずらしたコピーが現れ、そのコピーの左端と右端は画像の中央で隣り合っていたピクセルなので、タイルになります。帯より内側ではαが1で、元の画像のままです。縦方向の処理は横方向の処理結果に対して行うため、両方向でタイルになります。鏡面反転は、画像と、その左右反転・上下反転・両方反転を2 × 2のグリッドに配置します。

計算例

1024 × 1024のテクスチャで帯の幅を25%にすると、各辺の外側256 pxがブレンドされ、中央の512 × 512 pxはそのまま残ります。すると、列0には主に元の列512が、列1023には主に列511が現れます。隣り合う列なので、タイルを繰り返してもつなぎ目がありません。