small badge: Mobile AR Development Pathway

AR Pathway: Mobile AR Development

Mobile AR Development - Unity Learn

AR 경험을 만들어 볼까요? 이 학습 길잡이에서는 iOS 및 Android 디바이스와 호환되는 AR 앱을 개발합니다.

Research future AR use cases to prepare for developing new kinds of applications

Evaluate platform capabilities and limitations in order to determine whether or not a given feature will work.

Absolute Beginner AR Design

Develop AR experiences that use trackable targets in the environment

Absolute Beginner AR Development

Create basic application interactions with Visual Scripting

Absolute Beginner Visual Scripting

AR 개발의 세계에 오신 것을 환영합니다. 이 학습 길잡이에서는 iOS 및 Android 디바이스와 호환되는 AR(증강 현실) 애플리케이션을 만들어 봅니다. 비주얼 스크립팅 및 Unity의 AR 툴을 사용해 다양하고 흥미로운 AR 경험을 개발할 것입니다. 이 학습 길잡이는 학습자가 기본적인 Unity 관련 지식을 갖추고 있다고 간주합니다.


2021.3

모바일 AR 개발

이 튜토리얼에서 AR 분야의 개요와 학습 일정, AR 애플리케이션 개발을 시작하는 데 필요한 준비 사항을 알아봅니다。

AR 개발 입문 

AR 개발에 필요한 소프트웨어를 컴퓨터와 모바일 디바이스에 설정한 뒤 AR용으로 구성된 Unity 프로젝트를 살펴봅니다.

AR 개발 환경 설정

AR 프로젝트를 iOS 또는 Android 모바일 디바이스에 배포하고, 실제 환경에 표시되는 회전 큐브를 확인합니다.

iOS 또는 Android에 프로젝트 배포

이 퀴즈를 통해 AR 개발의 기본 개념과 개발을 시작하는 방법에 대한 이해도를 점검합니다.

AR 개발 퀴즈

AR 개발을 준비하세요. 현장을 탐색하고, 전문가의 의견을 듣고, 필수 소프트웨어를 설치하고, Unity 프로젝트를 설정하고, 테스트 프로젝트를 모바일 기기에 배포하세요.

이 튜토리얼에서는 AR 개발을 위한 준비를 하게 됩니다. 먼저 AR 분야에 대해 알아보고 AR 업계의 유명 크리에이터들의 이야기를 들어봅니다. 다음으로, AR 개발을 시작하는 데 필요한 모든 소프트웨어를 다운로드하고 Unity 프로젝트를 구성합니다. 마지막으로, 모바일 기기에 테스트 프로젝트를 배포하여 모든 것이 제대로 작동하는지 확인합니다.

AR 시작하기

제공 에셋으로 AR 얼굴 필터 프로젝트를 설정해 얼굴 감지와 추적을 구현하고 빌드·테스트합니다.

얼굴 추적 프로젝트 설정

사용자의 얼굴을 덮는 3D 메시 오버레이를 만들고 컬러 틴트와 복잡한 텍스처를 적용해 AR 얼굴 효과를 구현합니다.

얼굴 텍스처 추가

얼굴 추적 정보를 활용해 3D 액세서리를 배치하고, 메시 최적화와 커스텀 에셋 작업의 기초를 익인 뒤 앱을 빌드해 테스트합니다.

필터에 액세서리 추가

Unity 에디터에서 애니메이션을 탐색하고 적용해 얼굴 필터 액세서리에 생동감을 더합니다。

필터에 애니메이션 추가

얼굴 필터에 파티클 시스템을 연결해 원하는 효과로 커스터마이즈하고, 개선된 AR 앱을 빌드해 테스트합니다.

필터에 파티클 효과 추가

포스트 프로세싱 볼륨을 설정하고 효과를 추가한 뒤 업데이트된 애플리케이션을 빌드하고 테스트합니다.

필터에 포스트 프로세싱 추가

자료 제출: 아이스크림 회사 필터

재미있는 텍스처, 3D 모델, 파티클, 효과를 활용하여 나만의 페이스 필터 앱을 만드는 방법을 알아보세요. 챌린지에서는 아이스크림 회사를 위한 테마 필터를 디자인해 보세요.

이 프로젝트에서는 다양한 디지털 콘텐츠가 포함된 자신만의 커스텀 얼굴 필터 앱을 만듭니다. 얼굴 필터에는 재미있는 텍스처, 애니메이션화된 3D 모델, 역동적인 파티클, 포스트 프로세싱 효과가 포함됩니다. 아이스크림 매장에서 사용할 커스텀 필터를 제작하는 과제도 진행합니다.

기본적인 얼굴 필터 만들기

이 프로젝트에서는 얼굴 추적을 기반으로 UI에서 안경 필터를 선택하고 색상을 변경할 수 있는 앱을 구현합니다.

안경을 사용하여 새 씬 만들기

화면에 버튼을 추가하고 디자인을 커스터마이즈하여 사용자가 안경을 선택하고 색상을 설정하도록 UI를 구성합니다.

 UI 설정

첫 번째 비주얼 스크립트 그래프를 만들어 버튼 입력을 감지하고 비주얼 스크립팅 에디터 사용에 익숙해집니다.

버튼을 누르면 감지하는 비주얼 스크립트 만들기

스크립트 그래프와 태그를 사용해 UI 버튼으로 여러 안경의 표시 여부를 제어하는 기능을 구현합니다.

버튼을 사용하여 화면에 안경 표시

그래프를 확장해 한 번에 하나의 안경만 표시하고 커스텀 이벤트로 스크립트를 더 효율적으로 구성하는 방법을 익힙니다。

안경이 바뀌도록 그래프 업데이트

스크립트 그래프와 머티리얼 변수를 만들어 버튼 클릭 한 번으로 모든 안경에 동일한 머티리얼을 적용합니다.

컬러 버튼 설정

인수를 사용하는 커스텀 이벤트를 만들어 여러 컬러 버튼의 기능을 효율적으로 완성합니다.

컬러 전환 기능 완성

변수를 사용해 사용자의 선택을 저장하고 얼굴이 카메라 뷰로 돌아올 때 안경을 자동으로 다시 적용하는 방법을 배웁니다.

안경 저장 및 로드

자료 제출: 바다 테마 얼굴 필터

이 퀴즈를 통해 얼굴 추적을 포함한 AR 개발 기본 개념을 얼마나 이해했는지 점검합니다.

AR로 창작하기: 얼굴 필터 퀴즈

인터랙티브 요소를 추가하는 필터를 사용하여 배운 내용을 더욱 확장해 보세요. 안경을 맞춤 설정하고 착용해 볼 수 있는 앱을 만들고, 바다 테마의 얼굴 필터도 만들어 볼 거예요.

지금까지 기본적인 얼굴 필터를 만들었습니다. 이제 기술을 더 익혀서 상호 작용이 가능한 필터를 만들 준비가 되었습니다. 이 프로젝트에서는 사용자가 다양한 안경을 선택하고, 커스터마이즈하고, 얼굴에 표시할 수 있는 인터랙티브 앱을 만들어 봅니다.

수족관을 위한 인터랙티브 수중 스쿠버 필터를 디자인하는 과제도 진행합니다.

인터랙티브 얼굴 필터 만들기

Configure a marker-based augmented reality project in Unity and test it using custom 3D models.

마커 기반 AR을 위한 새 프로젝트 생성

AR 마커를 생성하고 마커가 감지될 때에만 선택한 모델이 씬에 나타나도록 설정합니다.

AR 마커에 오브젝트 생성

씬에 모델 회전 버튼이 있는 사용자 인터페이스를 추가해 오브젝트와의 상호 작용을 확장할 기반을 마련합니다.

회전 버튼이 포함된 UI 추가

월드 공간 캔버스를 사용해 마커 위 모델 근처에 뜨는 레이블과 이를 켜고 끌 수 있는 버튼을 구현합니다.

마커 기반 앱에 월드 공간 UI 추가 

버튼 클릭 시 모델에서 입체 음향이 재생되도록 설정해 3D 애플리케이션의 몰입감을 높입니다.

마커 기반 앱에 입체 음향 추가

자료 제출: AR을 통해 작품에 생동감 불어넣기

현실 세계의 마커 이미지 위에 디지털 모델을 표시하는 마커 기반 AR 앱을 만드는 방법을 배워보세요. 이 챌린지에서는 2D 예술 작품에 생명을 불어넣어 보세요.

Beginner Mobile Optimization

마커 기반 앱은 현실에 있는 이미지(마커)를 인식한 후 앱에 콘텐츠를 표시할 수 있는 애플리케이션입니다. 이러한 종류의 기술을 사용해 영화 포스터, 제품 레이블, 카드 게임, 심지어 명함을 위한 AR 콘텐츠를 제작하는 애플리케이션을 본 적이 있으실 겁니다.

이 프로젝트에서는 사용자가 3D 모델, 텍스트, 오디오를 제어할 수 있는 사용자 인터페이스가 포함된 마커 기반 앱을 제작합니다.

마커 기반 AR 앱 제작

새 씬을 만들고 환경의 평면을 감지하도록 설정하며 AR 프로젝트를 시작합니다.

평면 감지를 지원하는 씬 설정

