유니티 - 2d Raymarched Smoke



유니티 - 2d Raymarched Smoke

금별 5 1,637 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
오랜만에 다시 보러 왔더니 또 링크가 깨졌네요 ㅠㅠ

번호 포토 분류 제목 글쓴이 날짜 조회
60 유니티 포토샵으로 디졸브 쉐이더를 사용해 2D 툰이펙트 제작팁 댓글+2 금별 2020.05.16 3773
59 유니티 유니티 URP 쉐이더그래프 팁 - 블러만들기 금별 2020.04.01 5393
58 유니티 유니티 HDRP에서 소규모 고품질의 영상 제작 - Unite Tokyo 2019 금별 2020.03.29 1748
57 유니티 유니티 쉐이더 그래프 - Orthographic 뎁스 금별 2020.03.26 1550
56 유니티 유니티 쉐이더 그래프 - 꼬여지는듯한 착각의 쉐이더 금별 2020.03.19 1929
55 유니티 유니티 - 마스크 디스토션 림 쉐이더그래프 금별 2020.03.05 3297
54 유니티 유니티 이펙트 팁 - RzFX Flow Trail in Unity 금별 2020.02.27 3996
53 유니티 Converting some code shaders to ShaderGraph 댓글+3 금별 2020.02.27 1433
52 유니티 기적의 셰이더 그래프 '어떤 노드든 이해시켜 드립니다 금별 2020.02.18 3014
51 유니티 유니티 셰이더&렌더링 에센스(retr0) 금별 2020.02.16 1503
50 유니티 유니티 이펙트 팁 - 아주 간단히 보는 포털제작팁 댓글+1 금별 2020.02.10 1861
49 유니티 유니티 - Custom Vertex Stream and Shadergraph/Amplify Shader 금별 2019.12.29 5702
48 유니티 유니티 쉐이더 팁 - Rime 스타일의 폭포 제작 댓글+2 금별 2019.11.26 3809
47 유니티 유니티 이펙트 팁 - 데스스트랜딩 홀로그램 효과 참고해 만들기 금별 2019.11.19 3174
46 유니티 유니티 - 스타게이트 효과 참고영상 금별 2019.10.29 3753
열람중 유니티 유니티 - 2d Raymarched Smoke 댓글+5 금별 2019.10.26 1638
44 유니티 유니티 이펙트 팁 - 포털제작 금별 2019.10.19 5007
43 유니티 유니티 - 포탈이펙트 예제와 제작과정 금별 2019.09.09 5940
42 유니티 유니티 - Stylized 폭포 제작하기 금별 2019.09.07 8796
41 유니티 유니티 - 원통형 메쉬에 토네이도형 uv 흐름제어 금별 2019.08.30 1897
40 유니티 유니티 이펙트 제작과정 - 사슬로 감싼 폭발형태 제작 금별 2019.08.30 4896
39 유니티 마법적 구슬형태 제작 금별 2019.08.30 2014

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand