Persimpangan sempurna

Saya kesulitan menggambarkan masalah ini dengan kata-kata, itulah sebabnya saya membuat video (45 detik) untuk menggambarkannya. Ini adalah preview dari pertanyaan-pertanyaan tersebut, silakan lihat di Vimeo: http://vimeo.com/epologee/perfect-crossfade

Masalah membuat crossfade sempurna atau melarutkan dua gambar atau bentuk telah berulang kepada saya di sejumlah bidang selama dekade terakhir. Pertama dalam pengeditan video, kemudian dalam animasi Flash dan sekarang dalam pemrograman iOS. Ketika Anda mulai mencari di Google, ada banyak solusi yang dapat ditemukan, tetapi saya benar-benar ingin menyelesaikan ini tanpa peretasan saat ini.

Ringkasan:
Apa nama teknik atau kurva untuk diterapkan dalam crossfading dua bitmap semi-transparan, berwarna sama, jika Anda ingin transparansi yang dihasilkan sesuai dengan yang asli dari salah satu dari itu?

Apakah ada fungsi (matematis) untuk menghitung nilai transparansi / alpha parsial yang diperlukan selama fade?

Apakah ada bahasa pemrograman yang memiliki fungsi-fungsi ini sebagai preset, mirip dengan ease in, ease outatau ease in outfungsi yang ditemukan di ActionScript atau Cocoa?

Pembaruan: Selain video, saya telah membuat proyek sampel (memerlukan Xcode dan iOS SDK) dan mempostingnya di github. Ini menunjukkan animasi yang sama dengan video tetapi kali ini dengan kotak: https://github.com/epologee/StackOverflow-Example-Code

Saya khawatir itu tidak mungkin. Ini adalah bagaimana transparansi dihitung ketika dua objek overlay: http://en.wikipedia.org/wiki/Alpha_compositing

Salah satu objek harus memiliki opacity 1 jika Anda tidak ingin area overlay dilihat.

Saya tidak tahu nama apa yang mungkin ada dalam dunia pengeditan video, tapi saya akan menyebut kurva itu kurva S-kurva atau kurva sigmoid . Seharusnya sangat sederhana untuk menghasilkan cross-fade yang Anda cari di iOS menggunakan Core Animation's kCAMediaTimingFunctionEaseInEaseOut fungsi waktu. Hanya menghidupkan alphaproperti dari dua tampilan dalam arah yang berlawanan (satu 0-> 1, satu 1-> 0) menggunakan fungsi pengaturan waktu:

[UIView beginAnimations:@"crossfade" context:nil];
[UIView setAnimationDuration:1.0];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
view1.alpha = 0.0;
view2.alpha = 1.0;
[UIView commitAnimations];

Catatan: Anda harus benar-benar menggunakan metode animasi berbasis blok alih-alih metode kenyamanan UIView. Saya menggunakan metode UIView di atas karena sangat mudah dimengerti, dan mudah diketik dari memori. Namun, menggunakan blok tidak jauh lebih sulit.

Tambahan: Jika Anda tidak menyukai UIViewAnimationEaseInOut, Anda dapat membuat fungsi pengaturan waktu Anda sendiri seperti yang dijelaskan dalam Pengaturan Waktu, Ruang Waktu, dan CAAnimation . Itu sedikit lebih maju daripada animasi sederhana yang digambarkan di atas, tetapi memberi Anda semua kontrol yang Anda inginkan.

Dalam grafik komputer, fungsi semacam ini disebut smoothstep . Ketika digunakan untuk crossfade, itu menentukan nilai alpha global untuk komposisi.

Jika gambar input memiliki saluran alfa, Anda harus terlebih dahulu memastikan bahwa alfa adalah pra - ditanamkan . Kemudian, Anda dapat melakukan komposisi crossfade secara langsung, menggunakan smoothstep alphapada setiap saluran [ X = A*alpha + B*(1-alpha)], dan mengharapkan hasil yang masuk akal.

Anda dapat menggunakan fungsi peluruhan eksponensial:

Alpha1(time) = 1 - exp(-time / (0.2 * transitionTime)); // fade in
Alpha2(time) = 1 - Alpha1(time); // fade out

Grafik Anda lebih mirip:

Alpha1(time) = sin(time * 0.5 * pi / transitionTime); // fade in
Alpha2(time) = cos(time * 0.5 * pi / transitionTime); // fade out