Apa istilah untuk set ubin 3x3 yang digunakan untuk membuat area yang lebih besar?


49

Apa nama pola / desain menggunakan tileset 3x3 (biasanya dalam game 2D ubin) yang dapat digunakan untuk membuat area yang lebih besar dari dirinya sendiri. Sebagai contoh, ini:

masukkan deskripsi gambar di sini

( Sumber gambar )

Saya pikir itu adalah "9 pohon" atau sesuatu seperti itu tetapi tidak dapat menemukannya, itu mungkin referensi yang tidak umum.


9
Saya menghitung 13 ubin per tekstur, bukan 9.
Philipp

2
@ Pilip ah ya itu dia. Namun hanya tertarik pada kotak 9 :)
lozzajp

saya akan menebak sprite .... pertanyaan bagus, jawaban bagus / informatif!
albert

Jawaban:


40

Nama yang akan memberi Anda hasil aktual di Google adalah 9-slice .

Cara lain untuk meneleponnya dan menanyakannya kepada Google adalah 9-patch .

Sesuai diskusi obrolan ini , 9-pane tampaknya juga digunakan, tetapi Google yang maha kuasa tidak akan menunjukkan kepada Anda apa yang Anda butuhkan, kecuali Anda masuk ke windows atau sesuatu.


Terima kasih kepada Kevin dan Josh dalam obrolan untuk itu.


9 Patch adalah yang saya pernah dengar, terima kasih untuk yang lain untuk melihatnya juga!
lozzajp

Heheh, riset sebelum pertanyaan = p
Elva

5
Sebagai pengembang seluler, saya tahu gambar 9-patch hanya sebagai gambar tunggal dengan garis hitam yang menunjukkan bagian yang dapat direnggangkan. Mereka mungkin diberi nama setelah ini. Tapi sekarang saya tahu mengapa mereka dinamai seperti itu :)
Ivo Beckers

3
Saya pikir jawaban ini mungkin menyesatkan. Sebagian besar hasil pencarian untuk 9-slice / 9-patch adalah tentang teknik penskalaan UI yang merentangkan bagian gambar, bukan teknik ubin yang memilih & mengulangi ubin tertentu. Saya telah menguraikan perbedaan ini dalam jawaban di bawah ini.
DMGregory

1
Saya juga sudah terbiasa dengan nama 9-grid.
Maurycy

62

Saya tidak setuju dengan jawaban yang diterima di sini.

Saya akan menyebut ini autotile , dan bukan 9-slice

" 9-Slice " (atau 9-patch) biasanya digunakan untuk merujuk ke sistem di mana pembuat konten mengiris gambar di sepanjang 4 baris (tidak harus ubin dengan spasi sama). Saat membuat persegi panjang, irisan sudut ditampilkan pada ukuran aslinya, dan tepi / tengah diregangkan (tidak diulang) untuk menutupi celah.

Ini adalah arti di mana Flash, Illustrator, Unity, dll menggunakan istilah tersebut, sehingga tampaknya ada konsensus yang baik bahwa 9-slice berarti peregangan, bukan pengulangan. Ini biasanya digunakan untuk penskalaan elemen UI seperti jendela & tombol pesan - dan pencarian gambar Google ternyata penggunaan ini hampir secara eksklusif .

Diagram menunjukkan aset 9-Slice dalam Flash (kiri) dan tampilannya ketika dirender pada persegi panjang yang lebih besar (kanan)

Gambar dari Adobe docs pada penskalaan 9-slice

Diagram menunjukkan penskalaan 9-Slice dalam game {closure}

Gambar dari game {closure} docs pada opsi 9-slice

Istilah yang saya lebih akrab dengan menggambarkan satu set ubin yang dapat mencakup area dari segala bentuk atau ukuran adalah " Autotile " (terutama dalam konteks sistem yang bekerja / membangun permutasi ubin yang tepat untuk digunakan berdasarkan kedekatan aturan, sehingga desainer level tidak harus memilih sendiri setiap ubin)

Terminologi ini tampaknya telah dipopulerkan oleh RPGMaker , yang telah menggunakan beberapa varian pada ide ini dari generasi ke generasi.

Pencarian gambar untuk autotile menunjukkan hasil yang tampaknya jauh lebih dekat dengan apa yang dijelaskan pertanyaan , dan posting lain di GameDev.StackExchange menggambarkan ini sebagai "autotiling" juga .

Gambar yang menggambarkan tata letak autotile dasar & luas

Gambar dari dokumen untuk Sistem Rotorz ​​Tile for Unity


Senang mendengarnya!
Vaillancourt

Apakah itu tipikal suatu implementasi untuk memeras semua sudut di dalam ubin tunggal? Versi ini (dan versi "dasar" yang tidak memiliki ubin untuk sisi-sisinya) tampaknya bergantung pada unit ubin "asli" yang berukuran seperempat dari ukuran ubin.
Random832

1
@ Random832 Unit-unit seperempat ubin itu adalah cara kerja versi Pembuat RPG, dan beberapa implementasi di luar sana tampaknya terpola ini, baik untuk interoperabilitas dengan ubin yang ada atau hanya karena itu terbukti bermanfaat. Saya pikir ini mengurangi jumlah permutasi ubin yang perlu dibuat secara eksplisit & menempati ruang di tileset. Hitungan kasar menyarankan Anda membutuhkan sekitar 47 petak untuk mendapatkan permutasi yang sama tanpa membaginya menjadi unit yang lebih kecil.
DMGregory

3
@ DMGregory Bukan sekitar 47 tetapi tepatnya 47, saya baru saja memeriksa template yang saya miliki untuk autotile 8 arah.
Maurycy

Tunggu, mengapa Anda perlu 47, dan bukan hanya 13 yang terlihat pada gambar di pertanyaan awal?
Tin Man

-1

Ada beberapa nama lain; Ubin Wang (domino), ubin aperiodik

https://en.wikipedia.org/wiki/Wang_tile

Juga dikenal sebagai set ubin dengan editor peta.


"Kumpulan ubin" adalah istilah yang jauh lebih umum dan tidak merujuk pada jenis ubin tertentu yang dimaksud di sini.
Tyyppi_77

Meskipun sebagian besar ubin medan yang digunakan dalam ubin game bisa secara teknis disebut ubin Wang, karena ubin itu hanya akan cocok tanpa jahitan ketika ditempatkan di sebelah ubin tetangga tertentu dengan tepi yang sesuai, ini adalah definisi yang sangat longgar dan tidak secara khusus berhubungan dengan ubin khusus. patters sudut & tepi yang ditanyakan OP. ( Setiap subset dari tileset yang ditampilkan, termasuk di mana saja dari satu ubin ke seluruh gambar, secara matematis adalah seperangkat ubin Wang). Ubin Wang dan terutama ubin aperiodik terutama muncul dalam konteks berbagai bidang tekstur untuk menyembunyikan pengulangan, atau generasi prosedural.
DMGregory

1
Ubin Wang adalah istilah matematika.
Per Alexandersson
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.