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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
461 2D 포토샵 - 간단 불 시퀀스 제작방법 금별 2023.04.08 4857
460 2D 포토샵 - 간단 발톱형태 스크래치 텍스쳐 제작방법 금별 2023.04.08 4506
459 2D 포토샵 - 간단 카툰 크랙 텍스쳐 제작방법 금별 2023.04.08 3325
458 2D 포토샵 - 간단한 가시형태 아우라 텍스처 제작방법 금별 2023.04.08 3908
457 2D 포토샵 - 심플한 LOL 스타일 스킬서클 제작방법 금별 2023.04.08 2947
456 2D 포토샵 - 간단한 4장 시퀀스 번개 제작방법2 금별 2023.04.08 4816
455 2D 포토샵 - 간단한 4장 시퀀스 번개 제작방법 금별 2023.04.08 3991
454 2D 포토샵 - 간단 작은 파티클 잎 텍스처 제작 금별 2023.04.08 2662
453 2D 포토샵 - 간단 작은 돌 질감 텍스쳐 제작방법 금별 2023.04.08 2773
452 2D 포토샵 - 간단 노이즈 텍스쳐 제작방법(심리스) 금별 2023.04.08 4144
451 2D 포토샵 - 연속되는 테일 텍스쳐 제작방법 금별 2023.04.08 2920
450 2D 포토샵 - 간단 플레어 텍스쳐 제작방법 금별 2023.04.08 4114
449 2D 포토샵 - 간단 검광 텍스쳐 제작방법 금별 2023.04.08 2946
448 유니티 유니티 앰플리파이 쉐이더 - 흑백으로 집중되는 펜스타일 포스트프로세스 간단 제작과정 금별 2023.04.04 4313
447 언리얼4 언리얼5.1 - 클라드니 패턴(반지의 제왕 인트로) 이펙트 금별 2023.04.02 2348
446 언리얼4 언리얼 - 리본을 활용한 크리스탈 외곽효과 제작방법 금별 2023.04.01 2492
445 언리얼4 언리얼5 - 메시를 다른 메시로 디졸브하는 방법 금별 2023.03.31 2866
444 언리얼4 언리얼 - 노이즈에 그라데이션 반영 금별 2023.03.30 3145
443 언리얼4 언리얼 - UV 부풀어 보이게 하는 팁 금별 2023.03.30 3161
442 언리얼4 언리얼 - Polar UV에 대한 간단팁 금별 2023.03.30 3520
441 언리얼4 언리얼4 - 머트리얼로 버블 느낌 구현 금별 2023.03.26 3516
440 유니티 유니티 - 레이저 채찍으로 용소환 바닥 크랙생성 제작튜토리얼 금별 2023.03.26 4051

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand