장면 구성과 Prefab 재사용

1. 01 프로젝트
   기존 프로젝트와 Scene 확인

   Unity Hub의 Projects에서 GameEngine1을 엽니다. 기본 SampleScene의 Main Camera와 기존 조명은 유지합니다. Play Mode가 켜져 있다면 종료합니다.

2. 02 폴더
   Assets 하위 폴더 구성

   Project 창에서 Assets를 선택하고 우클릭 → Create → Folder로 Scenes, Sprites, Prefabs 폴더를 만듭니다. 이미 있는 폴더는 그대로 사용합니다.

3. 03 Scene
   Week02_Playground 저장

   File → Save As에서 Assets/Scenes를 선택하고 Week02_Playground라는 이름으로 저장합니다. 이후 변경은 Ctrl/Cmd + S로 같은 파일에 저장합니다. 이미 이 Scene에서 작업 중이라면 Save As를 반복하지 않습니다.

Project 창에 같은 이름의 Scene이 이미 있다면 먼저 열어 내용을 확인합니다. 현재 편집 중인 장면의 변경 사항을 저장한 뒤 이동하고, 다른 작업이 담긴 파일을 덮어쓰지 않습니다.

PNG 다운로드 ↓

PNG 다운로드 ↓

PNG 다운로드 ↓

PNG 다운로드 ↓

PNG 다운로드 ↓

PNG 다운로드 ↓

체크무늬는 투명 영역을 보여 주는 웹페이지의 바탕이며 PNG에는 포함되지 않습니다. Background는 잔디 안쪽이 불투명하고 바깥 여백이 투명합니다. Collectible은 Sprite Renderer의 Color로 착색하기 쉽도록 무채색으로 준비했습니다.

PNG 파일 가져오기

1. ZIP 다운로드와 압축 해제

   ZIP을 내려받고 Finder 또는 파일 탐색기에서 압축을 풉니다. 폴더 안에 PNG 여섯 개가 있는지 확인합니다.

   준비 파일Unity로 가져올 대상은 ZIP이 아니라 압축을 푼 PNG 파일입니다.

2. Project 창의 Sprites 폴더 선택

   앞에서 준비한 Assets/Sprites 폴더를 Project 창에서 엽니다. PNG 파일을 이 폴더 안에 가져옵니다.

   저장 위치Assets/Sprites는 학기 프로젝트 안의 이미지 보관 폴더입니다.

3. PNG의 Project 창 드래그 앤 드롭

   Finder 또는 파일 탐색기에서 PNG 여섯 개를 선택해 Unity Project 창의 Assets/Sprites 폴더 안으로 드래그 앤 드롭합니다. Unity가 파일을 프로젝트에 복사하고 가져오기 작업을 마치면 Project 창에 이미지가 나타납니다.

   Asset과 배치Project에 파일을 추가한 단계입니다. 아직 Scene에 GameObject를 배치한 것은 아닙니다.

Sprite 가져오기 설정

Project 창에서 PNG 여섯 개를 함께 선택하고 Inspector의 공통 설정을 아래와 같이 맞춘 뒤 Apply를 누릅니다. 항목이 접혀 있으면 펼쳐 확인합니다.

Pixels Per Unit은 이미지의 몇 픽셀을 Unity의 거리 1단위로 볼지 정하는 값입니다. 이 파일은 한 변이 1254픽셀이므로 1254로 설정하면 투명 여백을 포함한 캔버스 한 변이 1단위가 됩니다. 실제로 보이는 오브젝트는 여백만큼 더 작습니다. 이후 장면에서의 크기는 Transform의 Scale로 조절합니다.

1. 빈 GameObject 생성

   Hierarchy의 +에서 Create Empty를 선택하고 이름을 Player로 바꿉니다. Inspector에는 Transform만 있으며 Scene과 Hierarchy에는 존재하지만 Game 뷰에는 아직 보이지 않습니다.

   관찰점GameObject의 존재와 시각적 표현은 서로 다른 조건입니다.

2. Sprite Renderer 추가

   Inspector 아래의 Add Component에서 Sprite Renderer를 찾아 부착합니다. Component는 생겼지만 Sprite Property가 None이면 그릴 이미지가 없으므로 여전히 보이지 않습니다.

   관찰점Component의 존재와 Property의 설정을 함께 확인합니다.

3. Sprite 연결

   Player를 선택한 상태에서 Project 창의 Assets/Sprites/Player.png를 Inspector의 Sprite Renderer 안에 있는 Sprite 칸으로 드래그 앤 드롭합니다. Color는 흰색, Alpha는 1, Transform Scale은 (1, 1, 1)로 둡니다. Game 뷰에 캐릭터가 나타나면 Transform은 공간을, Sprite Renderer는 시각 표현을 담당한다는 사실을 연결합니다.

   결과하나의 GameObject가 두 Component의 조합으로 보이는 Player가 됩니다.

