[💬] 우리도 할 수 있따! 유니티 #1 에디터 및 카메라

[민민(nuit014)]

안녕 유니티로 게임을 만드는 거에 대해서 설명을 하려구해

좋은 아이디어가 있는데 게임을 못 만들고 있는 사람들이 많아서 안타까워서 ㅠ

지금은 유니티를 하지 않아서 옛날에 했었던걸 바탕으로 이야기하는 거라

새로 바뀌면서 더 좋은 방법이 생겼다던가 

내가 이야기한 방법이 틀렸다던가하면 바로바로 댓글 달아주면 좋겠어

처음 배우는 입장에서 내가 잘못 설명한걸 그대로 배워가면 내가 나쁜사람되자너 ㅜ

난이도는 유니티를 입문하는 사람의 기준에 맞춰서 적어보려고 하고있어

1차 목표는 간단한 2D 게임의 다양한 장르들을 간단히 만들어보는 거고

2차 목표는 간단한 3D 게임 제작인데 거기까지 할 수 있을지는 모르겠어 ㅎㅎ;

글 방식이나 내용 등 피드백을 주면 고쳐가면서 작성해 볼게!

내 글을 다 읽으면 간단한 프로토타입 정도는 만들 수 있게 해주고 싶어 ㅎㅎ

+

ㅋㅋㅋㅋ DC 글 처음써서 사이즈크면 gif 자동재생 안되는거 몰랐네;

resize해서 올린거라 파일이 좀 깨졌는데 

다음부터는 처음부터 해상도 낮게 찍겠음 ㅠ

------

이게 유니티 에디터 기본 화면이고

우리가 꼭 알아야하는 건 Scene, Hierarchy, Inspector Game, Project, Console 이렇게 6개의 항목이야

!알고 가야할게 있어 Scene이라는 건데

Scene은 영어 뜻 그대로 장면이라는 뜻인데

이해하기 쉽게 모바일 게임을 생각하면 

타이틀, 로비, 스테이지 선택, 인게임, 결과등을 각각 Scene으로 만들어놔서

각각의 선택(스테이지 선택에서 스테이지를 선택 등)으로 씬을 옮겨가면서 표현한다고 생각하면 됨

이제 에디터에 대해서 설명하면

Scene View는 화면에 Object들을 표시하고 간단한 조작(이동, 확대, 회전 등)을 할 수 있는 화면

Game View는 카메라 시점으로 Scene View에 있는 Object들을 보여주는 화면

즉 Scene View는 우리(개발자)들이 조작 할 수있는 Object들을 표시한 화면이고 

Game View는 실제 사용자(플레이어)들이 보는 화면이라고 생각하면됨

Hierarchy Window는 현재 Scene에 존재하는 것들(Objects)이 표시되는 곳이고

Inspector Window는 현재 선택한 것(Object)의 정보를 표시한다고 생각하면 될꺼야

Project Window는 게임에 사용될 Resources(스크립트, 이미지, 사운드, 애니메이션 등등)을 넣어두는 곳이라고 생각하면 됨

Console Window는 오류, 경고,로그 등을 보는 화면이라고 생각하면 됨

아래와 같이 각 Window, View들은 드래그 앤 드롭으로 위치가 변경 가능해

나는 내 작업스타일대로 위치를 변경했어

다음으로 중요한 해상도와 카메라에 대해서 이야기해보자

게임을 만들게 되면 게임의 해상도에 맞춰서 그래픽을 작업을 할꺼야

그런데 해상도를 설정하지 않으면 이미지가 원하지 않는 사이즈가 되버려

예를들어 500*500의 게임에서 만두를 100*100으로 만들었는데 게임 해상도가 1920*1080으로 설정되어 있으면 

게임에서 이렇게 그려져

나는 큰 만두를 원했는데 작은 만두가 되어버리는거지

모바일 게임의 경우 휴대폰마다 해상도가 달라서 실행하는 휴대폰에 맞춰서 이미지 크기들을 조절해줘야하는데

일단 우리는 간단하게 고정 해상도로 작업을 할꺼야

일단 유니티에서 이미지를 넣는 방법은 다양한 방법이 있는데

가장 직관적인건 드래그 앤 드롭으로 파일을 Project Window의 Assets쪽에 넣는거야

예시)

(여기 갤러들이 올린 리소스들을 이용했어)

유니티에 이미지 파일들을 넣었으면 게임에 그려야겠지

이미지 파일을 그리는 것도 간단해 Project Window에 넣은 이미지를 드래그 앤 드롭으로 Hierarchy Window에 넣으면 댐 

간단하지?

예시)

이걸 보면 내가 위에서 이야기했던 해상도 이야기가 이해가 될꺼야

해상도 확인 방법은 직접 이미지 파일을 우클릭 - 속성 - 자세히 - 사진 크기를 보는 방법하고

유니티에서 Project Window - Assets - 확인할 이미지를 누르면 유니티 우측하단 보면 내가 빨간색 네모친거 보면 해상도가 있어)

나는 게임 해상도를 1024*768을 생각하고 배경화면 크기를 1024*768로 그렸(?)는데 

이렇게 빈공간이 생겨버리는거야 

우리 생각이랑 달라지는거지

그럼 어떻게 해상도를 맞출까?

2가지만 하면 해상도를 원하는 걸로 고정할 수 있어

첫번째로 Game View에서 해상도를 설정

예시)

두번째로는 Camera의 Size값을 변경하는 거

이건 설명하고 갈게 있어

Hierarchy에서 Object를 선택하면 Inspector에서 선택한 Object의 정보들을 표시해줘

Inspector를 보면 줄로 Transform / Camera 등등 나눠져 있잖아

저게 각각의 Component라고 기능이라고 보면 될꺼야

Transform은 Position(위치), Rotation(회전), Scale(크기)를 담당해서 저 수치들을 변경하면 해당 Object가 변할 꺼야

한번 이미지 하나 넣고 변경해봐 ㅎㅎ;

Main Camera의 Camera Component는 여러가지의 기능을 하는데 

지금 우리가 알아야 하는건 Projection, Size야

Projection 투사, 투영, 영사; (투사된) 영상 (출처 네이버 사전)이라는 뜻으로 카메라가 게임을 그리는 방식이야

Projection을 눌러보면 Orthographic(정투영법), Perspective(원근법)이 있을꺼야

Orthographic은 2D게임 만들때 쓴다고 생각하면 되고

Perspective는 카메라의 위치에 따라 카메라가 보는 Object들의 크기가 변하는(원근법)거야

즉 3D게임 만들때 쓰다고 생각하고 넘어가면 될꺼야

이제 중요한 Size는 해상도의 세로사이즈 반을 넣어주면 되

그런데 여기서 중요한게 유니티에서 단위가 픽셀이랑 달라

유니티에서 1이면 100픽셀이야

이건 설정창에서 설정할 수 있는데 우리는 수정안하고 한다고 가정하고 갈게

즉 우리게임이 1024*768의 해상도를 가지면 카메라의 Size에 넣어야하는 값은

해상도 세로(768)의 반(/ 2) = 384픽셀

384픽셀을 유니티 단위로 환산하면 384 / 100 = 3.84가 되서

Size에 3.84를 넣으면 되는거야 

예시) 해상도 1920 * 1080

카메라의 Size는 1080 / 2 = 540 -> 540 / 100 = 5.4

예시2) 해상도 800*600

카메라의 Size는 600 / 2 = 300 -> 300 / 100 = 3

다음으로 유니티에서 카메라의 가장(?) 중요한 것을 설명할꺼야

일단 배경을 넣은 상태에서 달의 이미지를 넣어보자

예시)

띠용? 달이 안보이네

당황해서 달 여러개 넣지말고

안보이는 이유를 설명해줄게

(보일 수도 있는데 그건 유니티가 그리는 순서에 따라 다른거라 수정을 하지않고 그대로 만들면 게임 플레이중에 이미지들이 사라질 수도 있어)

일단 Scene에서 카메라가 우리의 오브젝트들을 그려주는 것을 보자

Scene View에서 2D를 풀면 3D 즉 입체적으로 보일꺼야

예시)

저 파란색 화살표 부분이 Z축이야 우측상단에 표시되어 있지?

즉 달은 현재 보이지 않지만 배경이랑 카메라는 Z축에서 차이가 있다는 걸 볼 수 있는거야

여기서 달의 Z값을 바꿔보자

달의 Transform에서 Position(위치)의 Z를 -3으로 만든거야

그러면

요렇게 화면상에 달이 뿅하고 나올꺼야

왜 이렇게 되었을까?

Scene을 보자

카메라가 Z축 기준 -10에 있고 

달은 Z축 기준 -3에 있고

배경은 Z축 기준 0에 있는거야

카메라가 달을 먼저 보고 그 뒤에 배경을 보는거야

이해하기 쉽게 카메라를 우리 눈이라고 생각해보자

노트 위에 우리가 라면 냄비를 올렸다고 생각해보자

그러면 우리가 눈으로 보면 냄비로 가려진 노트가 우리 눈에 보일까?

냄비가 우리 눈에 더 가깝고 노트는 머니까 냄비가 보이고 안가려진 노트부분이 보이는거야

유니티의 카메라도 우리 눈이랑 똑같다고 생각하면 쉬울꺼야

이해가지? 응? 갈꺼야 간다고 믿어

그런데 이 방법말고도 이미지를 그리는 순서를 정하는 방법이 있어

달을 선택하고 Inspector를 보면 Sprite Renderer (이미지 그려주는 기능)에

Sorting Layer에서 Layer를 만들어서 그리는 순서를 정해주면 되

예를들어서

게임이 초원배경에 구름과 해가 있고 캐릭터가 있고 풀(캐릭터를 가릴 수 있는)이 있다고 생각해봐

그러면 초원배경, 구름, 해는 Background Layer, 캐릭터는 Character Layer ,풀은 Object Layer라고 정했으면

Background Layer를 처음 그리고

Character Layer를 두번째로 그리고

Object Layer를 세번째로 그리는거지

그러면 Background를 그린 후 Character를 그리기 때문에 Character가 배경위에 그려진거지!

그리고 Character위에 Object Layer에 속한 풀이 그려지기 때문에

풀이 캐릭터를 가릴 수 있는 거지

그리고 초원배경, 구름, 해가 같은 Background Layer지만 초원 위에 해를 그리고 해 위에 구름을 그려야 하니까

Layer안에서도 우선순위를 정해줘야해

그게 Order in Layer야 그리는 순서를 정해주는거지

초원배경은 처음 그리니까 0

해는 두번째니까 1

구름은 세번째니까 2

두가지 방법 중 편한 걸로 이미지 그리는 순서를 정해주면 되는데

카메라 Z축을 이용한 방법은 충돌체크 관련에서 주의해야 할 게 있어 

그건 충돌체크 설명할 때 이야기 할게

[익명(49.161)]

되는데

[익명(49.161)]

엠엠오알퓌지 어때

[익명(121.150)]

플래포머!

[윤성배(silencestay)]

추천드립니다. 좋은 글

[람다람(49.142)]

강좌는 추천

[카피독(mir4313)]

테트리스 어떰?

[익명(175.223)]

야겜 ㄱㄱ