유니티 3.0 버젼을 시작으로 어느덧 저도 유니티를 사용한지 3년이 넘어가고 있네요.

손쉽게 개발하는 툴로써 게임 제작 환경 중에서는 굉장히 뛰어난 환경이죠.

그렇지만, 뭐든 그렇지만 완벽한건 없습니다. 

아무래도 유니티가 3D엔진이다보니, 2D게임을 만들때도 이런저런 추가적인 지식이 필요하게 됩니다. 

이런 고민/공부 하시기 싫으시면 남들이 만든 2D toolkit을 받으셔서 작업하시는것도 방법이긴 합니다만, 유니티 환경을 깊이 이해하시려면 피해갈 수 없는 것들이기도 하네요.

이 글은, 그런 몇가지 지식들을 정리해놓은것입니다.

초보자용은 아니기 때문에, 기초적인 정보들은 많이 생략되었습니다.

------------------------------------------------------

1대1 픽셀 맞추기

------------------------------------------------------

유니티 엔진에는 "카메라"라는 컨셉이 존재합니다.

새프로젝트 만들어서 Scene이 만들어지면 다른건 없고 Main Camera가 하나 생기죠.

우선, 카메라에 Projection이라는 설정이 있습니다.

Orthographic일 경우에는 3D세계를 무조건 2D평면으로 변환해서 그리는 방식을 뜻하고 있습니다. 

간단하게 말하자면, 카메라의 z축 위치와는 상관없이 3D상의 object들을 일정한 크기로 그린다고 보시면 되죠.

그 증거로 이 모드에서는 카메라를 z축으로 아무리 움직여셔도 나오는 사물들의 크기가 변하지가 않죠. 

(너무 멀리 떨어지면 없어지긴 하죠)

특별히 신경 쓰지 않고 일정한 크기로 그래픽을 그릴 수 있다는 장점 때문에, 2D게임 그래픽을 다룰때는 이래저래 Orthographic 모드가 편할때가 많습니다.

반대로 Projection모드를 Perspective로 바꾸시면, 일반적으로 3D게임 (FPS나 온라인 게임) 등에서 보실 수 있는 3인칭 카메라가 되죠. 

카메라의 위치에 따라 사물들이 가까워보이거나 멀리 보이거나 하죠.

3인칭 카메라로 2D게임을 못 만들 이유는 없습니다. 카메라가 항상 직각으로 서있고 사물들이 일정한 거리에 있으면 항상 같은 크기로 그려지기 때문에 충분히 가능은 합니다만, z위치에 따라서 크기 맞추기위해서 계산을 해야한다는 단점이 있습니다. 그렇지만, 반대로 카메라가 x,y축으로 이동을 하면 멀리 있는 사물들은 천천히 움직이고, 가까운 사물들이 빨리 움직이는, 일명 Parallax Scrolling, 효과가 자동으로 된다는 장점이 있긴 하죠. 유니티에서는 카메라를 여러개 두고 복합적으로 사용할 수도 있고 해서, 경우에 따라서는 3인칭 카메라도 유용할수 있습니다. 

그렇지만, 여기서는 Orthographic 모드를 살펴보도록 하겠습니다.

위에 스크린샷에서 Projection 세팅 바로 밑에 Size라는 항목이 보이는데, 이 Size가 카메라의 줌인 레벨을 결정합니다.

Size가 작을수록 카메라가 더 줌인 된 효과가 나옵니다.

<그림 픽셀 크기와 화면 픽셀을 1대1로 맞추는 방법>

목표로 가지고 계시는 화면 해상도 (저의 경우에는 800 x 450이였습니다) 의 높이 (450) 의 반값 (225) 를 사용하시면 됩니다. 이렇게 되면 그 해당 해상도에서는 100% 줌레벨이라고 보시면 되겠습니다.

해상도가 달라지면 그만큼 줌인/줌아웃 레벨이 달라지게 되면서 그림이 화면에 차지하는 비율을 일정하게 됩니다. 

예를 들어 위와 같은 세팅으로 풀스크린 이미지를 그린 다음에 해상도를 1600x900으로 바꾸면 여전히 풀스크린을 유지합니다. 1600x900 화면에 800x450짜리 이미지를 늘려서 그린거나 마찬가지죠.

그렇다면 Sprite 그래픽 이미지를 추가해보겠습니다.

우선 추가된 그림 파일의 Texture Type이 Sprite (2D)로 되어 있으면 되죠. (2D 프로젝트에서는 이게 기본)

Pixels To Units라는 항목이 있는데 이건 Scale 크기와 픽셀의 비율이라고 보시면 됩니다. 

기본값 100으로 되어 있기 때문에, Sprite Object의 Scale x,y값이 100,100 이 되면 원본 크기의 100%가 됩니다.

카메라 세팅과 Sprite Texture 세팅을 제대로 하셨다면 화면 픽셀과 실제 픽셀 크기 1대1 이미지가 그려지는 것을 확인하실 수 있습니다. 

정확하게 확인하시려면 해상도와 같은 사이즈의 이미지를 그리시면 비교 하실 수 있겠죠. (저는 좀 작은 이미지를 그렸습니다.

정리를 하자면, 

Camera Orthographic Size => 해상도 높이의 반값

Sprite Texture Pixel To Units => 100

Sprite Game Object Scale X,Y => 100,100

저는 이런식으로 사용하는게 편합니다만, 어떤 분들은...

Camera Orthographic Size => 해상도 높이의 반값 / 100

Sprite Texture Pixel To Units => 100

Sprite Game Object Scale X,Y => 1,1

...으로 맞춰서 사용하는것도 본적 있습니다. 

저보다 Camera를 100배 줌인하고, Sprite을 1/100 사이즈로 맞춘거랑 마찬가지죠.

이건 편하신대로 맞춰서 쓰시면 되겠습니다.

------------------------------------------------------

Bilinear Filter vs Point Filter

------------------------------------------------------

Sprite Texture 세팅에 보시면 Filter Mode라는 항목이 있습니다. 

현재는 Bilinear라는 Filter로 되어 있습니다만, 도트 그래픽이나 저해상도 그래픽의 경우에는 Point로 바꿔써야할때가 있습니다.

도트 그래픽을 Bilinear Filter (왼쪽 그림) 를 쓰면, 버리버리해져서 뚜렷하지 못하다는것을 확인하실 수 있습니다.

대신에 Point의 단점은 원본크기보다 크게 그려지거나 작게 그려지거나 했을때 픽셀이 뭉게질 수 있다는 점이 있습니다. (해상도가 바뀌거나 했을때) 

기본적으로 위와 같이 저해상도 도트 스프라이트는 Point를 써야됩니다. 해상도가 높은 그림은 Bilinear나 Point나 크게 차이를 못 느끼기 때문에 Bilinear로 가는게 무난합니다. UI로 쓰는 그래픽도 여러 해상도에서 깔끔하게 보이기 위해서 Bilinear를 많이 쓰는 편입니다만, 경우에 따라서는 너무 버리버리하게 나올때가 있어서 Point를 쓸때도 있습니다. 결국 그때그때 상황에 따라서 판단해야겠죠.

------------------------------------------------------