Scene 도구와 Transform 기즈모

Hierarchy 또는 Scene 뷰에서 GameObject를 선택하고 도구를 바꾸면, 선택한 도구에 맞는 기즈모가 오브젝트 주위에 나타납니다. 기즈모를 드래그하면 Inspector의 Transform 값도 함께 바뀌며, 반대로 Inspector에 숫자를 입력하면 Scene 뷰의 위치와 모양에 반영됩니다.

1. Player의 X 위치 변경

   Inspector에서 Position X를 0, 2, -2로 바꾸며 좌우 이동을 확인합니다.

   예측 질문Y와 Scale은 바뀌지 않았을 때 화면에서 무엇만 달라질까요?

2. 카메라 범위 밖의 실행 결과

   Edit Mode에서 Player를 카메라 프레임 밖으로 충분히 옮깁니다. 기본 카메라라면 Position X를 20으로 바꾼 뒤 Play를 눌러 Scene 뷰와 Game 뷰를 비교합니다. Scene에는 대상이 남아 있지만 Main Camera의 프러스텀 밖에 있으므로 실행 화면에는 그려지지 않습니다. Play를 멈춘 뒤 X를 0으로 되돌립니다.

   프러스텀 컬링카메라 밖의 Renderer를 그리기 전에 제외하는 과정이며, GameObject를 삭제하는 동작은 아닙니다.

3. Z축 회전

   0에서 45로 바꾸고 평면에서 회전하는 축이 Z라는 사실을 연결합니다.

   관찰점2D 화면은 X와 Y 평면이고 그 평면을 관통하는 축을 중심으로 돕니다.

4. Scale 초기값 복원

   X와 Y를 함께 1로 맞춘 뒤 Reset의 의미가 임의의 기본값이 아니라 Component의 초기값이라는 점을 설명합니다.

   관찰점문제가 생기면 한 값씩 바꾸고 바로 되돌려 원인을 분리합니다.

Main Camera
Player
└── DirectionMarker

1. Player와 DirectionMarker의 부모·자식 설정

   Player의 Rotation을 (0, 0, 0), Scale을 (1, 1, 1)로 맞춥니다. 빈 GameObject를 DirectionMarker로 지정하고 Sprite Renderer에 DirectionMarker.png를 연결합니다. Hierarchy에서 Player의 자식으로 묶은 뒤 local Position을 (0.65, 0, 0), local Rotation을 (0, 0, 0), local Scale을 (0.35, 0.35, 1)로 둡니다.

   관찰점Hierarchy의 들여쓰기는 Transform 관계를 나타냅니다.

2. 부모 이동과 자식의 위치 변화

   Player의 Position X를 바꾸고 Marker가 같은 간격을 유지한 채 따라오는지 확인합니다.

   예측 질문Marker의 local Position 값은 바뀔까요, 그대로일까요?

3. 부모 회전과 자식의 위치 변화

   Player의 Rotation Z를 바꾸어 Marker가 Player 중심을 기준으로 함께 도는 것을 보여 줍니다.

   관찰점자식은 부모의 이동뿐 아니라 회전과 크기에도 영향을 받습니다.

4. 자식의 로컬 위치 변경

   Player는 그대로 두고 Marker의 값을 바꾸어 자식은 부모 안에서 독립적인 상대 위치도 가질 수 있음을 설명합니다.

   관찰점함께 움직인다는 말이 두 대상의 Transform 값이 같다는 뜻은 아닙니다.

배경과 전경 구성

앞서 Player를 구성한 방식으로 Background와 ForegroundBush를 만들고 각각 Background.png, ForegroundBush.png를 연결합니다. 배경의 Scale은 카메라 범위를 덮도록 키우고, 수풀은 Player 일부와 겹치도록 배치해 정렬 결과를 비교합니다. Rock.png는 주변 오브젝트를 추가할 때 선택해서 사용합니다.

Sorting Layer 생성과 지정

Edit → Project Settings → Tags and Layers를 열고 Sorting Layers의 + 버튼으로 Background, Actors, Foreground를 추가합니다. 이미 있다면 중복 생성하지 않고 목록 위에서 아래로 Background → Actors → Foreground 순서인지 확인합니다. 기본 Default 항목은 유지해도 됩니다.

목록 아래쪽 Sorting Layer가 앞에 그려집니다. 이제 각 GameObject를 선택하고 Inspector의 Sprite Renderer에서 Sorting Layer를 지정합니다. GameObject 상단의 일반 Layer가 아니라, 이미지를 그리는 순서를 정하는 Component 속성입니다.

1. Sprite의 Z 위치 통일

   깊이 값을 섞지 않고 Sprite Renderer의 정렬 설정만으로 결과를 비교할 준비를 합니다.

   관찰점이번 수업의 변수는 정렬 설정 하나로 제한합니다.

