Bagaimana saya bisa membuat efek pemisahan "lengket" 2D / "lengket" 2D?

11

Saya ingin membuat efek yang mirip dengan animasi ini di mana dua bentuk terpisah dari waktu ke waktu tetapi dihubungkan (untuk sementara waktu) oleh sesuatu yang lengket yang membentang dan akhirnya pecah. Suka keju pizza , tetapi khusus dalam 2D.

Masih dari efek animasi yang diinginkan.

Saya menggunakan Swift dan SpriteKit. Saya pikir ini mungkin melibatkan keyframes bezier path animation, tapi saya tidak yakin. Bagaimana saya bisa mencapai efek ini?

NSologistik
sumber
6
@ Katu Ini terlihat lebih spesifik bagi saya daripada pertanyaan "bagaimana memulai" yang khas - ada contoh yang jelas tentang efek target akhir. Tampaknya masuk akal bahwa seorang ahli yang relevan dapat menyarankan teknik untuk efek ini tanpa perlu menjelaskan semuanya dari awal. Apa yang akan membantu, NSologistic, adalah jika Anda dapat menggambarkan lebih banyak dari apa yang telah Anda lakukan sejauh ini, sehingga orang-orang yang menjawab memiliki ide dari mana harus memulai. Saya pikir judul asli Anda memberi kesan bahwa kami harus menjelaskan animasi dari prinsip pertama. ;)
DMGregory
3
Hanya karena sebuah pertanyaan memasukkan kata-kata "Saya tidak tahu harus mulai dari mana" tidak menjadikan pertanyaan itu di luar topik di sini.
4
Mungkin semacam pendekatan tipe metaball mungkin merupakan awal?
Benzi
1
World of Goo melibatkan efek peregangan yang serupa. Sejauh yang saya ingat, mereka hanya menggeliat dan memiringkan satu sprite, solusi sederhana namun cukup baik. Sayangnya, saya tidak dapat menemukan artikel ini, walaupun menghabiskan 10 menit untuk googling.
Maxim Kamalov

Jawaban:

1

Salah satu cara untuk melakukannya menggunakan transformasi 2D sederhana adalah dengan memiliki beberapa sprite untuk membuat setiap untai, yang sepertinya seperti contoh Anda melakukannya. Menggunakan warna yang terpisah, ini mungkin terlihat seperti ini:

masukkan deskripsi gambar di sini

Dan saat pizza membentang, buat untaian (kuning) dan konektor (biru) lebih tipis:

masukkan deskripsi gambar di sini

Keuntungan dari ini adalah bahwa Anda dapat secara individu menggerakkan untaian menjadi lebih tipis dan patah.

Ada beberapa pendekatan lain yang dapat bekerja juga, seperti berpura-pura dengan sprite tunggal bertekstur yang membentang, atau animasi tradisional, frame-by-frame. Itu tergantung pada seberapa banyak pekerjaan yang ingin Anda lakukan, dan seberapa realistis dan adaptif yang Anda inginkan.

congusbongus
sumber
0

Anda bisa mencoba membuat beberapa titik lampiran pada sprite Anda dan menentukan garis di antara keduanya yang ingin Anda tempel dan membuat beberapa titik lampiran di sepanjang garis itu, lalu hubungkan titik-titik dengan sprite seperti barbel yang lengket.

joe shmoe
sumber
Meskipun saya setuju dengan Anda bahwa kadang-kadang orang memilih untuk menutup terlalu banyak, Anda sendiri bisa menghabiskan lebih banyak waktu mengembangkan jawaban Anda untuk pertanyaan daripada mengeluh tentang situs - mengingat ruang khusus ini dimaksudkan untuk menjawab pertanyaan dan Anda tampaknya punya sebuah ide. Namun, ide Anda hampir tidak dapat dipahami seperti saat ini. Cobalah mengedit jawaban Anda, merinci lebih lanjut ide yang tampaknya Anda miliki.
Tanggal
3
Saya memodifikasi jawaban Anda sehingga sesuai dengan pedoman situs. Jika Anda ingin membahas tentang kebijakan situs, Anda dipersilakan untuk mendapatkan beberapa poin reputasi dan membahasnya di Game Development Meta , tempat diskusi lebih disambut.
Vaillancourt