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



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

금별 0 4,638 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


번호 포토 분류 제목 글쓴이 날짜 조회
375 2D 섭스턴스디자인 - VFX 텍스쳐 제작방법 및 언리얼 적용영상 금별 2022.11.30 2400
374 유니티 유니티 VFX 그래프 - 캐릭터 파티클로 분해 효과 예제 제작방법 new 금별 2022.11.30 3054
373 유니티 유니티 - 나루토 치도리 VFX 제작방법 금별 2022.11.28 4158
372 유니티 유니티 쉐이더 - 반응형 눈 쉐이더 제작방법(움푹패이는) 금별 2022.11.28 3580
371 유니티 유니티 - 라이트닝 파티클 제작방법(오브젝트 근처에서 튀기는) 금별 2022.11.28 4827
370 언리얼4 언리얼 머트리얼 - 다양한 UV 샘플링 모양 제작방법 금별 2022.11.23 2707
369 언리얼4 언리얼 - 간단한 UV disturbance 생성예제 금별 2022.11.23 2318
368 2D 섭스턴스 디자인 - 섭디에서 시퀀스 이미지 제작방법 금별 2022.11.23 3266
367 유니티 유니티 VFX 그래프 - 문자의 파티클화(수집/변형/분해) 제작방법 금별 2022.11.23 2325
366 유니티 유니티 VFX 그래프 - 특정 캐릭이미지를 생성하는 불꽃놀이 제작방법 금별 2022.11.23 3549
365 언리얼4 언리얼 - 원신 느낌의 동결효과 제작과정 금별 2022.11.21 2744
364 언리얼4 언리얼 나이아가라 - 매직 포털 이펙트 제작방법 금별 2022.11.19 2250
363 유니티 유니티 쉐이더 그래프 - 사인파동 형태로 퍼지는 레이더 쉐이더 제작과정 금별 2022.11.17 4213
362 유니티 유니티 쉐이더 그래프 - 쉐이더를 사용한 돌돌말리는 효과 제작과정(롤 쉐이더) 금별 2022.11.17 3295
361 유니티 유니티 쉐이더 그래프 - 반응형 물표면 느낌 금별 2022.11.17 3347
360 유니티 유니티 - 사스케 치도리(뇌절) 간단제작방법 금별 2022.11.15 3043
359 언리얼4 언리얼4 나이아가라 - 매직 포털 이펙트 제작방법 금별 2022.11.14 2371
358 언리얼4 언리얼 머트리얼 - 쉐이더 토이에서 응용한 간단한 레이더 제작방법 금별 2022.11.14 2310
357 언리얼4 언리얼 머트리얼 - 쉐이더 토이에서 응용한 원형 로딩 스피너 제작과정 금별 2022.11.14 2381
356 언리얼4 언리얼 나이아가라 - UI에 이펙트 붙이기 금별 2022.11.10 4337
355 유니티 유니티 앰플리파이 쉐이더 - 라이트닝 셰이더 제작 과정 금별 2022.11.05 3159
354 언리얼4 언리얼5 - 간단한 프로즌 효과 제작방법 금별 2022.11.05 3470

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand