タイルの間に細い線が出ていませんか？ タイルセットの縁を拡張すると、各タイルに自身の縁のピクセルでできた枠が付き、エンジン上の線が消えます。画像がデバイスの外に出ることはありません。
お使いのデバイス上で作成します。画像がアップロードされることはありません。
仕組み
シートを選択、ドロップ、または貼り付けます。タイルサイズは自動で推測されます。違う場合は直してください。
ほとんどのゲームでは 1 ピクセルで十分です。タイルをクリックして「並べて表示」を選ぶと、縁がつながるか確かめられます。
PNG を保存し、横に表示されるタイルサイズ、余白、間隔をエンジンに入力します。
タイルセットの縁を拡張
各タイルに自身の縁のピクセルでできた枠が付くので、エンジンが隣のタイルを拾うことがありません。
好きなタイルを 3 × 3 に並べて、縁の線あり・なしで表示し、絵そのものの継ぎ目を見つけられます。
新しい余白と間隔は自動で計算され、Godot、Unity、Tiled、Phaser でそのまま使えます。
すべてブラウザー内で処理されるため、画像はお使いのデバイスに残ります。
詳しく見る
タイルマップは、1 枚の大きなテクスチャの小さな矩形から各タイルを描きます。カメラが 1 ピクセル未満だけ動いたり、マップが拡大縮小やフィルタリングされたりすると、エンジンはその矩形のわずかに外側を読み取り、隣のタイルの端を拾ってしまいます。画面上では、それが動くたびにちらつく細い線になります。
縁の拡張では、すべてのタイルのまわりに、そのタイル自身の縁のピクセルを繰り返した枠を付けます。エンジンがタイルのすぐ外を読んでもタイルの縁と同じ色なので、何も見えなくなります。
縁の拡張で直るのは、エンジンが原因の線です。絵が原因の線は別の話で、左の縁と右の縁が合っていない草のタイルは、どうパックしても継ぎ目が見えます。
タイルをクリックして「並べて表示」を選ぶと、マップに敷いたときのように 3 × 3 で繰り返して表示されます。「タイルの縁を表示」をオンにすると、コピーの境目がはっきりわかります。
タイルセットの縁を拡張
いいえ。すべてお使いのデバイス上のブラウザーで実行されます。画像が Moriqa やほかの誰かに送信されることはなく、ページを閉じたあとは何も残りません。
ほとんどの 2D ゲームでは 1 ピクセルで十分です。テクスチャがミップマップを使う場合、カメラを大きく引く場合、まだ線が見える場合は 2 ピクセル以上にしてください。
いいえ。タイルのサイズもピクセルもそのままです。変わるのはまわりの空きだけなので、シートは大きくなり、エンジンで余白と間隔の設定が必要になります。
拡張したタイルの間に空きピクセルを加えます。ほとんどのエンジンでは不要ですが、ツールがタイルの間に空きも求める場合に役立ちます。
はい。「いまのシート」を開いて、その余白と間隔を入力してください。タイルはそこから読み取られ、拡張を加えて並べ直されます。
タイルをクリックして「並べて表示」を選びます。コピー同士が目に見える線なしでつながれば、そのタイルはきれいに繰り返せます。
Moriqa のドット絵エディターなら、ピクセルグリッド上でタイルやスプライトを描き、エンジン向けに書き出せます。ブラウザーで無料です。
