La dissolvenza incrociata perfetta

Trovo difficile descrivere questo problema a parole, motivo per cui ho realizzato un video (45 secondi) per illustrarlo. Ecco un'anteprima delle domande, per favore dai un'occhiata su Vimeo: http://vimeo.com/epologee/perfect-crossfade

La questione della creazione di una dissolvenza incrociata impeccabile o della dissoluzione di due immagini o forme mi è tornata in molti campi negli ultimi dieci anni. Prima nel montaggio video, poi nell'animazione Flash e ora nella programmazione iOS. Quando inizi a cercare su Google, ci sono molte soluzioni alternative da trovare, ma questa volta voglio davvero risolverlo senza un hack.

Il sommario:
qual è il nome della tecnica o della curva da applicare nella dissolvenza incrociata di due bitmap semitrasparenti dello stesso colore, se si desidera che la trasparenza risultante corrisponda all'originale di una delle due?

Esiste una funzione (matematica) per calcolare i valori di trasparenza / alfa parziali necessari durante la dissolvenza?

Ci sono linguaggi di programmazione che hanno queste funzioni come preselezione, simili alla ease in, ease outo ease in outfunzioni che si trovano in ActionScript o di cacao?

Aggiornamento: oltre al video, ho realizzato un progetto di esempio (richiede Xcode e iOS SDK) e l'ho pubblicato su github. Mostra la stessa animazione del video ma questa volta con i quadrati: https://github.com/epologee/StackOverflow-Example-Code

Temo che non sia possibile. Ecco come viene calcolata la trasparenza quando due oggetti si sovrappongono: http://en.wikipedia.org/wiki/Alpha_compositing

Uno degli oggetti deve avere un'opacità di 1 se non si desidera vedere l'area di sovrapposizione.

Non so quale potrebbe essere il nome nel regno dell'editing video, ma definirei la curva una curva a S o curva sigmoidea . Dovrebbe essere molto semplice produrre la dissolvenza incrociata che stai cercando in iOS usando la funzione di timing kCAMediaTimingFunctionEaseInEaseOut di Core Animation . Basta animare la alphaproprietà di due viste in direzioni opposte (una 0-> 1, una 1-> 0) usando quella funzione di temporizzazione:

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

Nota: è necessario utilizzare i metodi di animazione basati su blocchi anziché i metodi di convenienza di UIView. Ho usato i metodi di UIView sopra perché è molto facile da capire e facile da scrivere dalla memoria. L'uso dei blocchi non è molto più difficile, però.

Addendum: se non ti piace UIViewAnimationEaseInOut, puoi creare la tua funzione di temporizzazione come descritto in Timing, Timespace e CAAnimation . È un po 'più avanzato della semplice animazione illustrata sopra, ma ti dà tutto il controllo che desideri.

Nella computer grafica, questo tipo di funzione è chiamata smoothstep . Se utilizzato per dissolvenza incrociata, determina il valore alfa globale per la composizione.

Se le immagini di input hanno un canale alfa, dovresti prima assicurarti che l'alfa sia premoltiplicato . Quindi, è possibile eseguire la composizione con dissolvenza incrociata in modo semplice, utilizzando il passaggio graduale alphasu ciascun canale [ X = A*alpha + B*(1-alpha)] e aspettarsi risultati ragionevoli.

È possibile utilizzare la funzione di decadimento esponenziale:

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

Il tuo grafico è più simile a:

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