유니티 - 2d Raymarched Smoke



유니티 - 2d Raymarched Smoke

금별 4 165 2019.10.26 09:49

2d Raymarched Smoke

Start with a texture as opacity. Here I'm using a flat splat texture to better show the offset layering.

1.jpg?token-time=1583020800&token-hash=H2coaqfmvpACx5Yxl-LrS_hPMkrLuAJsxd42O5drXrA%3D

Take a copy of this, offset it by the LightDir in tangent space by adding to the UVs. Do this again with an increased offset and then layer them together. This is the shadow side. 

1.gif?token-time=1583020800&token-hash=vtkAL95ECPg5Y4UWXWOIupiT_TkzKGh8OGgU0I3CnFk%3D

Now take another two copies of the texture, again offset by the LightDir in tangent space, this time by subtracting from the UVs instead of adding. Increase the offset and layer those together.

1.jpg?token-time=1583020800&token-hash=g0EO0EMXFr0ml9GxEJfO5igEqvb_1syaXXAakjbtZec%3D

This is the lit side.

1.gif?token-time=1583020800&token-hash=4SFU_FFZqUctdQ6WFClg7JpAv-PlqKjajVRaIswR44g%3D

We can use the Dot Product of the ViewDir and LightDir to Lerp blend between the negated shadow side and the lit side.

1.jpg?token-time=1583020800&token-hash=Dz4AP_Acb6xSkS5oph2k40YDsVveYEwcExkpcHQshzM%3D

Perhaps use a smoothstep to ease the transition.

1.gif?token-time=1583020800&token-hash=rQzBLnxJ5UdD0TkJRndNvAssGjQRxndqjTyZs8jA9DU%3D

Now just chuck out that flat shaded splat texture, and pop in a soft smoky texture with faded sides.  

1.gif?token-time=1583020800&token-hash=sw7Yw7jMwSydZGjx6431-VSyES1JkebsQ7_JSyDUtzM%3D

Multiply it by the Light Colour, and if you’re feeling extra fancy, use the Dot Product of the ViewDir and LightDir to add in some fake SubsurfaceScattering as the light travels behind the smoke.  

1.jpg?token-time=1583020800&token-hash=Lt6jCExDhYlvxyEHZrpolegEzvBNMGkg5k89IQKPijo%3D

1.gif?token-time=1583020800&token-hash=vJex5VO6mm167OFoSRWMBYBBXtrLmzzDDIlYrZXFWyw%3D

 

Comments

커피맥주 02.14 19:09
링크 깨졌네요 흑흑
금별 02.16 19:20
이런 ㅠㅠ
금별 02.16 20:16
수정했습니다.
커피맥주 02.18 12:45

번호 포토 분류 제목 글쓴이 날짜 조회
공지 외국 교육 이펙트 튜토리얼 모음(사이트/유튜브/비메오등등..) 댓글+4 금별 2018.05.12 1483
공지 이펙트 추천 사이트/블로그 댓글+5 금별 2018.05.12 1967
120 3D MONSTER HUNTER : WORLD" HOUDINI 활용 기술 금별 02.20 4
119 언리얼4 언리얼4에서 멋진 구름효과 만들기 금별 02.20 4
118 언리얼4 언리얼4 이펙트 팁 - 쇼크웨이브 제작 금별 02.19 21
117 유니티 기적의 셰이더 그래프 '어떤 노드든 이해시켜 드립니다 금별 02.18 30
116 유니티 유니티 셰이더&렌더링 에센스(retr0) 금별 02.16 34
115 3D [아르카도님 번역]【CAPCOM RE 2019】데빌메이크라이5에 VFX해설 금별 02.10 43
114 유니티 유니티 이펙트 팁 - 아주 간단히 보는 포털제작팁 댓글+1 금별 02.10 53
113 언리얼4 언리얼4 이펙트 팁 - 윈터 미믹 제작과정 금별 02.07 51
112 2D Kayleigh Pinhay - Weapon VFX concepts 금별 02.07 24
111 언리얼4 언리얼4 쉐이더 튜토리얼 - 홀로 글리치 효과 제작 금별 02.04 71
110 언리얼4 언리얼4 머터리얼 튜토리얼 - 수학을 활용한 쉐입형태 제작 금별 02.04 55
109 언리얼4 언리얼4 머터리얼 팁 - 월드 공간에서 스피어 마스크를 사용 금별 02.02 54
108 언리얼4 언리얼4 머터리얼 튜토리얼 - 흐르는 노이즈 머터리얼 제작 금별 02.02 65
107 언리얼4 언리얼4 튜토리얼 - 심리스 형태의 Animated 노이즈제작 금별 01.31 62
106 언리얼4 언리얼4 - 바다 파도 쉐이더 라이브 스트림 튜토리얼 금별 01.24 88
105 언리얼4 언리얼4 튜토리얼 - Explosions for Games (UE4 Particle Tutorial) 금별 01.20 88
104 언리얼4 언리얼4 팁 - 얼음물 유리잔 쉐이더 제작 댓글+1 금별 01.20 147
103 언리얼4 언리얼4 팁 - 회오리 표현 금별 01.20 104
102 언리얼4 [GDC]Stylized Games을 위한 VFX 아트 디렉팅 금별 01.20 80
101 2D Stylized Animated 2D 이펙트: 팁과 트릭 금별 01.20 50
100 언리얼4 Making-of: VFX 고스트리콘 브레이크 포인트 금별 01.20 56
99 언리얼4 언리얼4 팁 - UNREAL 4 TIPS AND TRICKS 금별 2019.12.29 147


Banner
Facebook Twitter GooglePlus KakaoStory NaverBand