퇴근후 공방

어제에 이어서 유튜브를 보면서 공부하고 있다. 저번에 포토샵을 사용해야 하는 과정을 뚫고 나니 2번째 강의는 더 쉽게 끝났다. 사용하는 노드가 더 많아졌다. 이건 외우기보다는 이런게 있다 정도로 이해하고 계속 사용해봐야 잘 사용할 수 있을 것 같다. + 위와 같이 같은 쉐이더그래프를 사용하지만 화살표의 방향이 달라야 할 때, 머티리얼의 속성을 바꾸면 모두 바뀌어버린다. 영상에서는 왼쪽과 오른쪽으로 움직이는 화살표 머티리얼을 각각 만들고 이미지에 적용했다. 나는 머티리얼을 많이 만들고 싶지 않아서 각 오브젝트마다 스크립트로 바꾸곤 했는데, 사실 위 방법이 관리할 때 더 편할 것 같다. 성능 차이도 크게 날 것 같지도 않고..

감기와 출장 등 여러 일이 겹쳐서 오랜만에 유니티 공부를 시작했다. 위에서 시키는 대로 캔버스와 그 안에 오브젝트 또 안에 이미지 두 개를 두었다. 마침 영상에서 말하는 에셋도 갖고 있어서 적당한 이미지를 배경으로 설정했다. 여기부터 막혔었는데, 포토샵을 켜서 딤드 이미지를 직접 만들어야 했다. 하지만 나는 포토샵이 없었기에 무료 소프트웨어인 김프를 사용했다. 사각 선택 영역 도구 클릭 아래 설정에서 부드럽게 하기 체크 가장자리 페더 체크 후 값 50 정도 둥근 모서리 체크 후 반경 20정도 중앙으로부터 확장은 상황에 따라 체크, 해제하면서 사용하면 된다. 아래는 만든 이미지다.

이번에 공부한 쉐이더는 반짝거리는 텍스쳐를 가진 오브젝트다. 사물을 보는 대로 반짝임이 움직인다. 참고한 유튜브 구현 자체는 빠르고 쉬운 편이지만 이해해야 하는 노드들이 많았다. 단순히 외우기보다는 각 노드가 어떤 효과가 있는지 감으로 익히는 것이 중요해 보인다. Voronoi Remap View Dirction Fraction One Minus Fraction Blend (Multiply)

참고한 유튜브 짧고 쉽게 쉐이더 그래프 구현법을 알려줘서 금방 따라할 수 있었다. 배운 것 Vertex Color 로 오브젝트의 꼭지점에 색을 칠할 수 있다. 색(그라디언트) 노드에 float 값을 곱해주면 Emission을 줄 수 있다.(발광채를 만들 수 있다.) 노드에서 알파값을 split으로 분리한 후 1을 곱해주면 검은색을 투명하게 만들 수 있다.(Fragment의 Alpha에 연결)

유니티를 다루다가 무한히 옆으로 텍스쳐를 움직이는 벽이나 바닥을 만들 필요가 있어서 만들었다. 이미지를 옆으로 움직이기만 하면 되서 구현 방법은 간단했다. 사용한 속성은 3개 Texture 머티리얼에 사용할 텍스쳐 Direction 텍스쳐의 이동 방향과 속력 Tilling 텍스쳐에서 반복할 타일 속성 ( 오브젝트를 옆으로 늘리니까 텍스쳐가 같이 늘어나서 조정이 필요했다.) Time과 Direction을 곱한 것을 Tiling And Offset의 Offset에 연결하고 Tiling 속성도 연결하고 알맞게 조절한다. Sample Texture 2D에 Texture 속성 ( 미리보기를 위해 이미지 넣어야 함) 과 그 전에 만든 offset을 각각 Texture와 UV에 연결하고 RGBA를 Base Color..