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



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

금별 0 2,471 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


번호 포토 분류 제목 글쓴이 날짜 조회
277 유니티 게임에서 타격감을 살리기 위한 요소들 금별 2018.07.12 4067
276 유니티 [입문자] 고냥이도 이해하는 그래픽스와 셰이더 기초 (1-3편) by 우덜 금별 2018.07.13 2990
275 유니티 유니티에서 JangaFX의 VectorayGen을 공식지원 금별 2018.11.11 1579
열람중 유니티 [유니티 쉐이더 튜토리얼]RzFX Flow Trail in Unity 금별 2018.11.11 2472
273 유니티 [유니티 새로운 이펙트 툴 - 비주얼이펙트 그래프] GPU 이벤트 사용하기 금별 2018.11.13 2261
272 유니티 [유니티 새로운 이펙트 툴 - 비주얼이펙트 그래프]Spawner chaining 간단소개 댓글+1 금별 2018.11.21 1365
271 유니티 [유니티 비주얼 이펙트 그래프 팁]타임라인과 호환성문제 금별 2018.11.21 1995
270 유니티 [유니티 쉐이더그래프]프리뷰 노드 설명 금별 2018.11.21 2258
269 유니티 쉐이더 그래프를 이용한 젤다 불 이펙트 만들기 금별 2018.11.25 2857
268 유니티 유니티 이펙트 튜토리얼 - 자연스럽게 사라지는 폭발효과 만들기 댓글+3 금별 2018.12.01 3143
267 유니티 유니티 이펙트 튜토리얼 - 플라즈마 스피어 만들기 댓글+1 금별 2018.12.19 2037
266 유니티 유니티 비주얼 이펙트 그래프 -How to install Visual Effect Graph 금별 2018.12.19 2117
265 유니티 유니티 쉐이더 그래프(LA 유나이트) - Best practices for Shader Graph 금별 2018.12.19 1839
264 유니티 유니티 레이마칭 사용 노드영상 및 코드 금별 2018.12.19 2530
263 유니티 유니티 쉐이더 그래프 - 간단한 스캔라인 쉴드 제작 금별 2018.12.19 2911
262 유니티 유니티 쉐이더 그래프 팁 - 꿀렁이는 호수관 만들기 금별 2018.12.19 1845
261 유니티 Z-뎁스로 균열효과 만들기 금별 2018.12.19 1783
260 유니티 데칼에 확산 UV확산효과 쉐이더 이펙터자료 금별 2019.01.09 2016
259 유니티 라바 램프 쉐이더 만들기 금별 2019.01.13 2265
258 유니티 Shuriken本執筆中!(内容更新) 댓글+3 금별 2019.01.14 7586
257 유니티 유니티 Image Based Shader Programming 일본자료 번역 댓글+1 금별 2019.02.24 1332
256 유니티 유니티 쉐이더 - 정점 쉐이더 애니메이션 입문 [일본자료 번역] 금별 2019.03.12 1725

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand