나는 Seasons After Fall에 대한 티저 트레일러를 보고 있었고 시즌 사이의 전환에 사용되는 효과 (약 21-24 초)에 충격을 받았습니다.
배경과 전경 플랫폼을 포함한 레벨 아트는 세피아 색의 가을에서 라벤더 겨울으로 바뀌며, 그 효과는 플레이어 캐릭터에서 종이를 통해 물을 적시는 것처럼 약간 바깥으로 퍼집니다.
잎과 나무 껍질 패턴의 세부 사항이 전환에서 변경되므로 팔레트 변경 이상으로 보입니다.
2D Unity 게임에서 이와 비슷한 효과를 어떻게 얻을 수 있습니까?
답변:
이를 달성하는 한 가지 방법은 알파 맵을 사용하여 두 배경을 혼합하는 것입니다. 간단한 방법은 "뒤"(숨겨진) 배경을 렌더링 한 다음 "앞"(처음에는 볼 수있는) 배경을 렌더링하는 것입니다. 전면 배경의 알파 채널 또는 별도의 알파 텍스처를 사용하여 투명 또는 반투명 스프라이트처럼 전면 배경의 투명도를 제어하십시오. 이 알파 맵이 1보다 작은 경우 배경의 일부가 표시됩니다.
그런 다음 원하는 효과에 따라 알파 맵을 작성하면됩니다. 당신이 보여준 비디오에서, 그러한지도는 "그림적인"종류의 접근 방식으로 만들어진 것처럼 보입니다. 알파가 0 인 원 (가장자리 주위에 1.0 알파로 페더 링 된 원)을 임의로 배치하는 것이 포함될 수 있습니다. 공개의 원점을 중심으로이 원을 단단히 편향시키고 시간이 지남에 따라 편향을 이완시켜 바깥쪽으로 퍼지게하십시오. 이렇게하면 원의 반지름도 넓히고 싶을 것입니다.
이 접근 방식을 원하는대로 조정하여 원하는대로 효과를 조정할 수 있습니다. 예를 들어 일반 원은 약간 "점멸 적"인 것처럼 보일 수 있으며, 대신 무작위로 선택된 사전 작성된 "브러시 스트로크"를 마스크에 무작위로 스탬핑 할 수 있습니다. 임의의 배치 자체조차도 너무 무질서하게 보일 수 있으며 대신 특정 스타일을 강조하기 위해 사전 작성된 곡선 또는 스플라인을 따라 알파 마스크를 스탬핑하도록 선택할 수 있습니다.
SpriteRenderer에서 전환하려는 각 버전마다 하나씩 두 개의 텍스처를 취하는 사용자 지정 셰이더를 사용하여이 방법에 접근했습니다.
(이 효과를 사용하여 두 개 이상의 상태를 전환하더라도 여전히 게임을 구성하려고 시도하므로 한 번에 두 개만 렌더링 할 수 있습니다. 이전 상태와 다음 상태입니다. 플레이어가 세 번째 상태로 전환을 시작하기 전에 완료되었습니다.이 시점에서 더 이상 표시되지 않으므로 이전 "이전"상태를 바꿀 수 있습니다.)
이 쉐이더는 효과에 대한 마스크로 세 번째 단일 채널 텍스처를 사용하여 두 텍스처 사이에서 크로스 페이드됩니다 (예 : 검정 = 100 % 오래된 상태, 회색 = 50/50 혼합, 흰색 = 100 % 새로운 상태). 이 마스크 텍스처를 화면 공간에 매핑합니다.
그런 다음이 마스크를 생성하기 위해 RenderTexture로 렌더링 할 두 번째 카메라를 설정했습니다. 이 두 번째 카메라는 기본 카메라와 함께 이동하고 FoV / 직교 크기와 일치하므로 내 뷰의 모든 애니메이션이 월드에 적용되고 마스크가 일관되게 나타납니다. 이 카메라는 내 주 카메라보다 먼저 렌더링되며 특별히 지정된 "공개"레이어의 내용 만 보도록 설정되었습니다. 비디오 예제에서는 입자 시스템을 사용하여 작은 구름 모양 모음을이 텍스쳐로 스 플래트하여 시간이 지남에 따라 확장되어 전이가 유기적으로 퍼지는 가장자리를 제공합니다.