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



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

금별 0 3,815 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


번호 포토 분류 제목 글쓴이 날짜 조회
293 언리얼4 언리얼5 - 시간 역재생(프렉쳐) 효과 튜토리얼 금별 2022.08.18 2556
292 언리얼4 언리얼 머트리얼 노드 예제 - 2D 트랜지션 효과 노드 금별 2022.08.18 2153
291 언리얼4 언리얼 퀵팁 - 2D 컬 노이즈 간단제작방법 금별 2022.08.17 2013
290 유니티 유니티 앰플리파이 쉐이더 - 트라이메쉬형태 방패 스킨 제작방법(중국어) 금별 2022.08.16 2592
289 유니티 유니티 앰플리파이 쉐이더 - 카드 생성 효과 제작방법(중국어) 금별 2022.08.16 3227
288 유니티 유니티 - 바루스 활 공격 효과 모작 제작과정(중국어) 금별 2022.08.11 3823
287 유니티 유니티 앰플리파이 쉐이더 - 노이즈 쉐이더 제작과정(중국어) 금별 2022.08.11 3766
286 유니티 유니티 - 앰플리파이쉐이더 2D 캐릭터 아웃라인 제작과정(중국어) 금별 2022.08.10 3776
285 유니티 유니티 - 방패버프효과 제작과정(중국어) 금별 2022.08.10 3376
284 언리얼4 언리얼 팁 - 라운드 텍스처에 대한 방사형 디스토션 생성 방법 동영상new 댓글+1 금별 2022.07.30 1990
283 유니티 유니티 앰플리파이 쉐이더 - 스크린 이펙트 제작과정(외곽라인이 불타는효과) 금별 2022.07.14 2935
282 유니티 유니티 앰플리파이쉐이더 - 번개 효과 제작방법(중국어) 금별 2022.07.14 2561
281 언리얼 언리얼 팁 - 프로젝트 이름 변경하는법 금별 2022.07.14 7961
280 유니티 유니티 앰플리파이 쉐이더 - 카드 효과(외곽 반사 효과 예제) 금별 2022.07.14 2625
279 언리얼4 나이아가라 - 모듈에 스태틱 스위치를 추가해 옵션기능을 노출하는법 금별 2022.07.14 2132
278 유니티 유니티 - 캐릭터 트레일 제작방법 금별 2022.07.14 2270
277 3D 블랜더 - 노드만을 이용한 원형 화염 제작 금별 2022.07.14 2146
276 언리얼 언리얼 - 노드를 사용한 타일링 텍스쳐 제작방법 사진 금별 2022.07.14 2378
275 언리얼4 언리얼5 - 육각형 트랜지션 머트리얼 효과(노드포함) 금별 2022.07.08 2599
274 2D 섭스턴스 디자인 - VFX Smoke Texture Trail new 금별 2022.07.07 3009
273 유니티 유니티 퀵팁 - 간단한 소팅 이슈 해결법 금별 2022.07.07 1828
272 유니티 유니티 쉐이더 그래프 - 빨려들어가는 이펙트 제작 Almighty Vertex 금별 2022.07.07 3159

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand