셰이더32 유니티 셰이더 그래프 예제 19, 축 사라짐 효과 구현, Unity ShaderGraph Phase In And Out 유니티 셰이더 그래프 예제 19, 축 사라짐 효과 구현, Unity ShaderGraph Phase In And Out 유니티 셰이더 그래프를 이용하여 축 시준으로 사라지는 효과를 구현해 봅시다. Lit Shader Graph를 하나 생성하시고요. Graph Inspector Alpha Clip와 Two Sided 둘 다 체크 Phase In And Out 기본 노드 구성 Y축 기준 작업을 합니다. StepIn 값을 외부에서 받도록 해두었습니다. 일단 0입니다. step에서 in 값을 기준으로 크기 비교를 하여 1,0으로 값을 만듭니다. 그리고 반전시켜서 Alpha Clip Threshold에 넣습니다. 추가로 Alpha 값도 설정 0.5 해줍니다. 출력 결과 StepIn 값을 조절해가며 캡처했습니다. .. 2021. 4. 27. 유니티 셰이더 그래프 예제 18, 액체 잡음 구현, Unity ShaderGraph LiquidNoise 유니티 셰이더 그래프 예제 18, 액체 잡음 구현, Unity ShaderGraph LiquidNoise LiquidNoise를 셰이더 그래프로 구현해 봅시다. 머라 해석해야 몰라 그냥 직역 적당히 해두었습니다. Lit Shader Graph 하나를 생성합시다. 액체잡음 용 기본 노드 구성 UV 를 World Position 기준으로 생성하는 걸 봅시다. 시간 변화량으로 이동시키고요, Noise를 하나 생성해 바로 칼라 값에 넣어주고 있습니다. 현재 상태 출력 외부에서 칼라값을 둘을 가져와 믹스해서 출력시켜줍니다. 노드 구성 칼라 값을 외부에서 2개를 가져오게 만들고 Lerp 합니다. Lerp의 T값을 Noise출력밧으로 하고, Lerp 결과를 BaseColor에 넣습니다. 적당히 외부에서 칼라 값들을 .. 2021. 4. 27. 유니티 셰이더 그래프 예제 17, 홀로그램 구현, Unity ShaderGraph Hologram 유니티 셰이더 그래프 예제 17, 홀로그램 구현, Unity ShaderGraph Hologram 유니티 셰이더 그래프로 홀로그램을 만들어 봅시다. Unlit Shader Graph를 하나 생성하도록 하자. Graph Settings surface Transparent로 변경 홀로그램 기본 노드 구성 텍스처의 UV를 ScreenPosition 기반 UV로 하여서 화면 기준 해당 텍스처가 그려지도록 한다. 거기에 시간 변화량과 Tiling and offset을 이용 적당히 흐르게 만든다. 그리고 이걸 Alpha에 넣고 결과를 보도록한다. 결과 보기 칼라 값을 적용해보자. 노드 구성 외부에서 칼라 값을 하나 가져오고, 텍스처 결과와 곱해서 Base Color로 연결 그럴싸해 보이지만 간격이 너무 커 보이는 .. 2021. 4. 26. 유니티 셰이더 그래프 예제 16, 슬라이스 효과 구현, Unity ShaderGraph Sliced 유니티 셰이더 그래프 예제 16, 슬라이스 효과 구현, Unity ShaderGraph Sliced 슬라이스 효과를 구현해 봅니다. Lit Shader Graph 하나 제작합니다. Graph Inspecgtor 설정 Alpha Clip 설정 참조 기본 아이디어 기본 구성 노드 구성 포지선 정보주에 높이 정보만 빼옵니다. 그걸 Fraction에 넣습니다. Hlsl의 frac에 대응합니다. 소수점 부분만 가져옵니다. y축이 올라감에 따라 0~1이 반복됩니다. 요걸 step 하여 단편화시켜주고 이 값을 AlphaClip Threshold에 놓습니다. Alpha 또한 0.5 정도로 조절해 줍시다. 실행결과 텍스처를 적당히 챙겨 넣어줘 봅니다. 고쳐봅니다. 슬라이스의 간격이 좀 촘촘했으면 좋겠잖아요. 노드 구성 .. 2021. 4. 26. 유니티 셰이더 그래프 예제 14, 오브젝트 위에서 흐르는 텍스처 구현, Unity ShaderGraph Scrolling Texture Overlay 유니티 셰이더 그래프 예제 14, 오브젝트 위에서 흐르는 텍스처 구현, Unity ShaderGraph Scrolling Texture Overlay 오브젝트 위에 흐르는 택스쳐를 구현해해 보독 합시다. Lit Shader Graph를 하나 만듭니다. 다음과 같이 노드를 구성합니다. 시간을 이용해서 uv offset을 만들어 흐름을 만들어 냅니다. 시간에 곱해지는 수치 등을 이용하면, 속력 조절이 되겠죠. base 가 되는 uv를 object position을 이용합니다. 그리고 흐르면 좋아보이는 텍스처에 연결해서 Emission에 출력합니다. 실행결과 최고 상단 경계면이 약간 이상해 보이지만 그럭저럭 봐줄 만한 수준 같습니다. 좀 더 잘 만드고 싶다면 triplanar 등을 연구해보면 될듯합니다. 저는.. 2021. 4. 25. 유니티 셰이더 그래프 예제 13, 림라이트(역광) 구현, Unity ShaderGraph Rim Light 유니티 셰이더 그래프 예제 13, 림라이트(역광) 구현, Unity ShaderGraph Rim Light 유니티 셰이더 그래프로 림라이트를 구현해보자. 셰이더 그래프를 이용하면 기존 게임에서 나오는 만큼은 아주 간단하게 구현되다. 역광을 구하는 공식이 노드화 되어 있어서, 그래서 그냥 패스할까도 했지만 해보고 가자. 먼저 림 라이트란 먼가 림 라이트는 Back Light라고도 불린다. 한글로는 역광 오브젝트 뒷면의 조명이 와서 오브젝트의 외곽이 빛나는 듯이 보이는 현상이라고 보면 좋을 거 같다. 엣지 라이팅이라고도 불린다. 박스 친 부분이 라이드가 먹혀 있는 느낌이 있다. 요런 느낌을 구현하고자 하는 것이다. 일단 Lit Shader Graph를 하나 만들도록 하자. Blackborad에서 float .. 2021. 4. 24. Unity Shader Graph Example Library 04, 유니티 2021에서 사용 ExampleScene-Scenarios 복구하기 Unity Shader Graph Example Library 04, 유니티 2021에서 사용 ExampleScene-Scenarios 복구하기 이전 글에서 파티클, 기타 예제, 스프라이트 예제 등을 처리하였습니다. 이번에는 ExampleScene-Scenarios 를 처리해 봅시다. 여러 상황에 따라 구성되어 있는 녀석이라 가장 복잡합니다.. FloorPrototype64x01x64 아랫 판의 BaseMap은 -SwatchNavyAlbedo SlidingDoorFrame polySurface749, polySurface750 SlidingDoor_D SlidingDoor_NRM SlidingDoor_M Overlay Texture -HologramLines Overlay Reveal Texture -M.. 2021. 4. 24. Unity Shader Graph Example Library 02, 유니티 2021에서 사용 ExampleScene-Player 정상화, 셰이더 나오게 하기 Unity Shader Graph Example Library 02, 유니티 2021에서 사용 ExampleScene-Player 정상화, 셰이더 나오게 하기 이전 내용에 이어서 작성합니다. 2018에서 2021에 올라오면서 손봐야 될 부분은 크게 몇 개 있었죠.. 이전 과정에서는 2018로 제작되어 LightweightRP를 사용하던걸 일단 2021용 UniversalRP로 교체하여 다양한 애러를 수정하였습니다. 하지만 아직도 특정 모델들의 Shader가 잘 올라오지 않음을 보고 마무리를 했었죠 Assets-> Scenes의 ExampleScene-Player.unity 부터 봅니다. 첫 녀석으 적당히 나오는 것 같아 보이지만 첫 녀석도 사실 정상이 아닙니다. 왼쪽 Hierarchy창에 순서대로 화면의.. 2021. 4. 23. Unity Shader Graph Example Library 01, 유니티 2021에서 사용(업그레이드) LightweightRenderPipeline를 UniversalRP로 변경, 애러처리 Unity Shader Graph Example Library 01, 유니티 2021에서 사용(업그레이드) LightweightRenderPipeline를 UniversalRP로 변경, 애러처리 유니티 셰이더 그래프 적용이 2018 버전부터 본격화가 되었고, 그 당시에도 괜찮은 예제들이 나왔습니다. 그중 다음 예제 Shader Graph Example Library 을 보려 하는데, Software Requirement Version: Unity 2018.3.0f2 Package: com.unity.render-pipelines.lightweight: 4.6.0-preview 소프트웨어 지원 정보를 보면 Unity 2018에서 작성되었습니다. 해당 버전을 구해서 열어보시면 잘됩니다. 하지만 최신 버전으로.. 2021. 4. 23. 유니티 셰이더 그래프 예제 12 메인라이트 가져와서 조명모델 & 카툰셰이딩 만들기, Unity 2021 ShaderGraph Get MainLight make new LightModel and CartoonShader 유니티 셰이더 그래프 예제 12 메인라이트 가져와서 조명모델 & 카툰셰이딩 만들기, Unity 2021 ShaderGraph Get MainLight make new LightModel and CartoonShader 이번에는 라이트 정보를 가져와서, 간단한 NdL 모델을 하나 만들어 보고,또 그 라이트를 이용해서 간단하게 카튠 셰이딩도 하나 해보도록 하자. 조명 모델을 만들어 넣을 거니까, 기존 조명을 참조하는 시스템을 쓰지 않는다. 그러니까 Unlit Shader Graph를 하나 생성한다. 이름은 정당히 원하는 것으로 하고, MainLight 정보를 참조하기 위한 ShaderGraph 노드는 없다. 그래서 우리는 Custom Function Node라는 우리가 직접 코딩을 해야 하는 노드를 써야 한.. 2021. 4. 23. 유니티 셰이더 그래프 예제 11, 굴절 효과 구현, Unity ShaderGraph refaction 유니티 셰이더 그래프 예제 11, 굴절 효과 구현, Unity ShaderGraph refaction 유니티 셰이더 그래프를 통해 간단하게 굴절 효과를 만들어 봅시다. 이전에 외곡 효과를 만 듯 것과 거의 유사합니다. 오히려 노드 구성자체는 외곡 효과를 만 듯 것보다 간단합니다. 외곡 효과를 만들 때와 마찬가지로 화면 텍스처를 참조할 수 있어야 해당 기능이 돌아갑니다. 아래 내용을 체크해주세요 사전 체크 사항 몇 가지 사전 처리가 되어 있어야 합니다. 먼저 mainCamarar가 Opaque Texture 허용이 되어 있나 확인해주세요. 다음으로 URP 설정 파일들의 Opaque Texture의 확인이 돼야 합니다. 요게 돼야 우리는 사전에 그려놓은 화면을 참조할 수 있는 조건이 됩니다. 잘 되었다면 L.. 2021. 4. 22. 유니티 셰이더 그래프 예제 10, 물 효과 구현, Unity ShaderGraph water 유니티 셰이더 그래프 예제 10, 물 효과 구현, Unity ShaderGraph water 유니티 셰이더 그래프를 통해 간단한 물 효과를 구현해 보겠습니다. Lit Shader Graph를 하나 생성합니다. Graph Inspector 설정 surface 를 transparent로 변경합니다. 물이라면 아래가 비치는 게 좋겠죠. 먼저 물이 너울거리는 것을 표현해 봅시다. 실제 vertex의 위치를 변경시켜 물을 너울거림을 표현할 예정입니다. 시간 값을 가져와서 적당히 변화량을 만들어 줍니다. 이걸 tiling and offset에 연결하고 Gradient noise에 연결하여 움직임을 만듭니다. 그 결과와 normal vector를 곱해서 Position에 더하여, 다시 Vertex의 position의.. 2021. 4. 21. 이전 1 2 3 다음
