퇴근후 공방

유니티 에셋 스토어를 둘러보다 이 페이지를 발견했다.유니티 환경이 2022, 6 버전의 에디터를 쓰고 URP 플랫폼이라면 쉽게 오브젝트의 테두리를 띄워주는 에셋이다.   설명과 이미지를 보니 다양한 테두리와 채우기 효과를 제공한다.게임에서 강조할 오브젝트를 표시하거나 카툰 랜더링처럼 테두리 처리를 하기 쉬워 보였다.게다가 마침 할인 중이어서 바로 구매해보았다.  에셋스토어 Linework: Easy Outlines, Edges and Fills | 시각 효과 셰이더 | Unity Asset StoreAdd depth to your next project with Linework: Easy Outlines, Edges and Fills from Alexander Ameye. Find this & more ..

평일농장의 길 영역을 만들기 위해 유니티 기본 스프라이트 도형을 잘 조합해서 가면 안되는 공간을 막아서 구현했었다.스프라이트가 길을 벗어나서 걸으면 영역을 좁혀서 조절하기 쉽다는 장점이 있지만, 관리하기가 귀찮고 보기에도 별로다.  그보다는 길 모양으로 이미지를 따서 스프라이트 이동 공간을 제어하는것이 낫지 않을까 생각했다.    GIMP 를 이용해서 원래 배경의 길을 따로 떼서 저장했다.  이후 떼어낸 길 이미지를  내비매시 길로 사용하도록 코드를 수정했다.덕분에 김프로 이미지를 자르고 옮기는 법을 배웠다.   예전에는 배경을 걸을 수 있는 영역 - 스프라이트들을 뭉쳐서 만든 영역을 걷지 못하는 영역 으로 길을 만들었다면이제 길 이미지만 걸을 수 있는 영역으로 설정한 후  bake해서 길을 더 쉽게 만..

이번에는 기능 구현보다는 최적화를 해보려고 한다.만들었던 코드들을 둘러보니 말 그대로 작동은 되게 만든 코드가 많았다.업데이트 함수에 기능을 그냥 넣어놓아서 프레임마다 큰 작업을 하고 있었다.특히 내비메쉬 베이킹이나 화면비 조정같은 작업이 제일 많은 작업을 했을 것 같다.  우선 이 작업들을 줄이는 것부터 시작했다. UniRx를 사용하기 위해 화면 크기를 vector2로 전달할 수있는 subject를 하나 만들었다.    이제 게임이 돌아가는동안이 아니라 화면이 변했을때 배경화면과 내비메쉬 bake 새로고침을 수행한다.   다만 각 사도 스프라이트의 움직임은 화면 변화가 없을때도 동작해야하기 때문에fixedUpdate에서 변화하도록 했다. 이것도 규칙을 찾으면 좀 더 최적화할 수 있을 것 같지만 아직은 ..

뭐라도 완성해보고 싶다 그동안 이것저것 공부를 해보지만  내 스스로 제대로 완성을 해본 것이 없었다. 이대로 가면 붙잡고 있는 것들을 모두 놓칠 것 같아서 아주 쉬운 프로그램을 하나 만들어보려고 했다.   목표 트릭컬이라는 게임에는 평일농장이라는 컨텐츠가 있다. 일종의 길드 시스템인데 아래의 배경에 미니미라고 불리는 캐릭터들이 방방 뛰며 길을 따라 랜덤하게 나타났다 사라진다.   이 게임을 하면서 여기를 자주 멍하니 보다가움직이는 배경화면같다는 생각이 들었다.  여기서 내가 만들 배경화면에서 빠르게 구현할 수 있는 것은 평일 농장 배경 띄우고 배경음악 틀기미니미 캐릭터들이 길을 따라 걷게 만들기크게 이 두가지다. 아쉽게도 펫은 스파인 애니메이션으로 만들어져 내가 구현하기 어려울 것 같다.       만드..

유니티 프로젝트를 열고 패키지 매니저를 열었을 때 아래와 같이 My Assets를 불러오기를 실패하는 현상이 발생했다.  [Package Manager Window] Error while getting product update details: Error while getting auth code: System.InvalidOperationException: Failed to call Unity ID to get auth code. [Error -1UnityEditor.AsyncHTTPClient:Done (UnityEditor.AsyncHTTPClient/State,int) [Package Manager Window] Error while getting auth code: System.InvalidOp..

작업중 자꾸 카메라 기준 거리가 멀어지면 텍스쳐가 어느 거리 이상부터는 뭉개지는듯한 모습으로 보였다. 쉐이더그래프나 카메라 옵션을 건들여도 결과는 같았다. 구글링을 해보니 프로젝트 세팅에 답이 있었다. Edit 탭 > Project Settings 를 누르고 Quality 탭에서 Anisotropic Textures의 설정을 바꿔서 해결했다. 나는 Per Texture로 되어있었는데 Forced On으로 변경했다. 이제 거리가 멀어져도 텍스쳐가 깨지거나 뭉개지지 않는다.

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

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

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

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