유니티 - 2d Raymarched Smoke



유니티 - 2d Raymarched Smoke

금별 5 1,553 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.

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. 

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.

This is the lit side.

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

Perhaps use a smoothstep to ease the transition.

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

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.  

 

Comments

커피맥주 2020.02.14 19:09
링크 깨졌네요 흑흑
금별 2020.02.16 19:20
이런 ㅠㅠ
금별 2020.02.16 20:16
수정했습니다.
커피맥주 2020.02.18 12:45
커피맥주 2020.09.15 02:57
오랜만에 다시 보러 왔더니 또 링크가 깨졌네요 ㅠㅠ

번호 포토 분류 제목 글쓴이 날짜 조회
276 유니티 유니티 - Ezreal Slash VFX 제작과정(한글자막) 금별 05.08 23
275 유니티 유니티 셰이더/렌더링 에센스 - 첫 URP 작성해보기 금별 04.29 54
274 유니티 유니티 셰이더/렌더링 에센스 - 유니티 셰이더 컴파일 & 셰이더 컴파일레이션(retr0) 금별 04.29 46
273 유니티 유니티 앰플리파이 셰이더 - HotWater셰이더 GUI 및 자료사용 예제 영상 금별 04.26 75
272 유니티 유니티 - 쿠파 취업 클래스 [실강의 맛보기 - 얼음스킬제작과정] 금별 04.26 67
271 유니티 유니티 셰이더그래프 - 반응형 파티클 제작과정(한글자막) 금별 04.19 88
270 유니티 유니티 - 앰플리파이셰이더 활용한 극좌표 소용돌이 형태 제작과정(한글자막) 금별 04.18 77
269 유니티 유니티 - 셰이더그래프 활용한 UI에 적용동 스크롤버튼 제작과정(한글자막) 금별 04.18 96
268 유니티 유니티 - Stylized 물속성 검기 VFX 제작과정(중국어/AI한글자막) 금별 04.16 125
267 유니티 유니티 - Stylized 회오리 VFX 스킬 제작과정 금별 04.16 86
266 유니티 유니티 - Stylzied 검기 제작과정(중국어/AI한글자막) 금별 04.16 67
265 유니티 유니티 - 흐르듯 사라지는 2D 카드 이펙트/트레일 제작과정 금별 04.10 181
264 유니티 유니티/포토샵 - 불속성/물속성 소드 슬래시 간단 제작과정(한글자막) 금별 03.19 239
263 유니티 유니티 - 2D 형태 충격파 궁극기 제작과정 금별 03.17 250
262 유니티 유니티 셰이더 그래프 - 글리치 효과 제작과정 금별 03.10 209
261 유니티 유니티 셰이더 그래프 - 가까운 거리에 따른 오퍼시티 변화 셰이더효과 제작과정(한글자막) 금별 02.28 207
260 유니티 유니티 앰플리파이 셰이더 - 2D 형태 Sci-fi 파티클 테이링 효과 예제 및 제작노드 금별 02.26 173
259 유니티 유니티 - 카툰풍 핵폭발 효과 제작과정(AI한글자막) 금별 02.26 454
258 유니티 유니티 셰이더 그래프 - 간단한 지형스캔 효과 제작방법(한글자막) 금별 02.20 175
257 유니티 유니티 앰플라파이 셰이더 - 입체적 카드 효과 제작과정 금별 02.14 485
256 유니티 유니티 셰이더 그래프 - 2D 카툰풍 구체아우라 확산효과 제작과정 금별 02.07 439
255 유니티 유니티 - 초보자도 이해하는 URP와 성능, 그리고 모바일까지 금별 02.03 214

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand