visionOS 개발공부👓

VisionOS) Apple Vision Pro 챌린지(1부) 1/3

성실농장주 2023. 11. 22. 20:22

11월 21일에 Apple Vision Pro 챌린지 교육에서 들은 내용을 정리해보겠습니다.

 

해당 교육에서는 기본적인 공간 컴퓨팅의 기초 구성요소, 디자인 원칙, visionOS의 개발 프레임워크, 도구, 핵심기수을 다뤘습니다.

 

visionOS의 기본 요소

 

Window

https://developer.apple.com/visionos/

visionOS에서 window는 화면의 일부 영역을 의미합니다. iOS에서 개발을 할때 사용되었던 window의 개념과 유사합니다. 

개발자는 한개 이상의 윈도우들을 visionOS 앱에 생성할 수 있습니다. 윈도우들은 swiftUI로 개발이 되어 있고 전통적인 방식의 뷰와 제어들을 가지고 있습니다. 그리고 개발자는 3D컨텐츠를 통해 깊이감을 추가할 수 있습니다.

 

Apple

Shared space에서 여러개의 앱들을 확인할 수 있고 앱들의 구분하는 단위는 window입니다.

 

Volumes

https://developer.apple.com/visionos/

 

volumnes는 3D 객체를 보여줄 수 있는 객체입니다. volumes은 3D 볼륨으로 앱에 깊이를 추가합니다. 볼륨은 RealityKit 또는 Unity 사용한 3D콘텐츠를 보여줄 수 있는 swiftUI scenes이고, 볼륨은 Shared space 또는 Full space에서 어느 각도에서나 볼 수 있는 경험을 만들어줍니다.

volumne 안에 3D 객체

volumnes는 3D 객체 주위에 프레임을 디스플레이하지 않습니다.

Spaces

https://developer.apple.com/visionos/

mac 환경에서처럼 기본적으로 앱들은 나란히 shared space에 시작됩니다. 앱들은 콘텐츠를 보여주기 위해 windows와 volumnes 사용합니다. 그리고 사용자는 그들이 원하는 어디든 요소들을의 위치를 조정할 수 있습니다. 보다 큰 몰입 경험을 위해, 앱은 Full space(해당 앱의 콘텐츠만 표시할 수 있는 공간)에서 표시할 수 있습니다. full space 안에서, 하나의 앱은 window와 volume을 사용하고 무제한 3D 콘텐츠를 생성할 수 있다. 

 

Immersion Spectrum

Immersion spectrum in shared space & full space

 

  • 맨 좌측이 Window이다 shared space와 full space 모두 지원한다.
  • 중앙에 있는 것이 Panorama View이고 맨 오른쪽에 위치한 뷰는 Environment이다 두개 모두 full space만 지원한다.

Dimming

특정 화면을 집중하게 만들어주는 dimming 기법

  • 컨텐츠와 주변환경간 대비를 만들어줌으로써 특정화면을 집중하게 만들어주는 기법

Ornaments

Ornaments

 

  • ornaments는 window와 관련된 제어와 정보를 포함하고 있습니다.
  • ornaments는 툴바, 탭바 그리고 비디오 컨트롤러로 구성할 수 있습니다.

 

Toolbars

Toolbars

  • visionOS에서 제공되는 toolbar는 수평의 바이고 window의 아래쪽에 나타난다. 약간 z축에 따라 window보다 약간 앞에 있다.
  • toolbar는 주로 현재 뷰에 동작을 수행을 제어하기 위해 사용된다.

 

Tab bar & Sidebar

Tab bar & Sidebar

Tab bars

  • tab bar는 항상 수직 방향이고, 윈도우의 leading 쪽에 떠있다.
  • tab bar는 앱 내에 다른 섹션간 네비게이트를 위해 사용된다.

Side bars

  • 사이드바는 탭 확장버튼을 누르면 window의 leading 쪽에서 확장된다.

 

Passthrough

  • passthrough는 기기의 외부 카메라으로부터의 실시간 영상을 통해 사람들이 그들의 물리적 주변환경을 볼 수 있게 한다.
  • 디지털 크라운을 통해 passthrough를 조절이 가능합니다.

 

Hover effect

  • hover effect 기능은 마우스의 커서를 움직이는것과 같이 사람의 바라보는 위치를 통해 상호작용하고 싶은 객체를 선택을 도와주는 기능입니다.

 

Reference

https://developer.apple.com/visionos/

 

visionOS Overview

All-new platform. Familiar frameworks and tools. Get ready to build and design an entirely new universe of apps for Apple Vision Pro.

developer.apple.com

https://uxplanet.org/apple-vision-pro-spatial-design-101-a-beginners-guide-6dc6f404272d

 

Apple Vision Pro Spatial Design 101 — A Beginner’s Guide

Learn Spatial Design from scratch

uxplanet.org