Sự kết hợp hoàn hảo

Tôi thấy thật khó để mô tả vấn đề này bằng lời, đó là lý do tại sao tôi tạo một video (45 giây) để minh họa nó. Đây là bản xem trước của các câu hỏi, xin vui lòng xem nó trên Vimeo: http://vimeo.com/epologee/perinf-crossfade

Vấn đề tạo ra một hình ảnh hoàn hảo hoặc hòa tan hai hình ảnh hoặc hình dạng đã được lặp lại với tôi trong một số lĩnh vực trong thập kỷ qua. Đầu tiên là chỉnh sửa video, sau đó là hoạt hình Flash và giờ là lập trình iOS. Khi bạn bắt đầu googling nó, có rất nhiều cách giải quyết được tìm thấy, nhưng tôi thực sự muốn giải quyết vấn đề này mà không cần hack lần này.

Tóm tắt:
Tên của kỹ thuật hoặc đường cong sẽ được áp dụng trong việc xen kẽ hai ảnh bitmap bán trong suốt, cùng màu, nếu bạn muốn độ trong suốt của kết quả khớp với bản gốc của một trong hai?

Có một hàm (toán học) để tính các giá trị độ trong suốt / alpha cần thiết trong quá trình mờ dần không?

Có những ngôn ngữ mà có các chức năng như một cài sẵn, tương tự như lập trình ease in, ease outhoặc ease in outchức năng tìm thấy trong ActionScript hoặc Cocoa?

Cập nhật: Ngoài video, tôi đã tạo một dự án mẫu (yêu cầu Xcode và iOS SDK) và đăng nó lên github. Nó hiển thị hoạt hình giống như video nhưng lần này có hình vuông: https://github.com/epologee/StackOverflow-Example-Code

Tôi sợ điều đó là không thể. Đây là cách tính minh bạch được tính khi hai lớp phủ: http://en.wikipedia.org/wiki/Alpha_compositing

Một trong các đối tượng phải có độ mờ bằng 1 nếu bạn không muốn nhìn thấy khu vực lớp phủ.

Tôi không biết tên đó có thể là gì trong lĩnh vực chỉnh sửa video, nhưng tôi gọi đường cong là đường cong S hoặc đường cong sigmoid . Sẽ rất đơn giản để tạo ra hiệu ứng làm mờ chéo mà bạn đang tìm kiếm trong iOS bằng cách sử dụng chức năng định thời kCAMediaTimingFunctionEaseInEaseOut của Core Animation . Chỉ cần làm động các thuộc alphatính của hai chế độ xem theo hai hướng ngược nhau (một 0-> 1, một 1-> 0) bằng cách sử dụng chức năng thời gian đó:

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

Lưu ý: Bạn thực sự nên sử dụng các phương thức hoạt hình dựa trên khối thay vì phương thức tiện lợi của UIView. Tôi đã sử dụng các phương pháp của UIView ở trên vì nó rất dễ hiểu và dễ gõ từ bộ nhớ. Tuy nhiên, việc sử dụng các khối không khó khăn hơn nhiều.

Phụ lục: Nếu bạn không thích UIViewAnimationEaseInOut, bạn có thể tạo chức năng thời gian của riêng mình như được mô tả trong Thời gian, Thời gian và CAAnimation . Đó là một chút tiên tiến hơn so với hoạt hình đơn giản được minh họa ở trên, nhưng nó cung cấp cho bạn tất cả các điều khiển bạn muốn.

Trong đồ họa máy tính, loại chức năng này được gọi là smoothstep . Khi được sử dụng để trộn lẫn, nó xác định giá trị alpha toàn cầu cho chế phẩm.

Nếu các hình ảnh đầu vào có một kênh alpha, trước tiên bạn nên đảm bảo rằng alpha được xử lý trước . Sau đó, bạn có thể thực hiện bố cục xen kẽ một cách đơn giản, sử dụng bước mượt mà alphatrên mỗi kênh [ X = A*alpha + B*(1-alpha)] và mong đợi kết quả hợp lý.

Bạn có thể sử dụng hàm phân rã theo cấp số nhân:

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

Biểu đồ của bạn trông giống như:

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