내일배움캠프 사전캠프 11일차 - 환경디자인, 에셋 내비게이션 및 간단한 게임 씬 구성

환경 디자인의 역할

 - 감성 전달: 조명, 색감, 분위기 연출을 통해 플레이어에게 정서적 경험을 선사합니다.
 - 내러티브 강화: 배경 자체가 스토리의 한 요소가 되어, 게임의 세계관을 자연스럽게 표현합니다.

 - 플레이어 몰입: 세심하게 구성된 환경은 플레이어가 게임 세계에 빠져들게 하는 중요한 역할을 합니다.

핵심 구성요소
 - 조명과 컬러 팔레트: 시간대, 기후 감정 상태 등을 반영하는 요소로, 환경의 전체적인 느낌을 좌우합니다.
 - 구조와 배치: 건물이, 길, 자연 요소의 배치는 게임 내 탐험의 흐름과 상호작용을 결정짓습니다.
 - 디테일링: 소품, 잔디, 바위, 나무 등 작은 디테일이 모여 현실감을 부여하며, 게임의 완성도를 높입니다.

1. 개념 바로 알기

내비게이션(Navigation)이란?
 - 캐릭터가 씬 안에서 자연스럽게 이동할 수 있는 공간을 의미합니다.
 - 지나갈 수 없는 곳은 막고, 통과 가능한 구조를 명확히 해야 게임이 부드럽게 동작합니다.

충돌(Collision)이란?
 - 오브젝트와 캐릭터가 실제로 닿는지 아닌지를 판별해주는 시스템입니다.
 - 벽을 뚫고 지나가지 않도록 설정하는 데 사용됩니다.

2. 직접 구현해보기

목표: 캐릭터가 자연스럽게 탐색할 수 있는 작은 공간을 구성합니다.

[Step 1] 씬 컨셉 잡기
 - 예시 컨셉: 나만의 방, 작은 마을 거리, 공원 한쪽 등
 - 배경이 되는 바닥과 벽 오브젝트 배치

[Step 2] 에셋 배치
 - 외부 또는 Starter Content에서 다양한 Static Mesh 배치
    예) 건물, 나무, 의자, 조명 등
 - 'Transform' 조절을 활용해 다양하고 자연스럽게 배치

[Step 3] 캐릭터 Collision 및 이동 가능성 확인
 - 캐릭터가 부드럽게 돌아다닐 수 있도록 충돌 영역 조정
 - 지나가지 못해야 할 벽/장애물에는 정확한 'Collision' 설정

[Step 4] 테스트 플레이
 - WASD로 걷고, 마우스로 둘러보고, 점프하면서 이동성 확인
 - 좁은 길, 계단 등 다양한 경로를 시도해보기

3. 결과 화면

겨울 숲 한가운데에 있는 SF유적의 모습을 묘사해보았습니다.

처음 포장된 도로와 울타리를 지나 옆길로 가면 숲 속 언덕에 진입하고 언덕을 조금 오르면 고대문명의 잔재를 마주볼 수 있습니다.

또한 울타리를 구현하는 데에 블루프린트를 사용하였는데, 생성자함수 [Contruction Script] 를 사용해 인스턴스에 노출된 편집가능한 Intager 변수 'Count'에 비례해 울타리 기둥을 일정한 간격으로 설치하게끔 구현하였습니다. 위 작업으로 울타리를 설치하는 데에 손수 움직이는 시간을 줄일 수 있었으나, 스태틱 메시의 한계로 일부 기둥만 기울이면 울타리줄이 자연스럽게 이어지지 않아 경사로를 따라 기둥을 완벽히 세울 수 없다는 한계점이 있었습니다.

에셋 목록

플레이어 캐릭터
Vroid Studio

DZ Sample Trees
https://www.fab.com/ko/listings/7c95ac5f-246e-42fb-9d2a-4807db87f69d

Stump Scanned
https://www.fab.com/ko/listings/5f433961-8d90-49ab-a991-e4c7a78acccf

Sci-Fi building Modular set Low Poly
https://www.fab.com/ko/listings/9b38bb97-1f96-4231-b933-cd39471d43c1

댓글

댓글 쓰기

이 블로그의 인기 게시물

내일배움캠프 사전캠프 - 사전캠프설 연휴 커피 파밍 이벤트 작품 [ EXTREMITY ]

이미지
  EXTREMITY - 홀로 사지 속으로 어떤 행성에서 벌어지는 일. 이 모든 일에 종지부를 짓기 위해 홀로 전장으로 강하한다. 상호작용 요소  : 자동문, 병사들의 경례, 눈보라 이펙트, 조준과 사격, 끝까지 쫓아오는 적, 사격에 반응해 무너지는 건물과 적들. 시시각각 변화하는 환경. 전체적인 맵구조  : 곳곳에 블루프린트로 이루어진 건물 Foliage들이 배치되어있으며, 이것들은 모두 사격 시의 Line Trace에 반응해 큰 충격을 일으켜 부서지며 날아간다. 부서지는 기능은 엔진 내의 Fracture기능을 사용.  : 공중에는 플레이어가 탑승하고 있는 수송기가 배회하고 있으며, 원형의 Spline을 따라 움직이도록 설계했다.  : 처음에는 높은 고도에 머물고있다는 느낌을 주기 위해 구름을 전체적으로 낮게 깔아주고 안개도 약간 짙게 설정하였다. 그리고 강하 시에는 캐릭터의 높이에 따라 점차 구름높이와 안개의 짙음이 변화하며, 착지 시에는 전체적으로 맑게 변한다. 조준 매커니즘  : 우클릭을 통해 조준을 하면 Spine본을 기준으로 상하로 다른 모션이 출력된다. (레이어 본 블렌딩)  : 상반신은 Anim Montage에 따라 총을 겨누고 쏘는 모션이 재생되고 바라보는 상하각도에 따라 상반신와 팔의 각도 또한 조절된다. (트랜스폼 본)  : 하반신은 StateMachine에 따라 이동입력에 반응하여 발걸음이 달라지며, 2차원 BlendSpace를 사용하여 정면을 바라보면서 전후좌우로 움직일 수 있게 된다. 사격 매커니즘  : 각각 총구 와 카메라 에서 카메라 정면으로 나아가는 두 개의 LineTrace를 사용하였다. 총구 에서 나가는 LineTrace는 보기에는 자연스럽지만 우리는 총구에서 옆비스듬하게 바라보기 때문에 정확도가 떨어진다. 따라서 카메라 에서 발사되는 LineTrace를 하나 더 만들어 둘 중 하나라도 적중하면 명중하도록 설계하였다.  : 눈앞에 있는 적을...
자세한 내용 보기

내일배움캠프 29일차 - 커리어데이 2일차 : 클라이언트 프로그래머로서 포트폴리오, 입사준비팁

이미지
커리어데이 2일차: 포트폴리오, 입사준비 팁 클라이언트 프로그래머 클라이언트란?   - 직접 플레이하며 눈에 보이는 것들을 작업하는 것.    : UI, 애니메이션, 리소스 관리, 전투시스템 등등 준비해야할 것  - 못하면 안됨 : 포트폴리오 , C++  - 잘해야 됨 : 회사마다의 코딩테스트 , CS , 알고리즘  - 잘하면 좋음 : 디자인패턴 , 그래픽스 , 네트워크 , 이거 해야되나? 생각되는 것들 가장 열심히 해야하는 것  - 게임 완성도있게 만들기  - 포트폴리오 눈에 띄게 만들기: 자잘한 것 여럿보다 엄청난 것 하나 만드는 것이 낫다.  - 팀프로젝트 경험 잘 정리하기 포트폴리오의 정답은 없으나 중요한 것은 있다.  : 가독성, 경험, 트러블 슈팅   - 면접관 입장에서 생각 을 해봐야 한다. (접근성이 있는 사이트를 사용) 포트폴리오에서 흥미를 끌 수록 깃허브, 노션 까지 볼 가능성이 높다.   - 포트폴리오 영상은 컴팩트하게, 1~3분 사이로 설명 (면접관은 시간이 없음)    : 모범적 영상:  https://youtu.be/RUsRpTy4tJc?si=TWh1HH4eXrpnZadA    : 시각적으로 흥미를 끌도록 유도   : 완벽하지 않아도 되나 끝까지 해내는 것 자체가 실력이 된다. 모범 포트폴리오 예시  - 면접관이 필요하면 언제든 들어갈 수 있는 링크 일반적인 포트폴리오 링크를 배치한 포트폴리오 (합격예시1) - 느낌이 좋은 레이아웃 배치  : 자신이 제작한 포트폴리오 프로젝트 는 많고 배치를 해야할때, 배치하는 방법이 중요하다. 같은 명품 브랜드 지만, 배치에 따라 느낌이 달라진다. 자신의 프로젝트들을 스팀 상점페이지에 빗대 어 목차에 추가 한 포트폴리오 (합격예시2) 포트폴리오 초반에 프로필을 넣어서 다시 한번 자신의 경력을 어필 하자. - 코드...
자세한 내용 보기