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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
1277 언리얼4 Niagara VFX in UE5 Widget UI WITHOUT Plugins! (Quick & Easy Method) ????️✨???? ashif 13:45 5
1276 언리얼4 Isometric Level Up Aura VFX in UE5 Niagara! (Rainbow Tube, Stars & Upward Flow Tutorial) ????⬆️✨ ashif 12.12 11
1275 언리얼4 Celestial Beam VFX in UE5 Niagara! (Rays, Dissolving Ring & Curl Noise) ????✨⬇️ ashif 12.11 19
1274 2D 섭스턴스 디자인 - 움푹 파인 바닥 절차적 제작과정(한글자막) 금별 12.10 41
1273 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part3(한글자막) 금별 12.10 43
1272 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part2(한글자막) 금별 12.10 29
1271 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part1(한글자막) 금별 12.10 37
1270 언리얼4 언리얼 - 나이아가라 나선형 파티클 구현 과정 금별 12.04 96
1269 언리얼4 Create a Bubble Shield VFX in UE5 Niagara! (Character Defense & Multi-Layer Bubbles) ????️ ashif 12.02 112
1268 언리얼4 언리얼 - 흡입형 화면이 빨려들어가는 느낌 스크린 이펙트 제작과정(한글자막) 금별 12.02 143
1267 언리얼4 언리얼 - 물결무늬 에너지 실드 소재 제작과정(한글자막) 금별 12.02 119
1266 2D 포토샵 - 빛 효과 텍스쳐 간단 제작방법팁 금별 12.02 120
1265 3D 후디니 - COP 활용한 검기 텍스쳐 생성 과정(한글자막) 금별 11.24 197
1264 유니티 유니티 - ASE 활용 포털 조각 분리 및 트위스트 애니메이션 제작과정(한글자막) 금별 11.24 191
1263 언리얼4 언리얼 - 나이아가라 파티클 위치 및 곡선(Arc) 제어과정 금별 11.24 205
1262 언리얼4 언리얼5 - 나이아가라 객체 회전 예제 금별 11.24 187
1261 유니티 유니티 - (퀵팁) 간단한 파티클 orbit 움직임제어팁 금별 11.20 194
1260 언리얼4 Create a Multi-Layer Ribbon Trail VFX in UE5 Niagara! (Advanced Color & Edge Material) ????〰️✨ ashif 11.18 140
1259 언리얼4 언리얼5.7기준 - 나이아가라의 확장성 및 모범 사례 금별 11.17 221
1258 언리얼4 언리얼 - Niagara로 스플라인을 따라 발사되는 파티클 제작하기 금별 11.17 201
1257 언리얼4 언리얼5 - 오브젝트를 풍경에 혼합하기: 런타임 가상 텍스처 사용법 금별 11.17 213
1256 언리얼4 언리얼5 - 동적 SubUV 데칼(Decal) 제작하기 금별 11.17 179

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand