해피 하비스트 데모: 최신 2D 기법 살펴보기

현재 2D 게임의 혁신 가능성은 무한합니다. 유니티는 창의력 발휘를 위한 수많은 가능성을 선사하고 2D 렌더링 기술 및 툴을 개선하면서 Unity를 이용한 2D 게임 개발의 최신 베스트 프랙티스를 지속적으로 제공합니다.

해피 하비스트(Happy Harvest)는 현재 Unity 에셋 스토어를 통해 사용 가능하며, 개발자가 Unity 2022 LTS의 URP(유니버설 렌더 파이프라인)로 2D 광원, 그림자, 특수 효과를 제작하는 데 필요한 최신 기능의 활용 방법을 보여 줍니다. 이 프로젝트에서 2D 크리에이터가 사용할 수 있는 베스트 프랙티스(그림자를 스프라이트로 베이크하지 않기, 스프라이트를 평면으로 유지, 그림자 및 볼륨 정보를 보조 텍스처에 적용, 고급 타일맵 기능 등)를 확인해 보세요.

해피 하비스트는 밝은 느낌의 카툰 아트로 구성된 톱다운 데모 샘플로, 부지런한 농부의 일상을 체험할 수 있습니다. 농부는 자신의 농가에서 나와 등불 조명이 있는 자갈길을 따라 이동합니다. 밀과 당근, 옥수수를 수확하고 사과를 따고 돼지와 소에게 여물을 주기도 합니다. 농장 군데군데에 연못이 있고 뒤쪽에는 헛간이 있으며 푸릇푸릇한 소나무가 주변을 둘러싸고 있습니다.

톱다운 뷰를 구현할 때는 캐릭터를 투사하고, 겹치는 오브젝트를 관리하고, 창의적인 방법으로 그림자를 생성하는 방법 등의 문제가 발생합니다. 이러한 문제는 Unity 2022 LTS에 포함된 그림자, 스프라이트 라이브러리, 타일맵 2D 기능을 통해 처리되었습니다.

이 모든 에셋은 개인 또는 상용 프로젝트에서 무료로 사용할 수 있으며, 각자의 아이디어에 따라 데모를 수정해도 됩니다. 지금 다운로드하여 평화로운 전원 생활이 담긴 씬의 모습과 많은 디테일을 살펴보세요.

이 데모는 여러 교육용 문서와 함께 제공됩니다. 기술적 워크스루를 통해 광원, 그림자, 환경, 애니메이션이 만들어지는 방식을 더 잘 이해할 수 있으므로, 자신의 2D 프로젝트에서도 동일한 단계를 적용할 수 있습니다.

데모와 함께 다음과 같은 페이지가 제공됩니다.

• URP의 2D 광원 및 그림자 기법
• 2D 타일맵으로 아트 및 게임플레이를 만드는 방법
• Unity 2022 LTS에서 2D 캐릭터를 애니메이션화하는 방법
• 게시 예정: VFX 그래프 및 셰이더 그래프를 사용한 2D 특수 효과

Unity 에셋 스토어 페이지와 데모의 에디터 내 튜토리얼 창에 있는 설명에서 이 게시물을 볼 수 있습니다.

각 페이지에서 배울 내용을 간단히 살펴보겠습니다.

해피 하비스트는 잘 익은 옥수수와 황금빛 밀이 펼쳐진 밭, 가볍게 흔들리는 등불에서 빨간 지붕이 돋보이는 농가에 이르기까지 아기자기한 디테일 요소로 가득합니다. 하지만 이 아늑한 월드의 몰입도를 가장 높이는 요소는 조명과 그림자로, 전체를 은은하게 비추는 불빛과 늦은 오후의 그림자로 월드의 완성도를 더할 수 있습니다.

광원과 그림자 정보를 별도의 텍스처에 추가하면(아트 제작 프로세스에서 추가 단계 필요) 최적화된 실시간 2D 광원과 그림자를 생성할 수 있습니다.

‘유니버설 렌더 파이프라인을 사용한 2D 광원 및 그림자 기법’ 게시물을 읽고 다음 작업 방법을 알아보세요.

• 노멀 맵 및 마스크 맵(보조 텍스처)을 만들고 작업하여 메인 캐릭터, 나무통, 가로등 및 기타 프랍에 림 라이팅(rim lighting) 같은 풍부한 디테일을 추가합니다.
• 주변광 및 스폿 조명을 사용하여 하루 동안의 태양 움직임을 모방하는 효과와 색조로 분위기를 조성합니다.
• 광원에서 노멀 맵을 활성화하여 덤불에 사용된 효과 같은 볼륨의 착시 효과를 구현합니다.
• 섀도우 캐스터에서 블롭 섀도우와 인피니트 섀도우를 사용하여 모든 셰이프와 시간대에 맞는 그림자를 생성합니다.
• 낮-밤 스크립트를 사용하여 시간의 이동과 광원의 변화를 제어합니다.
• Unity 팀으로부터 얻은 팁을 이용해 2D 광원을 최적화합니다.

자갈길과 연못, 잔디, 배경 숲의 공통점이 무엇일까요? 모두 타일(그리드에 배치한 작은 스프라이트)을 사용하여 게임 월드를 제작할 수 있는 Unity의 타일맵 시스템을 통해 만들었다는 것입니다. 레벨을 하나의 큰 이미지로 디자인하는 대신, 전체 레벨에서 반복되는 벽돌 같은 조각으로 나눌 수 있습니다.

타일맵을 사용하면 아트 제작에서 시간을 단축할 뿐만 아니라 메모리와 CPU 사용량도 줄일 수 있습니다. 전용 렌더러로 타일을 렌더링할 수 있으며 화면에 표시되지 않는 타일은 비활성화되기 때문입니다. 브러시 툴을 사용하면 그리드에 타일을 효율적으로 페인팅할 수 있으며 페인팅 규칙을 사용하도록 타일을 스크립팅할 수 있습니다. 자동 충돌 생성 기능도 함께 제공되므로 테스트와 편집 작업의 효율을 높일 수 있습니다. 게임 오브젝트를 배치하거나 게임 로직을 위한 API를 사용할 수도 있습니다.

‘Unity에서 2D 타일맵을 사용하여 아트 및 게임플레이 제작’ 게시물에서 다음을 포함한 타일맵 시스템 사용 팁을 살펴볼 수 있습니다.

• 타일맵에 보조 텍스처를 사용합니다. 샘플의 모든 타일맵에는 같은 차원과 레이아웃을 공유하지만 조명을 나타내기 위해 페인팅되는 대응 요소인 노멀 맵 및 마스크 맵 텍스처가 있습니다.
• 2D Tilemap Extras 패키지에 있는 Rule Tile 기능을 사용합니다. 이 패키지에는 재사용 가능한 2D 및 타일맵 에디터 스크립트가 포함되어 있으며, 이러한 스크립트는 자체 프로젝트에서 활용하고 커스텀 브러시 및 타일의 기본 요소로 사용할 수 있습니다.
• 프로젝트 계층 구조에서 타일을 정리합니다.
  • 샘플에서 타일은 Grid라는 하나의 게임 오브젝트에 모두 포함되어 있습니다.
  • 겹치는 픽셀을 방지하고 오버드로우를 낮게 유지하기 위해 Grid 내에는 가능한 한 적은 수의 타일맵을 생성했습니다.
• Tilemap API를 샘플에서 사용된 방식에 따라 사용합니다.

해피 하비스트의 농부는 소매를 걷고 머리를 높게 빗어올려 일할 준비를 마쳤습니다. 유니티는 씬에서 농부가 돌아다닐 수 있도록 얼굴 리깅을 사용해 다양한 표정을 만들고, 스프라이트 라이브러리로 캐릭터 배리에이션을 구현하고, 스프라이트 스왑으로 애니메이션 프로세스에서 동일한 뼈대에 연결된 스프라이트를 전환하는 등 여러 기법을 활용했습니다.

'해피 하비스트의 2D 캐릭터 및 애니메이션'이라는 게시물에서 이 기법과 애니메이션 제작에 사용되는 다른 기법을 자세히 살펴보세요. 다음을 위한 팁을 얻을 수 있습니다.

• 톱다운 뷰에 맞게 다양한 각도에서 캐릭터를 그리고 애니메이션화합니다. 해피 하비스트의 뛰어난 비주얼은 4개의 방향으로 구현되었습니다.
• 2D Animation 및 PSD Importer 패키지를 사용하여 Unity에서 골격 애니메이션을 작업합니다. 이렇게 하면 캐릭터의 레이어 전체를 스프라이트로 임포트하고 앱에서 페인팅된 그대로 배치하여 Photoshop에서 Unity로 캐릭터 아트워크를 바로 임포트할 수 있습니다.
• 스프라이트 에디터에서 캐릭터를 리깅합니다.
• 스프라이트를 뼈대, 지오메트리, 가중치에 연결합니다.
• 스프라이트 라이브러리 에디터와 스프라이트 스왑을 사용하여 뼈대 회전으로 구현 가능한 유형 외의 다른 애니메이션 유형을 관리합니다. 여기에는 캐릭터가 향하는 방향이 바뀔 때의 얼굴 표정이 포함됩니다.
• 2D Animation 패키지에 있는 2D IK(2D Inverse Kinematics) 툴을 사용합니다. 이 툴을 통해 회전을 계산하여 뼈대 체인을 타겟 위치로 옮길 수 있습니다.

농부가 키우는 농작물은 햇빛을 받고 비를 맞아야 자랄 수 있습니다. 다행히 저녁에 비가 내린 덕분에 이 근면한 농부는 아늑한 벽난로가 기다리는 작은 집으로 돌아갈 수 있습니다.

Unity에 있는 다양한 옵션으로 이와 같은 2D 시각 효과를 만들 수 있습니다. 프레임별로 폭발을 애니메이션화하거나 파티클과 구름 스프라이트를 생성할 수 있습니다. CPU에서 파티클을 생성할 수 있게 빌트인 파티클 시스템을 사용하세요. 또는 GPU를 활용하고 VFX 그래프 및 셰이더 그래프를 사용해 수백만 개의 파티클을 생성하거나 URP 볼륨으로 포스트 프로세싱 효과를 적용할 수 있습니다.

‘VFX 그래프 및 셰이더 그래프를 사용한 2D 특수 효과’ 게시물을 읽고 해피 하비스트에서 다음을 포함해 특수 효과를 만드는 데 사용하는 다양한 기법을 알아볼 수 있습니다.

• 덤불에서 떨어지는 나뭇잎이나 농부의 발자국같이 빌트인 파티클 시스템으로 만든 파티클 효과
• 빌트인 파티클 시스템을 사용하여 밤에 가로등 주위로 몰려드는 나방을 만들기 위한 플립북 파티클, 또는 VFX 그래프로 생성된 빗물에서 튀는 물방울
• 물결의 움직임, 벽난로 불빛, 굴뚝 연기를 표현하기 위한 일반적인 효과(예: 물 타일에 적용된 셰이더)
• VFX 그래프에서 만든 비와 천둥 등 날씨 효과(빗물 파티클이 환경과 자연스럽게 블렌딩되고 광원에 반응하도록 2D 릿 셰이더를 사용)
• 셰이더를 통해 나무와 기타 초목을 움직여서 만드는 가벼운 바람 시뮬레이션
• 따뜻하고 활기찬 분위기가 조성되도록 전체 씬에 적용된 틴트 및 블룸 포스트 프로세싱 효과

시각 효과 제작에 대해 자세히 알아보려면 전자책 집중 탐구 가이드: Unity에서 고급 시각 효과 제작(영문)을 읽어 보세요. 이 전자책은 Unity에서 시각 효과 저작(authoring) 툴을 사용하여 물과 액체, 연기, 불, 폭발, 날씨, 충격, 마법, 전기 등을 포함한 고급 효과를 만드는 방법의 전체적인 개요를 제공합니다.

해피 하비스트는 Unity에서 새로운 시각적 기법을 알아보려는 2D 크리에이터를 위한 놀이터입니다. 샘플에서 더 나아가 각 요소와 스크립트를 자체 프로젝트에 재사용하고, 모바일 및 데스크톱 디바이스에서 테스트해 보세요. 이 샘플과 보조 콘텐츠는 초보부터 숙련된 2D 개발자에 이르기까지 모두에게 유용한 팁을 제공합니다. 수확의 기쁨을 직접 누려 보세요.

아직 다운로드하지 않았다면, Unity에서의 2D 게임 개발과 렌더링 및 시각 효과(3D 및 2D)를 다루는 다음 고급 전자책을 다운로드하세요.

• 아티스트를 위한 2D 게임, 애니메이션 및 조명
• Unity 크리에이터를 위한 유니버설 렌더 파이프라인 소개 고급편
• Unity 고해상도 렌더 파이프라인의 조명 설정 고급 가이드
• Unity에서 고급 시각 효과를 만드는 최종 가이드

로스트 크립트(Lost Crypt) 및 드래곤 크래셔(Dragon Crashers) 등 유니티의 다른 2D 데모도 확인해 보세요.

Unity 베스트 프랙티스 허브에는 고급 프로그래머, 아티스트, 테크니컬 아티스트, 디자이너를 위한 더 많은 리소스가 준비되어 있습니다.

의견이 있으신가요? 전용 포럼에서 데모에 대한 의견을 들려 주세요.