Mükemmel crossfade

Bu sorunu kelimelerle tarif etmekte zorlanıyorum, bu yüzden onu açıklamak için bir video (45 saniye) yaptım. İşte soruların bir ön izlemesi: Lütfen Vimeo'ya bir göz atın: http://vimeo.com/epologee/perfect-crossfade

Kusursuz bir çarpışma oluşturma veya iki görüntü veya şeklin çözülmesi sorunu, son on yılda birkaç alanda bana tekrar edildi. Önce video düzenlemede, sonra Flash animasyonda ve şimdi iOS programda. Google'a göz atmaya başladığınızda, bulunacak birçok geçici çözüm var, ancak bu sefer hack olmadan bunu gerçekten çözmek istiyorum.

Özet:
Elde edilen saydamlığın ikisinin de orijinaliyle eşleşmesini istiyorsanız, yarı saydam, aynı renkli bitmaplerin çapraz geçişinde uygulanacak teknik veya eğrinin adı nedir?

Solmaya sırasında gerekli kısmi şeffaflık / alfa değerlerini hesaplamak için (matematiksel) bir fonksiyon var mı?

Benzer bir ön ayar olarak bu işlevlere sahiptir dilleri, orada programlama ease in, ease outya ease in outActionScript veya kakao içinde bulunan işlevleri?

Güncelleme: Videoya ek olarak, örnek bir proje (Xcode ve iOS SDK gerektirir) yaptım ve github'a gönderdim. Video ile aynı animasyonu gösterir, ancak bu sefer kareler: https://github.com/epologee/StackOverflow-Example-Code

Korkarım bu mümkün değil. İki nesne bindirildiğinde şeffaflık bu şekilde hesaplanır: http://en.wikipedia.org/wiki/Alpha_compositing

Kaplama alanının görünmesini istemiyorsanız nesnelerden birinin opaklığı 1 olmalıdır.

Video düzenleme alanında adın ne olabileceğini bilmiyorum, ama eğriye S eğrisi veya sigmoid eğrisi derdim . Core Animation'ın kCAMediaTimingFunctionEaseInEaseOut zamanlama işlevini kullanarak iOS'ta aradığınız çapraz görüntüyü üretmek çok basit olmalı . alphaBu zamanlama işlevini kullanarak iki görünümün özelliğini zıt yönlerde (bir 0-> 1, bir 1-> 0) canlandırın :

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

Not: UIView'un uygunluk yöntemleri yerine gerçekten blok tabanlı animasyon yöntemlerini kullanmalısınız. UIView'un yukarıdaki yöntemlerini kullandım çünkü anlaşılması çok kolay ve bellekten yazması kolay. Yine de blok kullanmak çok daha zor değil.

Ek: UIViewAnimationEaseInOut'tan hoşlanmıyorsanız, Zamanlama, Zaman Alanları ve CAAnimation'da açıklandığı gibi kendi zamanlama işlevinizi oluşturabilirsiniz . Bu, yukarıda gösterilen basit animasyondan biraz daha gelişmiş, ancak istediğiniz tüm kontrolü size veriyor.

Bilgisayar grafiğinde, bu tür işlevlere yumuşak adım denir . Çapraz geçiş için kullanıldığında, kompozisyon için global alfa değerini belirler.

Giriş görüntülerinde bir alfa kanalı varsa, önce alfaın önceden beslendiğinden emin olmalısınız . Ardından, çapraz geçiş kompozisyonunu alphaher kanaldaki [ X = A*alpha + B*(1-alpha)] yumuşak adımını kullanarak basit bir şekilde yapabilir ve makul sonuçlar bekleyebilirsiniz.

Üstel çürüme fonksiyonunu kullanabilirsiniz:

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

Grafiğiniz daha çok benziyor:

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