Idealne przenikanie

Trudno mi opisać ten problem słowami, dlatego nakręciłem film (45 sekund), aby go zilustrować. Oto podgląd pytań, spójrz na to na Vimeo: http://vimeo.com/epologee/perfect-crossfade

Problem tworzenia bezproblemowego przenikania lub rozpuszczania dwóch obrazów lub kształtów powtarzał mi się w wielu dziedzinach w ciągu ostatniej dekady. Najpierw w edycji wideo, potem w animacji Flash, a teraz w programowaniu na iOS. Kiedy zaczniesz googlować, istnieje wiele obejść, ale tym razem naprawdę chcę rozwiązać ten problem bez włamania.

Podsumowanie:
Jak nazywa się technika lub krzywa, która ma być stosowana przy przenikaniu dwóch półprzezroczystych map bitowych o tym samym kolorze, jeśli chcesz, aby wynikowa przezroczystość była zgodna z oryginałem jednego?

Czy istnieje funkcja (matematyczna) do obliczania niezbędnych wartości częściowej przezroczystości / alfa podczas zanikania?

Czy są języki programowania, które mają te funkcje jako preset, podobne do ease in, ease outlub ease in outfunkcje znalezione w języku ActionScript lub kakao?

Aktualizacja: Oprócz wideo stworzyłem przykładowy projekt (wymaga Xcode i iOS SDK) i opublikowałem go na github. Pokazuje tę samą animację co wideo, ale tym razem z kwadratami: https://github.com/epologee/StackOverflow-Example-Code

Obawiam się, że to niemożliwe. Tak obliczana jest przezroczystość, gdy nakładają się dwa obiekty: http://en.wikipedia.org/wiki/Alpha_compositing

Jeden z obiektów musi mieć krycie 1, jeśli nie chcesz, aby obszar nakładki był widoczny.

Nie wiem, jak mogłaby się nazywać w dziedzinie edycji wideo, ale nazwałbym krzywą krzywą S lub krzywą sigmoidalną . Stworzenie efektu przenikania, którego szukasz w systemie iOS, powinno być bardzo proste, korzystając z funkcji kCAMediaTimingFunctionEaseInEaseOut Core Animation . Wystarczy animować alphawłaściwość dwóch widoków w przeciwnych kierunkach (jeden 0-> 1, jeden 1-> 0) za pomocą tej funkcji pomiaru czasu:

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

Uwaga: Naprawdę powinieneś używać metod animacji opartych na blokach zamiast wygodnych metod UIView. Użyłem powyższych metod UIView, ponieważ jest to bardzo łatwe do zrozumienia i łatwe do pisania z pamięci. Korzystanie z bloków nie jest jednak dużo trudniejsze.

Dodatek: Jeśli nie podoba Ci się UIViewAnimationEaseInOut, możesz utworzyć własną funkcję pomiaru czasu opisaną w rozdziałach Czas, Przestrzenie czasowe i CAAnimation . Jest to nieco bardziej zaawansowane niż prosta animacja pokazana powyżej, ale daje Ci pełną kontrolę, jakiej potrzebujesz.

W grafice komputerowej ta funkcja nazywa się gładkim krokiem . W przypadku płynnego przenikania określa globalną wartość alfa kompozycji.

Jeśli obrazy wejściowe mają kanał alfa, najpierw upewnij się, że alfa jest wstępnie pomnożone . Następnie możesz wykonać kompozycję crossfade od razu, korzystając z płynnego przejścia alphana każdym kanale [ X = A*alpha + B*(1-alpha)] i oczekiwać rozsądnych rezultatów.

Możesz użyć funkcji rozkładu wykładniczego:

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

Twój wykres wygląda bardziej jak:

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