2. Background의 Sorting Layer 변경

   배경이 Player를 가리는 실패를 일부러 만들고 어느 Property가 원인인지 확인합니다.

   예측 질문Z를 옮기지 않고 어느 Component의 어떤 값을 고쳐야 할까요?

3. Marker의 Order in Layer 변경

   1과 -1을 비교해 같은 Actors Layer 안의 세부 순서를 보여 줍니다.

   관찰점큰 범주는 Layer, 같은 범주의 세부 순서는 Order입니다.

Prefab Asset

Project 창에 저장된 원본입니다. 공통 Sprite, Color, Scale와 자식 구조를 정의할 수 있습니다.

Prefab Instance

Scene에 배치된 사용본입니다. 같은 원본에 연결되면서도 Position처럼 배치마다 달라야 하는 값을 가질 수 있습니다.

Override

특정 Instance에서 원본과 다르게 바꾼 값입니다. 의도한 차이는 유지하고, 실수로 만든 차이는 Revert해 원본 값으로 되돌립니다.

Apply

Instance의 변경을 원본에 반영하는 동작입니다. 다른 Instance에도 영향을 줄 수 있으므로 영향 범위를 알고 사용할 때만 선택합니다.

1. Collectible 구성

   빈 GameObject를 Collectible로 지정하고 Sprite Renderer에 Collectible.png를 연결합니다. Scale은 (0.6, 0.6, 1), Position Z는 0으로 둡니다. 앞에서 만든 Sorting Layer Actors와 Order in Layer 0을 적용하고 Color를 원하는 색으로 설정합니다. 무채색 보석이므로 색의 변화를 비교하기 쉽습니다.

   관찰점아직은 Hierarchy에만 있는 일반 GameObject입니다.

2. Prefab Asset 생성

   Project 창에서 작업 준비 단계에 만든 Assets/Prefabs 폴더를 엽니다. Hierarchy의 Collectible을 이 폴더 안으로 드래그 앤 드롭합니다. Collectible.prefab Asset이 생성되고, Scene에 남은 대상은 첫 Instance가 됩니다.

   관찰점Project 창에 원본이 생기고 Scene의 대상은 Instance가 됩니다.

3. Prefab Instance 배치

   Project의 Collectible.prefab을 Scene으로 두 번 더 드래그해 첫 Instance와 함께 총 세 개를 만듭니다. 이름을 Collectible_01, Collectible_02, Collectible_03으로 지정하고 카메라 범위 안의 서로 다른 위치에 둡니다.

   예측 질문원본의 Color를 바꾸면 세 Instance는 어떻게 될까요?

4. 원본 변경과 Override 비교

   Project의 Prefab Asset을 더블클릭해 Prefab Mode로 열고 Sprite Renderer의 Color를 바꿉니다. 저장 후 Scene으로 돌아와 세 Instance의 공통 변경을 확인합니다. 이어서 한 Instance의 Color만 다르게 설정한 뒤 해당 속성만 Revert해 원본 값으로 복원합니다.

   관찰점공통값과 개별값을 구분하는 것이 Prefab 사용의 핵심입니다.

편집 상태

Play Mode 종료. Player의 Rotation (0, 0, 0)과 Scale (1, 1, 1)을 확인하고, 주요 대상을 카메라 범위 안에 배치.

부모·자식 관계

Player 아래 DirectionMarker. Marker의 local Position (0.65, 0, 0), local Rotation (0, 0, 0), local Scale (0.35, 0.35, 1) 확인.

정렬과 재사용

배경·대상·전경의 정렬 복원, Marker의 Order 1 확인. 같은 Collectible.prefab에 연결된 세 Instance와 공통 Color 유지.

저장 파일

변경한 Prefab 원본 저장. Assets/Scenes/Week02_Playground.unity도 Ctrl/Cmd + S로 저장하고 Scene 이름의 별표가 사라졌는지 확인.

• 이미지 Asset 가져오기 ↗파일 탐색기에서 Project 창으로 파일을 추가하는 과정
• Sprite Import Settings ↗Single, Pixels Per Unit, 알파 투명도와 Filter Mode
• Transform Component ↗Position, Rotation, Scale과 부모, 자식의 local 좌표
• GameObject 위치 지정 ↗Transform 기즈모, 축 조작과 Q, W, E, R 도구 단축키
• Component 추가 ↗Inspector의 Add Component로 GameObject에 기능을 구성하는 방법
• 프러스텀 컬링 ↗렌더링 전에 카메라 밖의 대상을 제외하는 처리 단계
• 2D renderer sorting ↗Sorting Layer와 Order in Layer를 이용한 Sprite 렌더 순서
• Prefab 생성 ↗Hierarchy의 GameObject를 Project 창의 Prefab Asset으로 만드는 방법
• Prefab 소개 ↗Prefab Asset, Instance와 Override의 기본 관계