아틀라스와 2D애니메이션을 스스로 제작해봤습니다.

아틀라스 만들기

아틀라스 만들기
방법1. https://www.codeandweb.com/texturepacker
방법2. Unity 내부에 있는 Sprite Atlas를 사용합니다.

저는 이 두 방법을 찾아보기 전에 배경을 디자인하면서
바로 아틀라스 형태로 만들었습니다.

하지만, 애니메이션을 적용해보니 화면이 흔들리는 문제가 발생했습니다.
확인해보니 애니메이션의 3장 중 한 장의 가로 크기가 조금 다르게 잘려있었습니다.

지금까지 제작 중인 게임 영상입니다.

보시는 것처럼 화면 진동이 심하게 발생하고있습니다.

그리고 화면이 진동함에 따라 19:6의 비율로 맞춰진 게임화면 외곽선부분도 함께 심하게 진동하여서 배경은 이미지로 두고 비와 반짝이는 효과만 애니메이션으로 넣을 예정입니다.

애니메이션 구현

참고링크: https://iagreebut.tistory.com/21

이번에는 비와 빛효과들을 뺀 그림을 배경으로 넣어주었습니다.

빗줄기가 흰색이라 잘 안보이지만 세 장의 그림을 한장의 png(배경투명) 아틀라스로 만든 것입니다.
각각 1920*1080으로 잘라서 raining 애니메이션을 만들어주었습니다.

그리고 글자와 가로등, 전화부스에 들어오는 불도 따로 애니메이션을 넣어주었습니다. 여기서 문제점은 원래 이 light 레이어는 '오버레이' 속성이어서 자연스럽고 화사한 느낌을 주었는데 지금은 배경그림 위에 이 png 이미지를 얹은것에 불과합니다. 그렇기때문에 조금 뿌옇고 빛의 느낌이 덜해져서 이부분은 나중에 다시한번 봐야할 것 같습니다.

시작화면 완성 영상