Bagi Tileset dengan Margin dan Jarak Tanpa Pergeseran Ubin

Ubin pertama terlihat benar, tetapi makin jauh posisi ubin pada lembar, makin banyak bagian ubin tetangga yang ikut terpotong. Pola ini biasanya berarti jarak antarubin dihitung sebagai bagian dari ubin, atau justru diabaikan sama sekali. Ukur tiga nilai yang terpisah sebelum memotong lembar tersebut.

Ukur ukuran ubin, batas, dan celah secara terpisah

Lebar dan tinggi ubin adalah piksel setiap keluaran. Margin luar batas sama pada empat sisi. Jarak ubin celah antartetangga. Ubin 32 px dengan celah 1 px memajukan pangkasan berikut 33 px, tetapi tetap mengekspor gambar 32 px.

Periksa sumber pada ukuran asli dalam editor dengan koordinat piksel. Jangan memperkirakan dari gambar mini peramban yang diskalakan. Pembagi ini memiliki satu nilai margin dan satu nilai jarak, sehingga batas asimetris atau celah horizontal dan vertikal berbeda perlu prapemrosesan atau pemotongan manual.

Kerjakan sumber 135 × 102

  1. Unggah PNG atau WebP dengan empat kolom dan tiga baris tile 32 × 32.
  2. Atur Lebar ubin 32, Tinggi ubin 32, Margin luar 2, dan Jarak ubin 1.
  3. Nonaktifkan opsi lewati dan hapus duplikat pada tes pertama agar keluaran yang diharapkan dua belas berkas.
  4. Ekstrak, periksa pratinjau, lalu buka ZIP dan periksa kolom terakhir serta baris terbawah. Pratinjau hanya menampilkan enam belas ubin pertama yang diekspor.

Lebar 2 × 2 + 4 × 32 + 3 × 1 = 135. Tinggi 2 × 2 + 3 × 32 + 2 × 1 = 102. Posisi pangkasan x adalah 2, 35, 68, dan 101; y adalah 2, 35, dan 68. Angka memberi cara konkret memeriksa pengaturan tanpa menebak.

Tileset rumput, batu, tanah, dan air dengan panah yang membedakan isi ubin, margin luar, dan jarak.
Ubin adalah gambar itu sendiri; margin luar mengelilingi seluruh kisi, sedangkan jarak antarsel memisahkan sel-selnya. Tekstur dalam gambar memperjelas batas-batas tersebut. Gunakan ukuran yang dihitung dalam contoh pada teks, bukan skala ilustrasi ini. Buka gambar ukuran penuh

Baca pola kesalahan sebelum mengubah pengaturan

PolaKemungkinan masalah pengukuranPeriksa
Setiap ubin bergeser sama jauhMargin luar salahKoordinat ubin pertama
Pergeseran horizontal yang bertambahLebar atau jarak salahJarak antara titik awal kolom
Pergeseran vertikal yang bertambahTinggi atau jarak salahJarak antara titik awal baris
Baris atau kolom terakhir hilangSel akhir tidak lengkapUkuran gambar sebenarnya dan batas

Hanya sel lengkap diekstrak. Jika margin yang dimasukkan lebih besar dari kenyataan, ubin terakhir mungkin berada di luar kisi yang diizinkan. Alat tidak meregangkan sisa parsial untuk menciptakan ubin lengkap. Perbaiki pengukuran atau siapkan sumber, bukan mengimbangi dengan dimensi yang tidak terkait.

Aktifkan opsi lewati dan hapus duplikat setelah kisi benar

Sel kosong yang dilewati memiliki alfa 0 di semua bagian. Satu piksel samar sudah cukup untuk mempertahankannya. Penghapusan duplikat menggunakan kesamaan RGBA persis, termasuk nilai RGB yang tersembunyi di bawah alfa 0. Ini tidak menggabungkan tekstur yang hampir sama, dan dua gambar transparan yang tampak identik dapat tetap terpisah.

Setelah opsi ini diaktifkan, nomor berkas dan nomor sel sumber tidak harus sama. Simpan tilemap.json: selnya mencatat posisi baris dan kolom, dengan ID ubin untuk aset yang disimpan atau null untuk sel kosong yang dilewati. Posisi duplikat dapat merujuk ID yang sama. Manifest merupakan peta ekstraksi ini, bukan tilemap engine siap pakai.

Pisahkan kesalahan pangkasan dari sambungan engine

Jika PNG hasil ekspor sudah berisi batas ubin tetangga, perbaiki pengaturan pangkasan. Jika PNG bersih tetapi game menampilkan garis tipis ketika kamera bergerak, periksa filter, skala, ruang tambahan tekstur, dan konfigurasi impor engine. Memotong ulang ubin bersih dengan piksel tambahan sembarang menyamarkan perbedaan ini dan dapat merusak karya.

Siap diimpor: dimensi sumber yang benar, sel pertama dan terakhir bersih, penanganan sel kosong yang disengaja, manifes tersimpan, serta pengaturan tabrakan atau autotile khusus mesin. Pembagi tidak membuat aturan gameplay tersebut.

Coba alur kerjanya

Atur lebar, tinggi, margin luar, dan jarak ubin, lalu ekspor PNG ubin dan manifest posisi.

Buka Pembagi Tileset →