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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
226 유니티 유니티 쉐이더 그래프 - Eroision 효과 제작과정 금별 2022.02.11 3256
225 언리얼4 언리얼 - 다양한 도형 머터리얼 제작방법 금별 2022.02.08 5057
224 언리얼4 언리얼팁 - 다이아몬드 게이지 머트리얼 제작방법 금별 2022.01.29 4481
223 유니티 유니티 VFX그래프 - 패스를 따라 움직이는 파티클 제작법 금별 2022.01.26 4968
222 언리얼4 언리얼 - distance와 step을 활용한 원 그리기 금별 2022.01.25 4945
221 언리얼4 언리얼 - 게이지 머트리얼 예제 금별 2022.01.25 3488
220 언리얼4 언리얼 - DotPatternFade Material 예제 금별 2022.01.25 3151
219 언리얼4 언리얼4 나이아가라 - Stylized 리본 쉐이더 제작방법 금별 2022.01.24 4068
218 언리얼4 언리얼 - 구형 디졸브 폭파 제작방법 금별 2022.01.24 2947
217 언리얼4 언리얼4 - 페이크 색수차 효과(facking chromatic aberration) 금별 2022.01.24 4696
216 유니티 유니티 - 수속성 타격체 효과 제작과정 금별 2022.01.12 3205
215 유니티 유니티 - 꿀렁거리는 촉수 쉐이더 제작과정 금별 2021.12.30 3812
214 유니티 유니티 - 달 움직임 쉐이더 표현 금별 2021.12.30 4033
213 언리얼4 언리얼4 - Particle Module : Color 한글설명 금별 2021.12.25 2833
212 2D 애프터이펙트 - 화염 시퀀스 효과 제작 금별 2021.12.23 8969
211 언리얼4 언리얼4 - 쇼크웨이브 / 그라운드 이펙트 제작과정 2 금별 2021.12.20 3107
210 2D 섭스턴스 디자인/언리얼4 - 움푹 패인 데칼 제작 금별 2021.12.20 3591
209 언리얼4 언리얼4 - 방사형 그라디언트와 외적 사용한 굴절링 제작노드 예제 금별 2021.12.14 3534
208 2D 애프터이펙트 - 루핑 빔 텍스쳐 제작방법(중국어) 금별 2021.12.14 3076
207 2D 애프터이펙트 - 원형 검기 텍스쳐 제작방법(중국어) 금별 2021.12.14 6590
206 유니티 유니티 - 검기 이펙트 기본부터 캐릭터에 붙이는 전체제작과정(중국어버젼) 금별 2021.12.12 3966
205 유니티 유니티 - 워터 밴딩 효과 제작과정 금별 2021.12.12 3143

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand