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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
243 유니티 유니티 - 발사체와 쉴드 이펙트 제작벙법(중국어) 금별 2022.03.30 3599
242 유니티 유니티 - 피격 효과 제작방법(중국어) 금별 2022.03.30 4016
241 유니티 유니티 - 불꽃놀이 이펙트 제작방법(중국어) 금별 2022.03.30 2973
240 유니티 유니티 + 블랜더 VFX tutorial : 공격 잔상 효과 제작방법 금별 2022.03.29 5548
239 유니티 유니티 쉐이더그래프 - 불이펙트 제작방법 금별 2022.03.29 5178
238 언리얼4 언리얼5 - DBufferTexture 노드를 이용한 데칼 응답의 수동처리 금별 2022.03.25 4885
237 언리얼4 언리얼 짤막팁 - Preview Scene Settings설정 금별 2022.03.25 5171
236 언리얼4 언리얼 머터리얼 - UVPlayground/다양한 형태 변형 금별 2022.03.25 3232
235 언리얼4 언리얼 - 머터리얼만을 사용한 양궁판 제작 금별 2022.03.20 3404
234 유니티 유니티 앰플리파이쉐이더 - 카드형 라이트 엣지 디졸브/디스토션 제작과정 금별 2022.03.18 4675
233 언리얼4 언리얼 - 텍스쳐 없이 UV체커 만들기 금별 2022.03.14 3535
232 언리얼4 언리얼 - WPO를 활용한 각면의 회전 효과 금별 2022.03.14 4305
231 유니티 유니티 쉐이더 그래프 - Remapping Tech Art Toolbox 사진동영상new 금별 2022.03.04 4291
230 유니티 유니티 - 물줄기 스킬효과/작은 폭발 제작과정(중국어) 금별 2022.02.24 4581
229 유니티 유니티 - 바닥 크랙/흩날림 효과 제작과정(중국어) 금별 2022.02.17 4142
228 언리얼4 언리얼 - 디졸브 머트리얼 노드 예제 금별 2022.02.17 4036
227 언리얼4 언리얼 에셋 - Node Graph Assistant 금별 2022.02.11 3058
226 유니티 유니티 쉐이더 그래프 - Eroision 효과 제작과정 금별 2022.02.11 3289
225 언리얼4 언리얼 - 다양한 도형 머터리얼 제작방법 금별 2022.02.08 5094
224 언리얼4 언리얼팁 - 다이아몬드 게이지 머트리얼 제작방법 금별 2022.01.29 4522
223 유니티 유니티 VFX그래프 - 패스를 따라 움직이는 파티클 제작법 금별 2022.01.26 4992
222 언리얼4 언리얼 - distance와 step을 활용한 원 그리기 금별 2022.01.25 4965

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand