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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
1358 언리얼4 Plasma Beam in Unreal Engine 5 Niagara ashif 07.25 27
1357 언리얼4 Ice Aura in Unreal Engine 5 Niagara ashif 07.25 28
1356 언리얼4 UEFN VFX Tutorial | Make FIRE (UE6 Ready) ???? ashif 07.25 28
1355 언리얼4 Fiery Eye in Unreal Engine 5 Niagara ashif 07.23 46
1354 언리얼4 Dark Energy Shield in Unreal Engine 5 Niagara ashif 07.22 52
1353 3D 후디니 - COP활용 Stylized 느낌 물 소용돌이 제작팁 금별 07.15 113
1352 언리얼4 언리얼 - 논텍스처 UV 기반 기하학적 패턴/애니메이션 제작팁 금별 07.15 128
1351 언리얼4 언리얼5 - 간단한 공간 균열 제작 워크플로우 금별 07.08 210
1350 언리얼4 언리얼5 - 스크래치 패드활용 간단한 나이아가라 파티클 전체 회전 금별 07.08 184
1349 유니티 유니티 - Stylized 기본 검기 제작04_기본 검광 제작 (전체 워크플로) 금별 07.08 160
1348 유니티 유니티 - Stylized 기본 검기 제작03_검광 모델, 텍스처 및 UV 생성 금별 07.08 142
1347 유니티 유니티 - Stylized 기본 검기 제작02_검기의 구성과 리듬 금별 07.08 139
1346 유니티 유니티 - Stylized 기본 검기 제작01_파티클 시스템 소개 금별 07.08 168
1345 언리얼4 You need this Explosion in Unreal Engine 5 Niagara ashif 07.07 111
1344 언리얼4 언리얼 - 사실적인 데칼 균열 제작과정(한글자막) 금별 06.01 567
1343 언리얼4 언리얼 - 물결 형태 텍스쳐 트랜지션 효과 제작과정(한글자막) 금별 06.01 487
1342 언리얼4 언리얼 - Niagara에서 정적 메시를 사용하여 사용자 지정 파티클 모양 만들기 금별 05.17 576
1341 언리얼4 언리얼 - 포스트 프로세스 2D 페이지 넘김 효과 머트리얼 예제 금별 05.17 469
1340 언리얼4 언리얼 - AI 활용 블랙홀 셰이더를 업그레이드(한글자더빙) 금별 05.17 487
1339 유니티 유니티 - 호박(Amber) 셰이더 제작과정(한글자막) 금별 05.12 454
1338 언리얼4 언리얼 - HLSL 심층 설명 4_레이마칭 활용 평면정사각형 메시 3D 구체로 변형 금별 05.12 475
1337 언리얼4 언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막) 금별 05.06 511

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand