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



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

금별 0 5,268 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


번호 포토 분류 제목 글쓴이 날짜 조회
239 유니티 유니티 쉐이더그래프 - 불이펙트 제작방법 금별 2022.03.29 5222
238 언리얼4 언리얼5 - DBufferTexture 노드를 이용한 데칼 응답의 수동처리 금별 2022.03.25 4925
237 언리얼4 언리얼 짤막팁 - Preview Scene Settings설정 금별 2022.03.25 5209
236 언리얼4 언리얼 머터리얼 - UVPlayground/다양한 형태 변형 금별 2022.03.25 3262
235 언리얼4 언리얼 - 머터리얼만을 사용한 양궁판 제작 금별 2022.03.20 3430
234 유니티 유니티 앰플리파이쉐이더 - 카드형 라이트 엣지 디졸브/디스토션 제작과정 금별 2022.03.18 4711
233 언리얼4 언리얼 - 텍스쳐 없이 UV체커 만들기 금별 2022.03.14 3566
232 언리얼4 언리얼 - WPO를 활용한 각면의 회전 효과 금별 2022.03.14 4340
231 유니티 유니티 쉐이더 그래프 - Remapping Tech Art Toolbox 사진동영상new 금별 2022.03.04 4317
230 유니티 유니티 - 물줄기 스킬효과/작은 폭발 제작과정(중국어) 금별 2022.02.24 4616
229 유니티 유니티 - 바닥 크랙/흩날림 효과 제작과정(중국어) 금별 2022.02.17 4181
228 언리얼4 언리얼 - 디졸브 머트리얼 노드 예제 금별 2022.02.17 4074
227 언리얼4 언리얼 에셋 - Node Graph Assistant 금별 2022.02.11 3102
226 유니티 유니티 쉐이더 그래프 - Eroision 효과 제작과정 금별 2022.02.11 3311
225 언리얼4 언리얼 - 다양한 도형 머터리얼 제작방법 금별 2022.02.08 5124
224 언리얼4 언리얼팁 - 다이아몬드 게이지 머트리얼 제작방법 금별 2022.01.29 4562
223 유니티 유니티 VFX그래프 - 패스를 따라 움직이는 파티클 제작법 금별 2022.01.26 5028
222 언리얼4 언리얼 - distance와 step을 활용한 원 그리기 금별 2022.01.25 5007
221 언리얼4 언리얼 - 게이지 머트리얼 예제 금별 2022.01.25 3549
220 언리얼4 언리얼 - DotPatternFade Material 예제 금별 2022.01.25 3214
219 언리얼4 언리얼4 나이아가라 - Stylized 리본 쉐이더 제작방법 금별 2022.01.24 4136
218 언리얼4 언리얼 - 구형 디졸브 폭파 제작방법 금별 2022.01.24 2999

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand