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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
423 언리얼4 언리얼 - 외곽이 꿀렁되는 UMG 머트리얼 금별 2023.02.28 3354
422 유니티 유니티 - 캐릭 도트화 ScreenPosition 적용 제작과정예제 금별 2023.02.20 2887
421 유니티 유니티 - 쿠파 취업 클래스 실제강의 파도,워터 쇼크웨이브 압축 제작과정 금별 2023.02.20 3192
420 언리얼4 언리얼 - UV 축을 보여주는 머티리얼 함수 금별 2023.02.19 3885
419 언리얼4 언리얼 - 디지털 트랜지션 효과 제작방법 금별 2023.02.17 2893
418 언리얼4 언리얼 - Procedural Hex Tiling Material 금별 2023.02.17 2474
417 언리얼4 언리얼5 - 원신느낌의 Wenti's 원소폭파 제작과정 금별 2023.02.13 3247
416 3D 마야 - 윈드 메쉬 제작방법 금별 2023.02.13 2924
415 유니티 유니티 - 캐쥬얼 신체절단 피튀김 간단제작과정 (혐짤은 아님) 금별 2023.02.02 3515
414 언리얼4 언리얼 - Value erosion_Normalized 금별 2023.02.02 2623
413 언리얼4 언리얼5 나이아가라-촉수 제작 튜토리얼 금별 2023.02.01 2546
412 언리얼4 언리얼5 나이아가라-물고기떼 제작 튜토리얼 금별 2023.02.01 2730
411 언리얼4 언리얼5/섭디 - 커스터마이징과 수축 가능한 별 쉐이더 제작방법 금별 2023.02.01 2592
410 언리얼4 린반의 언리얼 이펙트 강의 가이드 V 1 금별 2023.01.28 2561
409 유니티 유니티 VFX 그래프 - 야스오 윈드월 이펙트 제작과정 금별 2023.01.26 2867
408 언리얼4 언리얼5 나이아가라 - Shading Niagara Fluids(꿀 느낌) 금별 2023.01.26 2242
407 언리얼4 언리얼 - 레트로 TV 스크린 효과 제작과정 금별 2023.01.25 2381
406 유니티 유니티 VFX 그래프 - 포켓몬 이빨 공격효과 예제 제작과정 금별 2023.01.12 3602
405 2D 섭디/유니티 - POM(ParallaxOcclusionMapping)활용 바닥 크랙 제작방법 금별 2023.01.10 3404
404 언리얼4 언리얼 - 검소환 공격효과 예제 part1 금별 2023.01.10 2944
403 언리얼4 언리얼 나이아가라 - 디졸브 활용 소환수 공격 제작과정 금별 2023.01.10 3301
402 유니티 유니티 VFX 그래프 - 효과적인 데칼 제작 셋업 방법 금별 2023.01.05 4758

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand