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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
499 유니티 유니티 쉐이더 그래프 URP - 에너지 쉴드 제작방법 금별 2023.05.22 4014
498 언리얼4 언리얼 - Smoothstep활용 프로시졀쉐이더 제작(2D 반지형 링) 금별 2023.05.18 5298
497 유니티 유니티 포스트프로세스 - 집중선 효과 제작과정 금별 2023.05.18 4241
496 유니티 유니티 앰플리파이 쉐이더 - 카툰풍 폭파 이펙트 제작방법(중국어) 금별 2023.05.15 4835
495 언리얼4 언리얼5 - 레벨에서 나이아가라 이펙트가 보이지 않을때 해결방법 금별 2023.05.15 5040
494 언리얼4 이펙터의 모든것! 게임이펙터 O/X 인터뷰 [신입~3년차] new 금별 2023.05.15 4767
493 언리얼4 Parallax Frost Material in UE5.2 Tutorial | Download Files ashif 2023.05.10 3097
492 언리얼4 언리얼 - 노출 변화화에 상관업이 이미시브 색상을 유지하는 방법 금별 2023.05.10 4747
491 유니티 유니티 쉐이더 팁 - 스텐실 버퍼를 활용한 카드형 포털 효과 금별 2023.05.10 4100
490 유니티 유니티 URP/HDRP - 스크린 공간·렌즈 플레어로 편하게 반짝 반짝 표현하기 금별 2023.05.08 6632
489 유니티 유니티 앰플리 - 웨이브 디폼 형태의 옷가락 날리는 효과 구현 예제 금별 2023.05.08 4128
488 유니티 유니티 앰플리 - 붕괴 스타레일류 빨려들어가는 트랜지션효과 간단구현 금별 2023.05.08 7544
487 유니티 유니티 - 불,얼음,전기 속성 텍스쳐 구성 팁 금별 2023.05.08 5967
486 유니티 유니티 VFX 그래프 - Six-way lighting workflow new 금별 2023.05.04 3987
485 언리얼4 언리얼5 퀵팁 - VFX 아티스트들이 가장 많이 사용하는 5가지 UV 트릭 금별 2023.05.04 3708
484 언리얼4 언리얼5 퀵팁 - 텍스쳐를 나선형으로 만들기(polar coordinates) 금별 2023.05.04 4851
483 언리얼4 언리얼 - Drawing Locations to a Render Target 금별 2023.05.04 2781
482 2D 포토샵 - 간단한 노이즈 3종 제작방법 금별 2023.05.02 6120
481 2D 포토샵 - 간단한 플레어 텍스쳐 제작방법 금별 2023.05.02 2902
480 2D 포토샵 - 간단한 빔텍스쳐 제작방법 금별 2023.05.02 3019
479 2D 포토샵 - 간단한 소용돌이 형태 텍스쳐 제작방법 금별 2023.05.02 4052
478 2D 포토샵 - 플레임 히트 텍스쳐 제작방법 금별 2023.05.02 3118

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand