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



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

금별 0 4,434 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


번호 포토 분류 제목 글쓴이 날짜 조회
1225 언리얼4 언리얼 - '작은(Tiny) 지오메트리' 병합을 통한 카오스 최적화 팁 금별 10.11 128
1224 언리얼4 언리얼5 - 사실적인 횃불 VFX: Houdini와 Embergen 활용 금별 10.11 128
1223 언리얼4 언리얼5 - WorldPositionBehindTranslucency로 만드는 간단 커스텀 데칼 UV 금별 10.11 104
1222 유니티 유니티 - 망치 타격 효과 연출 part2(한글자막) 금별 10.11 117
1221 유니티 유니티 - 망치 타격 효과 연출 part1(한글자막) 금별 10.11 125
1220 언리얼4 Create an Epic Rings Burst AOE FX in UE5 Niagara! (Full Tutorial) ashif 09.25 215
1219 언리얼4 Create a Dynamic Sci-Fi Dome Material in UE5! (Full Tutorial) ashif 09.24 207
1218 유니티 유니티/3DsMax - 깔끔한 기본 메시 검기 제작과정 part2(한글자막) 금별 09.19 247
1217 유니티 유니티/3DsMax - 깔끔한 기본 메시 검기 제작과정 part1(한글자막) 금별 09.19 237
1216 언리얼4 언리얼5 - 나이아가라 리본의 첫 트레일 프레임이 자연스럽게 나타나는 제작팁 금별 09.19 253
1215 언리얼4 언리얼5 - [퀵팁] Niagara를 하나의 파라미터로 컨트롤과정 금별 09.19 227
1214 유니티 언리얼5 - 심플한 솟아오르는형태 아우라 제작과정(한글자막) 금별 09.19 223
1213 언리얼4 언리얼5 - 나이아가라 플루이드 2d Gas Smoke 기본조절 금별 09.19 195
1212 언리얼4 린반 게임이펙트 라이브 - (취업준비편)포트폴리오 구성/주의사항/면접관련 각종팁들 금별 09.19 215
1211 언리얼4 언리얼5 - Niagara로 번개와 표면 상호작용 VFX 만들기 금별 09.03 380
1210 언리얼4 언리얼5 - 간단한 바닥 아우라 색수차 효과를 추가 제작팁 금별 09.03 391
1209 언리얼4 언리얼5 - Rotate Around Point 활용 궤도 애니메이션 연출 간단팁 금별 09.03 284
1208 언리얼4 언리얼5 - halftone post-process 제작 예제 금별 09.03 620
1207 언리얼4 언리얼5 - 흡수 및 폭발 효과 간단 제작과정(한글자막) 금별 09.02 687
1206 언리얼4 언리얼5 - 회피 텔레포트 효과 간단제작과정(한글자막) 금별 09.02 314
1205 언리얼4 언리얼5 - Stylized 화속성 검기 간단 제작 분석(한글자막) 금별 09.02 359
1204 언리얼4 언리얼5 - 메시 조각 흡수 간단 제작과정(한글자막) 금별 09.02 565

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand