원소의 주기율표
참고
이 문서에서는 혼합 현실 앱 개발에 대한 학습 및 제안을 공유하는 Mixed Reality 디자인 랩에서 만든 예비 샘플에 대해 설명합니다. 디자인 관련 문서와 코드는 새로운 검색을 통해 발전할 것입니다.
참고
이 샘플 앱은 HoloLens 1세대용으로 설계되었습니다. HoloLens 2 버전의 경우 Elements 2.0의 주기적 테이블을 참조하세요.
요소의 주기적 테이블은 Microsoft Mixed Reality 디자인 랩의 오픈 소스 샘플 앱입니다. Object 컬렉션을 사용하여 다양한 표면 형식의 3D 공간에 개체 배열을 배치하는 방법을 알아봅니다. 또한 HoloLens의 표준 입력에 응답하는 상호 작용 가능한 개체를 만드는 방법도 알아봅니다. 이 프로젝트의 구성 요소를 사용하여 고유한 혼합 현실 앱 환경을 만들 수 있습니다.
데모 동영상
Mixed Reality 캡처를 사용하여 HoloLens 2 기록
앱 정보
요소의 주기적 테이블은 화학 요소와 각 속성을 3D 공간에서 시각화합니다. 응시 및 에어 탭과 같은 HoloLens의 기본 상호 작용을 통합합니다. 사용자는 애니메이션 3D 모델을 사용하여 요소에 대해 알아볼 수 있습니다. 양성자와 중성자로 구성된 원소의 전자 껍질과 핵을 시각적으로 이해할 수 있습니다.
배경
HoloLens를 처음 경험한 후 혼합 현실에서 주기적인 테이블 앱을 실험하고 싶다는 것을 알았습니다. 각 요소에는 텍스트로 표시되는 많은 데이터 요소가 있으므로 3D 공간에서 입력 구성을 탐색하는 것이 좋은 주제라고 생각했습니다. 사용자에게 요소의 전자 모델을 시각화할 수 있는 기회를 제공하는 것은 이 프로젝트의 또 다른 흥미로운 부분이었습니다.
디자인
주기적 테이블의 기본 보기에서는 각 요소의 전자 모델을 포함하는 3차원 상자를 상상했습니다. 각 상자의 표면은 반투명하므로 사용자가 요소의 볼륨에 대한 대략적인 아이디어를 얻을 수 있습니다. 응시 및 에어 탭을 사용하면 사용자가 각 요소에 대한 자세한 보기를 열 수 있습니다. 테이블 뷰와 세부 정보 보기 간의 전환을 원활하고 자연스럽게 만들기 위해 실제 생활에서 열리는 상자의 물리적 상호 작용과 유사하게 만들었습니다.
디자인 스케치
자세히 보기에서는 3D 공간에서 아름답게 렌더링된 텍스트로 각 요소의 정보를 시각화하고 싶었습니다. 애니메이션된 3D 전자 모델은 중앙 영역에 표시되며 다양한 각도에서 볼 수 있습니다.
상호 작용 프로토타입
사용자는 테이블 아래쪽의 단추를 눌러 표면 유형을 변경할 수 있습니다. 평면, 실린더, 구 및 산란 사이를 전환할 수 있습니다.
이 앱에서 사용되는 일반적인 컨트롤 및 패턴
상호 작용 가능한 개체(단추)
상호 작용 가능한 개체 는 기본 HoloLens 입력에 응답할 수 있는 개체입니다. 모든 개체에 쉽게 적용할 수 있는 프리팹/스크립트로 제공됩니다. 예를 들어 장면의 커피 컵을 상호 작용 가능하도록 만들고 응시, 에어 탭, 탐색 및 조작 제스처와 같은 입력에 응답할 수 있습니다. 자세한 정보
개체 컬렉션
개체 컬렉션 은 다양한 셰이프에 여러 개체를 배치하는 데 도움이 되는 개체입니다. 평면, 실린더, 구 및 분산을 지원합니다. 반경, 행 수 및 간격과 같은 추가 속성을 구성할 수 있습니다. 자세한 정보
기술 세부 정보
Mixed Reality 디자인 랩 GitHub에서 요소 앱의 주기적 테이블에 대한 스크립트 및 프리팹을 찾을 수 있습니다.
HoloLens 2 포팅 스토리
요소 앱의 주기적 테이블이 HoloLens 2 본능적인 상호 작용으로 업데이트된 방법에 대한 이야기를 읽어보세요.
작성자 정보
 |
박윤선 UX Designer @Microsoft |