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