본문 바로가기

유니티/셰이더 그래프 포스트프로세스6

유니티 셰이더 그래프 포스트 프로세스 05 화면합성 03, CheckerBoard, Polar Croordinates, Twirl 노드 활용 유니티 셰이더 그래프 포스트 프로세스 05 화면합성 03, CheckerBoard, Polar Croordinates, Twirl 노드 활용 Checkerboard 노드를 활용해서 다양한 효과를 만들어 봅시다. 원현파동노드구성 Polra Coordinates와 Checkerboard를 활용해서 다양한 모양을 만들어 본다. 원형파동형 Color은 255,0,0 0,0,0 사용 시간으로 변화량을 준다. 현재의 실행결과 위의 노드를 살짝씩 바꾸어 가며 효과를 보자. 시간 변화량을 Combine 노드에 G값에 연결하기 실행결과 시간변화량을 Combine 노드의 RG에 동시에 적용 실행결과 해당 작업을 마지막으로 Polar Croordinates를 수정해 시작 위치를 바꿔보자. 실행결과 Twirl + Polar .. 2021. 5. 11.
유니티 셰이더 그래프 포스트 프로세스 04 화면합성 01 격자식 도형구성, 원, 스프라이트, 바둑판형 유니티 셰이더 그래프 포스트 프로세스 04 화면 합성 01 격자식 도형 구성, 원, 스프라이트, 바둑판형 이전을 이어 화면합성을 이어가겠습니다. 먼저 도형모양을 좀 더 복잡하게 사용해보도록 합시다. 격자식 도형 구성 노드 uv를 5번씩 사용하게 하여 준비하고 거기에 도형을 곱해줍니다. 그 결과에 시간 값을 변화량으로 준 뒤 출력시켜 봅니다. 출력 결과 요런 효과는 일반적으로 흘러가는 효과를 동봉하곤 합니다. 좀 더 촘촘하게 만들며 흘러가는 효과까지 더해 봅니다. 노드 구성 Tiling and offset에서 offset 값을 주어 흐르게 합니다. time값을 가져오는데 너무 빨라서 적당히 값을 곱하여 씁니다. 5,5 -> 15,15까지 늘려보았습니다. 출력 결과 스프라이트 합성 효과 노드 구성 적당히 C.. 2021. 5. 10.
유니티 셰이더 그래프 포스트 프로세스 03 화면합성, 알파합성, 도형합성, 노이즈 합성 유니티 셰이더 그래프 포스트 프로세스 03 화면합성, 알파합성, 도형합성, 노이즈 합성 이번에는 세이더 그래프로 포스트 프로세스 효과, 화면 합성을 해봅시다. 간단하게 씬 전환등에 사용되는 미리 찍어둔 씬 화면의 합성이겠죠. 일반적으로는 그냥 알파정도 빼버리고 꺼버리지만 셰이더그래프를 통해 합성하는 흉내를 내 봅시다. A텍스처와 게임 화면의 합성이라고 생각하고 진행합시다. 일반적으로 생각하시는 알파 합성은 다음 노드 정도로 구성하시면 될듯합니다. 실행결과 많이들 셰이더로 합성하진 않고 그냥 앞에 깔아두고 Alpha를 조절하겠죠. 굳이 셰이더를 써서 할 이유가 없긴 합니다. 이렇게 해도 된다는 뜻으로 만든 것이지. 하나만 더, 가로로 나타나는걸 해볼까요? 노드 구성 uv의 u성분 값을 이용해서 구현 실행결.. 2021. 5. 8.
유니티 셰이더 그래프 포스트 프로세스 02 예술적 조절 노드들 사용, 칼라믹스, 대비, 색조, 채도 조정, Unity Shader Graph Post Process apply Artistic Adjustment 유니티 셰이더 그래프 포스트 프로세스 02 예술적 조절 노드들 사용, 칼라믹스, 대비, 색조, 채도 조정, Unity Shader Graph Post Process apply Artistic Adjustment 이번에는 뭐뭐뭐를 해봅시다. 기본 화면 dither 노드 적용 디더 실행결과 확대 디더를 적용한 결과를 보았습니다. Color Mask 노드 사용 ColorMask 노드를 사용해 유사한 칼라 영역을 찾고 해당 부분만 밝게 해 본 결과 칼라 마스크만 출력한 결과 0~1 결과물이 나옴 실행결과 적당히 조작하여 검출된 부분만 살려봄, 위의 노드 결과 이것저것을 해보는 중입니다. 감사합니다. 2021. 5. 7.
유니티 셰이더 그래프 포스트 프로세스 01 예술적 조절 노드들 사용, 칼라믹스, 대비, 색조, 채도 조정, Unity Shader Graph Post Process apply Artistic Adjustment 유니티 셰이더 그래프 포스트 프로세스 01 예술적 조절 노드들 사용, 칼라믹스, 대비, 색조, 채도 조정, Unity Shader Graph Post Process apply Artistic Adjustment 셰이더 그래프로 포스트프로세스 작업을 해보도록 합니다. 먼저 유니티 2021에서 셰이더 그래프로 작성한 셰이더를 포스트 프로세스 작업화 하는 글은 따로 있습니다. Unity 2021에서 Add Renderer Feature에서 Blit 적용을 통한 셰이더그래프를 통한 포스트포로세스 흉내 내 Unity 2021에서 Add Renderer Feature에서 Blit 적용을 통한 셰이더그래프를 통한 포스트프로세스 흉내 내보기 + 간단한 예제 사용법 셰이더 그래프를 만지작 거리다 보니, 후처리, 포스트 .. 2021. 5. 6.
Unity 2021에서 Add Renderer Feature에서 Blit 적용을 통한 셰이더그래프를 통한 포스트포로세스 흉내 내보기 + 간단한 예제 사용법 Unity 2021에서 Add Renderer Feature에서 Blit 적용을 통한 셰이더그래프를 통한 포스트프로세스 흉내 내보기 + 간단한 예제 사용법 셰이더 그래프를 만지작 거리다 보니, 후처리, 포스트 프로세스에서도 쓸 수 있을까란 의문이 생겼고, 또 자료를 이것저것 찾아보았다. 유튜브를 이것저것 뒤지도 보면 되어 보인다. 아래 영상들을 보면, 한글 버전이라 가져와 보았다. 오 포스트 프로세싱 노 코딩으로 되는건가? 위의 영상을 보실 필요는 없다. 결론적으로 2021에서는 저렇게 안된다. 특정 기능이 빠져있기 때문에, 이 글에서 살리는 법을 적을 예정인 것이고, 뭐가 안되냐면 Renderer에서 Renderer Features에서 + 시킬 때 과거 버전(정확히 어디까지 있는 건지 모르겠다.)에서는.. 2021. 5. 4.