Hiệu ứng tiết lộ thay đổi theo mùa

Tôi đang xem đoạn giới thiệu trêu ghẹo cho Mùa sau mùa thu , và tôi đã bị ấn tượng bởi hiệu ứng họ sử dụng để chuyển đổi giữa các mùa (khoảng 21-24 giây):

Nghệ thuật cấp độ, bao gồm nền và nền tảng tiền cảnh, thay đổi từ mùa thu màu nâu đỏ sang mùa đông hoa oải hương, với hiệu ứng lan ra từ nhân vật người chơi giống như nước thấm qua giấy.

Nó trông giống như nhiều hơn chỉ là một sự thay đổi bảng màu, vì các chi tiết trong các mẫu lá và vỏ cây thay đổi trong quá trình chuyển đổi.

Làm thế nào tôi có thể đạt được hiệu ứng tương tự như thế này trong trò chơi 2D Unity?

Một cách để thực hiện điều này sẽ là pha trộn giữa hai nền bằng cách sử dụng bản đồ alpha. Một cách tiếp cận đơn giản sẽ là hiển thị nền "phía sau" (ẩn) và sau đó là nền "phía trước" (có thể nhìn thấy ban đầu). Sử dụng kênh alpha của nền trước hoặc kết cấu alpha riêng biệt để kiểm soát độ trong suốt của nền trước như bất kỳ sprite trong suốt hoặc mờ nào. Trong trường hợp bản đồ alpha này nhỏ hơn một, các phần của nền sau sẽ hiển thị thông qua.

Sau đó, đó chỉ là vấn đề xây dựng bản đồ alpha theo hiệu ứng bạn muốn. Trong video bạn khoe, có vẻ như một bản đồ như vậy được xây dựng với cách tiếp cận "họa sĩ". Điều này có thể liên quan đến việc đặt ngẫu nhiên các vòng tròn bằng 0 alpha (lông vũ thành 1.0 alpha xung quanh các cạnh của chúng). Bắt đầu đặt các vòng tròn này thiên vị chặt chẽ xung quanh nguồn gốc của tiết lộ, và theo thời gian thư giãn sự thiên vị để chúng lan rộng ra bên ngoài. Khi bạn làm điều này, có lẽ bạn cũng muốn mở rộng bán kính của các vòng tròn.

Bạn có thể điều chỉnh cách tiếp cận này khi bạn cần nó để điều chỉnh hiệu ứng theo mong muốn của bạn; Ví dụ, các vòng tròn đơn giản có thể trông hơi "lờ mờ" và thay vào đó, bạn có thể muốn đóng dấu ngẫu nhiên một "nét cọ" được chọn trước vào tác giả vào mặt nạ. Ngay cả vị trí ngẫu nhiên, bản thân nó cũng có thể trông hơi mất trật tự và thay vào đó, bạn có thể chọn dán mặt nạ alpha dọc theo một số đường cong hoặc spline được tạo trước để làm nổi bật một phong cách cụ thể.

Tôi sẽ tiếp cận điều này bằng cách sử dụng trình đổ bóng tùy chỉnh trên SpriteRenderers của tôi, có hai kết cấu, một cho mỗi phiên bản bạn muốn chuyển đổi giữa.

(Ngay cả khi sử dụng hiệu ứng này để chuyển đổi giữa hơn hai trạng thái, tôi vẫn cố gắng cấu trúc trò chơi để chúng tôi chỉ cần hai lần hiển thị bất kỳ lúc nào: trạng thái cũ và trạng thái tiếp theo. để hoàn thành trước khi chúng tôi cho phép người chơi bắt đầu chuyển sang trạng thái thứ ba, tại thời điểm đó chúng tôi có thể thay thế trạng thái "cũ" trước đó vì nó không còn hiển thị nữa)

Trình tạo bóng này sẽ làm mờ dần giữa hai kết cấu, sử dụng kết cấu kênh đơn thứ ba làm mặt nạ cho hiệu ứng (ví dụ: đen = 100% trạng thái cũ, xám = 50/50 pha trộn, trắng = 100% trạng thái mới). Tôi sẽ ánh xạ kết cấu mặt nạ này trong không gian màn hình.

Sau đó, tôi sẽ thiết lập một camera thứ hai để kết xuất thành RenderTexture, để tạo mặt nạ này. Máy ảnh thứ hai này sẽ di chuyển với máy ảnh chính của tôi và phù hợp với kích thước foV / orthographic của nó, vì vậy bất kỳ hình ảnh động nào trong chế độ xem của tôi đều áp dụng cho cả thế giới và tiết lộ mặt nạ một cách nhất quán. Máy ảnh này sẽ hiển thị trước máy ảnh chính của tôi và được thiết lập để chỉ xem nội dung trên lớp "tiết lộ" được chỉ định đặc biệt. Trong ví dụ video, có vẻ như họ sử dụng một hệ thống hạt để tách ra một tập hợp các hình dạng đám mây nhỏ vào kết cấu tiết lộ này, mở rộng theo thời gian, tạo ra sự chuyển tiếp trông có vẻ hữu cơ.