[유니티 쉐이더 튜토리얼]RzFX Flow Trail in Unity



[유니티 쉐이더 튜토리얼]RzFX Flow Trail in Unity

금별 0 2,435 2018.11.11 17:42



For demo test.

Unity 2018.2.4

Amplify shader editor 1.5.8



FlowTrail_Breakdown_Full


The overview of the shader is included 4 part.


First: Define the main shape what I want for the trail.

Second: The way how to dissolve the shape. So I need a good motion for the mask.

Third : Fill the color.

Final : Optimize the visual. Mask some defect.


Here is the texture made within Substance designer for the shader.

RG: Work for distort the uv and the end of the trail dissolved.

B: The main shape of trail.


FlowTrail_TextureChannel



누르면커져요



SD_Texture_FlowTrail


The overview of the shader is included 4 part.


First: Define the main shape what I want for the trail.

Second: The way how to dissolve the shape. So I need a good motion for the mask.

Third : Fill the color.

Final : Optimize the visual. Mask some defect.


Here is the texture made within Substance designer for the shader.

RG: Work for distort the uv and the end of the trail dissolved.

B: The main shape of trail.


FlowTrail_Breakdown_01


Dissolve mask.

As the trail moving to the end will be dissolved by the noise from G channel.

In order to keep the initial opacity, it add the gradient of U coordinate.


FlowTrail_Breakdown_02




Color.

To fill the two color from start to end. It is filled full size.

If it multiplied the value of opacity, the pixel which less than 1 goes to black.

So, I created a switch to do the dark edge or not.


FlowTrail_Breakdown_03




Edge mask.

As the value of “Flow Strength” went over, the trail will move over the area.

So, I need a mask making it to be smooth fade out when it over the edge.


FlowTrail_Breakdown_04

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
739 언리얼4 언리얼 - 게임 이펙트 무엇이든 물어보세요(린반특강 2.20 오후7시30분) 금별 02.20 119
738 언리얼4 언리얼5 - 에너지 플래시 폭발 제작과정(한글자막) 금별 02.20 165
737 유니티 유니티 셰이더 그래프 - 간단한 지형스캔 효과 제작방법(한글자막) 금별 02.20 144
736 언리얼4 언리얼 - 카메라 거리에 따른 머트리얼 효과 예제(한글자막) 금별 02.19 135
735 언리얼4 언리얼 - 게임 이펙트 포트폴리오 제작 주의사항 및 실시간피드백,소통 라이브 금별 02.15 162
734 유니티 유니티 앰플라파이 셰이더 - 입체적 카드 효과 제작과정 금별 02.14 451
733 언리얼4 플랜 메시를 활용한 패닝이펙트 예제 금별 02.12 229
732 유니티 유니티 셰이더 그래프 - 2D 카툰풍 구체아우라 확산효과 제작과정 금별 02.07 382
731 언리얼4 언리얼5 - 커스텀 경로를 따라 나이아가라 플루이드 애니메이션화하는법(한글자막) 금별 02.07 192
730 언리얼4 언리얼5 - 언리얼 플루이드 리퀴드 시뮬레이션 제작과정(한글자막) 금별 02.07 169
729 2D 섭스턴스 디자인 - 화염 링텍스 제작과정(한글자막) 금별 02.07 198
728 2D 섭스턴스 디자인- 캠프파이어 불 텍스쳐시트 간단 제작예제 금별 02.06 186
727 언리얼4 언리얼 - SkyAtmosphereImage노드 간단설명 금별 02.06 172
726 언리얼4 언리얼 - 스페이스 포털 제작과정(중국어/AI한글자막) 금별 02.06 174
725 언리얼4 언리얼 - 오디오 비주얼라이제이션 제작노드 간단예제 금별 02.06 113
724 언리얼4 언리얼 - 언리얼 나나이트 기본 개념 정리 금별 02.03 217
723 2D 텍스처 압축포맷 정리 금별 02.03 145
722 유니티 유니티 - 초보자도 이해하는 URP와 성능, 그리고 모바일까지 금별 02.03 173
721 언리얼4 언리얼5.4 - 나이아가라의 스킨 캐시 데이터 엑세스 옵션 추가 금별 02.02 120
720 유니티 유니티 셰이더 그래프 - 오디오 비주얼라이저 효과 제작과정 금별 02.02 139
719 언리얼4 언리얼5 - 카툰형 메테오 레인 제작과정(한글자막) 금별 01.31 183
718 언리얼4 언리얼5 - 나이가라 활용한 아이스 스킬효과 제작과정 금별 01.29 218

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand