14
UNITY COOKBOOK SHOT BY. INS PART 2 ( 1 / 13)

Unity cookbook 2

Embed Size (px)

Citation preview

Page 1: Unity cookbook 2

UNITY COOKBOOKSHOT BY. INS

PART 2

( 1 / 13)

Page 2: Unity cookbook 2

3D 물체의 구성요소

3D 세계에서의 공간 표현은 x, y, z 축으로 표현되는데 , 이러한 물체 또한 3 차원 선상에서 표현됩니다 .점과 선분으로는 도형을 표현 할 수 없지만 3 개 이상의 점이 모여 ‘ Polygon’ 가 같은 면의 집합체를 도형이라 합니다 .이러하듯 어떠한 게임에서도 잘 관찰하면 각진 면을 볼 수 있는데 적은 수의 Polygon 이 노출되어 있기 때문입니다 .또한 게임 최적화에도 결정되는 조건이기도 합니다 .

# Vertex ( 점 ) # Edge ( 선 ) # Polygon ( 면 )

( 2 / 13)

Page 3: Unity cookbook 2

카메라와 나침반 - 1

다시 Scene View 로 돌아가 우측 상단에 있는 것을 보면 여러 방향을 가리키고 있는데 이 것을 Gizmo 라고 부릅니다 .씬을 돌아다니면서 기즈모를 응시하고 있으면 해당 축을 가리키는 것을 알 수 있는데마치 우리들이 어디를 가고 있는지를 가리키는 좋은 녀석이죠 .그리고 기즈모의 Y 축을 누르면 카메라가 하늘에서 지면을 바라보는 위치로 바뀌는 것을 확인 할 수 있습니다 .축 대로 카메라 세팅이 가능해지는 좋은 녀석입니다 .

# Gizmo # Gizmo 의 Y 축을 누른 상태

( 3 / 13)

Page 4: Unity cookbook 2

카메라와 나침반 - 2

Gizmo 아래에 글씨 하나가 있는데 이 것은 카메라의 투영법을 전환하는 용도로 쓰입니다 .Perspective 는 인간의 눈을 닮았고 카메라 자체의 화각이 있는 상태로 바라봐 물체의 원근이 살아나는 반면에Isometric 는 화각이 없는 일직선으로 투영되는 카메라이기 때문에 원근이 없고 물체의 깊이 값이 사라지게 됩니다 .전환은 아래 글자를 눌러 전환할 수 있고 이 기능은 물체의 위치 선상을 파악할 때 주로 쓰이기도 합니다 .

# Perspective ( 원근법 ) # Isometric ( 등각투영법 )

( 4 / 13)

Page 5: Unity cookbook 2

개발자 쇼핑마켓

너무 머리 아픈 이론들만 나가 잠시 쉴 겸 다른 것을 둘러보겠습니다 .Game View 의 옆 탭을 보시면 ‘ Asset Store’ 를 보실 수 있는데 말 그대로 자료들을 팔거나 구매할 수 있는 곳입니다 .그래픽이 없는 개발자에겐 수혜가 깊은 공간이죠 .잘 찾아보면 무료 어셋들이 여럿 보이니 잘 활용하면 좋은 곳입니다 .

# Asset Store

( 5 / 13)

Page 6: Unity cookbook 2

텍스쳐를 입혀보자 - 1

Project View 에서 우클릭 뒤 ‘ Import New Asset’ 또는 드래그로 이미지를 하나 불러옵니다 .그리고 새로 만든 Cube 에 드래그로 적용해봅시다 .놀랍게도 우리가 불러온 이미지가 큐브에 씌워지는데 이 원리는 저 이미지 형태의 보자기를 큐브에 씌운 원리와 같습니다 .

# Texture( 텍스쳐 ) 를 입히는 과정

DRAG!

( 6 / 13)

Page 7: Unity cookbook 2

텍스쳐를 입혀보자 - 2

큐브에 텍스쳐를 입히는 과정은 중간에 한 단계가 더 있습니다 .바로 ‘ Material’ 이라는 녀석인데요 . 우리가 물체를 식별할 때 빛을 통해서 보듯이 그런 과정을 만들고저 메테리얼을 Cube 라는 객체에 건물 이미지가 씌워진 Material 을 추가적으로 Component 했다고 보면 됩니다 .이미지를 큐브에 페인트로 칠한다는 느낌과는 거리가 멀다고 볼 수 있습니다 .

# Im-age

# Mate-rial

# Apply (+compo-nent)

( 7 / 13)

Page 8: Unity cookbook 2

도시를 만들자 - 1

지금까지 우리가 배웠던 과정을 토대로 도시를 만들어봅시다 .Cube 여러 개를 생성해 위 사진처럼 도시처럼 보이게 만들고 게임에서 보일 카메라까지 멋스럽게 조정해봅시다 .참고로 카메라 배치는 ‘ Main Camera’ 를 누른 상태에서 ‘ Ctrl + Shift + F‘ 를 누르면 Scene View 와 동일한위치와 각도로 배치됩니다 . 그리고 ‘ Play’ 를 눌러 결과를 확인합니다 .

( 8 / 13)

Page 9: Unity cookbook 2

도시를 만들자 - 2

그러면 짠 ! 도시가 완성되었습니다 ..!저런 퀄리티가 안 나오면 기분 탓입니다 . 너무 좌절하진 마세요 . ( 쉐이더 썼으니까 )한 번으로 끝내지 마시고 각도와 텍스쳐 빨로 멋스러운 도시를 만들어보세요 .사실 게임은 눈속임과 간지입니다 . ( 9 /

13)

Page 10: Unity cookbook 2

자동차를 움직이자 - 1

아까 알았던 Asset Store 는 사실 지금 쓰려고 밑밥을 깔았습니다 !도시만 있으면 너무 허전하니 자동차와 스크립트의 조합으로 자동차를 움직이게 해봅시다 .어셋 스토어에서 무료 버전 자동차를 하나 다운받아 Project View 에 넣어봅시다 .생성은 아래와 같이 Prefab 에 있는 객체를 끌어다 만듭니다 . 참고로 Prefab 이란 것은 위 이미지에 보이는 요소들을 세트화 시켰다고 보시면 됩니다 .

( 10 / 13)

Page 11: Unity cookbook 2

자동차를 움직이자 - 2

Project View 에서 우 클릭으로 C# Script 를 하나 만들고 들어가 보면 위와 같은 내용이 뜨는데소스코드 하나 하나 설명하면 끝이 없는 관계로 스킵하겠습니다 .아무튼 1프레임 단위로 실행되는 Update 문에 위와 같은 코드를 적습니다 .그럼 저 자동차의 축대로 자동차는 이동하겠죠 ?

# 스크립트 편집기 (MonoBehaviour)

( 11 / 13)

Page 12: Unity cookbook 2

자동차를 움직이자 - 3

방금 만든 스크립트를 자동차에 직접 드래그하거나 , Hierarchy View 에 있는 자동차 객체에 끌어다 넣습니다 .그리고 자동차가 보이게끔 카메라를 조정하고 Play 를 눌러보면 자동차가 움직이는 것을 알 수 있습니다 .자동차 객체 안에 Component 로 붙어있는 이 스크립트는 직접 이 객체에 명령을 내려 움직일 수 있는 것이죠 .

# Add Compo-nent

# 움직이는 자동차

( 12 / 13)

Page 13: Unity cookbook 2

자동차를 움직이자 - 4

자동차 스크립트를 더 수정해봅시다 . 옆으로 수평이동 하는 자동차는 세상에 존재하지 않습니다 .위와 같이 코드를 수정하시고 다시금 비교하면 W, S 키를 누르면 전방 벡터인 Z 값만 수정하는 것을 알 수 있습니다 .그리고 아래 A, D 키를 누르면 transform 의 Rotate 를 수정하는데 그 말은 대략 위로 뻗어있는 Y 축 벡터를 손으로 잡고 돌린다는 이야기와 같습니다 .이후 적용을 해보면 실제 자동차와 같이 움직이는 것을 볼 수 있습니다 .

# Translate( 위치 ) 와 Rotate(회전 ) 관계

( 13 / 13)

Page 14: Unity cookbook 2

End