비주얼 스크립트를 사용해 화면 터치를 감지하고 위치를 확인하며 UI에 터치 정보를 표시하는 방법을 배웁니다.

사용자 터치 감지

레이캐스팅을 사용해 사용자의 평면 터치를 감지하고, 올바른 터치일 때 포털이 생성되도록 구현합니다.

사용자의 평면 터치 여부 감지

터치 입력과 레이캐스트를 설정한 뒤 감지된 평면에 포털 게임 오브젝트를 생성하는 방법을 배웁니다.

평면에서 포털 인스턴스화

포털 내부의 디지털 월드를 설계하고 평면에 배치된 모습을 확인하면서 모바일 성능 요구 사항과 최적화 기법을 학습합니다.

포털 월드의 프레임 속도 테스트

Learn to restrict virtual world visibility so it appears only through a portal view, creating a more polished application experience.

포털 월드의 가시성 제한

자료 제출: AR 캐릭터 만들기

이 퀴즈에서 AR 마커와 AR 평면 감지와 관련된 AR 개발 기본 개념 이해도를 점검합니다.

AR로 창작하기: 마커 및 평면 퀴즈

평평한 표면을 감지하고 사용자가 바닥이나 벽에 포털을 생성할 수 있는 앱을 만들어 보세요. 그런 다음, 챌린지를 완료하여 인터랙티브 캐릭터 앱을 만들어 보세요.

이 프로젝트에서는 평면 감지 기술을 사용하는 AR 앱을 제작합니다. iOS 디바이스용 ARKit와 Android 디바이스용 ARCore 모두 물리 환경에서 평평한 표면(평면)을 감지하는 기능을 갖추고 있습니다. 바닥이나 테이블 등의 수평면과 벽 등의 수직면을 감지할 수 있습니다. 

사용자가 평면을 탭하여 포털을 배치할 수 있는 앱을 제작해 보세요. 이 포털은 사용자가 들여다보고 탐색할 수 있는 가상 3D 환경으로 통하는 창이 됩니다. 

또한 사용자가 테이블 위에 캐릭터를 올려 놓고 상호 작용할 수 있는 앱을 디자인하는 과제를 수행할 수 있습니다.

평면 감지 AR 앱 제작

UFO 게임과 기존 프로젝트, 다른 AR 경험을 검토하며 AR 포팅을 위한 설계 문서를 작성하기 시작합니다.

UFO 프로젝트 개요

Unity 프로젝트에서 게임의 기술 설계 문서, 모든 씬, 주요 스크립트 머신과 스크립트 그래프를 살펴봅니다。

Unity 프로젝트 살펴보기

새 AR 프로젝트를 만들고 기존 게임 에셋을 임포트한 뒤 모바일용 초기 테스트 빌드를 수행합니다.

AR 포팅 시작

UFO 게임에 가장 적합한 모바일 화면 방향을 선택하고 그에 맞게 게임 UI를 조정합니다.

AR 게임의 방향 선택

AR 콘텐츠의 고정 방식을 결정하고 AR Foundation 컴포넌트를 구현한 뒤 모바일 앱을 반복적으로 테스트합니다.

플레이 영역 활성화

UFO 움직임 비주얼 스크립트를 점검하고 모바일용 AR 친화적인 움직임 컨트롤 체계를 설계해 기존 스크립트에 적용하는 방법을 배웁니다.

AR UFO 움직임 개발

UFO 납치 비주얼 스크립트와 UI를 재구성해 키보드 기반 납치 메커니즘을 모바일 환경에 맞게 다시 설계합니다.

AR UFO 납치 동작 개발

모바일용 UFO AR 게임의 핵심 디자인 영역을 검토하고 AR 경험을 향상하도록 앱을 수정합니다.

몇 가지 AR 고려 사항

나만의 AR 앱 디자인

이 학습 환경에서는 기존 데스크톱 게임을 모바일로 이식하고 완벽하게 기능하는(그리고 재미있는!) AR 환경으로 재설계하게 됩니다.

이 학습 경험에서는 기존 데스크톱 게임을 모바일 환경에 포팅하여 모든 기능이 제대로 작동하는 흥미로운 AR 경험으로 새롭게 디자인합니다. 직접 조사하고, 설계 문서를 작성하고, 비주얼 스크립트를 수정하고, 앱의 플레이 테스트를 진행해 보면서 프로젝트의 마지막에는 자신만의 AR 애플리케이션을 디자인하여 구현합니다.

AR 경험 디자인

Here are examples of learner submissions that were completed in this Pathway.

모바일 AR 개발

AR 경험을 만들어 볼까요? 이 학습 길잡이에서는 iOS 및 Android 디바이스와 호환되는 AR 앱을 개발합니다.

Pathway Description

Educator Materials