Периодическая таблица элементовPeriodic Table of the Elements

Примечание

В этой статье рассматривается исследовательская выборка, созданная в лабораторных занятиях по смешанной реальности, где мы предоставляем наши знания и предложения по разработке приложений для смешанной реальности.This article discusses an exploratory sample we’ve created in the Mixed Reality Design Labs, a place where we share our learnings about and suggestions for mixed reality app development. Наши статьи и код, относящиеся к проектированию, будут развиваться по мере внесения новых обнаружений.Our design-related articles and code will evolve as we make new discoveries.

Периодическая таблица элементов — это пример приложения с открытым исходным кодом от лабораторных занятий корпорации Майкрософт по проектированию смешанной реальности.Periodic Table of the Elements is an open-source sample app from Microsoft's Mixed Reality Design Labs. Узнайте, как разместить массив объектов в трехмерном пространстве с различными типами поверхностей с помощью коллекции объектов.Learn how to lay out an array of objects in 3D space with various surface types using an Object collection. Также Узнайте, как создавать взаимодействующие объекты, реагирующие на стандартные входные данные HoloLens.Also learn how to create interactable objects that respond to standard inputs from HoloLens. Вы можете использовать компоненты этого проекта, чтобы создать собственный интерфейс приложения смешанной реальности.You can use this project's components to create your own mixed reality app experience.

Таблица периодов приложения элементов

Демонстрационное видеоDemo video

Записано с помощью HoloLens 2 с записью смешанной реальностиRecorded with HoloLens 2 using Mixed Reality Capture

Сведения о приложенииAbout the app

Периодическая таблица элементов визуализирует химические элементы и все их свойства в трехмерном пространстве.Periodic Table of the Elements visualizes the chemical elements and each of their properties in a 3D space. Он включает основные взаимодействия HoloLens, таких как взгляд и воздушный нажим.It incorporates the basic interactions of HoloLens such as gaze and air tap. Пользователи могут узнать об элементах с анимированными трехмерными моделями.Users can learn about the elements with animated 3D models. Они могут визуально понять электронную оболочку элемента и ее всегда, которая состоит из прочего и неутронс.They can visually understand an element's electron shell and its nucleus - which is composed of protons and neutrons.

Историческая справкаBackground

После первого изучения HoloLens я знал, что я хотел бы поэкспериментировать с периодическим табличным приложением в смешанной реальности.After I first experienced HoloLens, I knew I wanted to experiment with a periodic table app in mixed reality. Поскольку каждый элемент имеет много точек данных, отображаемых с текстом, я думал, что это было бы очень удобно для изучения типографской композиции в трехмерном пространстве.Since each element has many data points that are displayed with text, I thought it would be great subject matter for exploring typographic composition in a 3D space. Предоставление пользователям возможности визуализировать модель электронного представления элемента была еще одна интересная часть этого проекта.Giving users the chance to visualize the element's electron model was another interesting part of this project.

КонструированиеDesign

Для представления периодической таблицы по умолчанию я предполагаю трехмерные поля, которые будут содержать электронную модель каждого элемента.For the default view of the periodic table, I imagined three-dimensional boxes that would contain the electron model of each element. Поверхность каждого поля будет прозрачной, чтобы пользователь мог получить грубое представление о том элемента.The surface of each box would be translucent so that the user could get a rough idea of the element's volume. С помощью взгляда и касания Air пользователь может открыть подробное представление каждого элемента.With gaze and air tap, the user could open up a detailed view of each element. Чтобы переход между табличным представлением и подробным представлением был плавно и естественным, я сделал это как физическое взаимодействие флажка, открывающегося в реальной жизни.To make the transition between table view and detail view smooth and natural, I made it similar to the physical interaction of a box opening in real life.

Эскиз проектированияDesign sketch
Разработка набросковDesign sketches

В подробном представлении я хотел визуализировать информацию каждого элемента с помощью элегантноного текста в трехмерном пространстве.In detail view, I wanted to visualize the information of each element with beautifully rendered text in 3D space. В центральной области отображается анимированная трехмерная модель электронов, которую можно просмотреть с разных углов.The animated 3D electron model is displayed in the center area and can be viewed from different angles.

Взаимодействие

ПрототипыPrototypes
Прототипы взаимодействияInteraction prototypes

Пользователь может изменить тип поверхности, коснувшись кнопок в нижней части таблицы — они могут переключаться между плоскостью, цилиндром, сферой и точечной.The user can change the surface type by air tapping the buttons on the bottom of the table - they can switch between plane, cylinder, sphere, and scatter.

Общие элементы управления и шаблоны, используемые в этом приложенииCommon controls and patterns used in this app

Взаимодействующий объект (кнопка)Interactable object (button)

Взаимодействующий объект — это объект, который может отвечать на базовые входные данные HoloLens.Interactable object is an object, which can respond to basic HoloLens inputs. Он предоставляется в виде prefab или сценария, который можно легко применить к любому объекту.It's provided as a prefab/script, which you can easily apply to any object. Например, можно сделать чашку кофе в сцене интерактивной и реагировать на такие входные данные, как взгляд, касание, Навигация и жесты манипуляции.For example, you can make a coffee cup in your scene interactable and respond to inputs such as gaze, air tap, navigation, and manipulation gestures. ПодробнееLearn more

Объект нтерактабле

Коллекция объектовObject collection

Коллекция объектов — это объект, который помогает размещать несколько объектов в различных фигурах.Object collection is an object, which helps you lay out multiple objects in various shapes. Он поддерживает плоскость, цилиндр, сферу и точечную диаграмму.It supports plane, cylinder, sphere, and scatter. Можно настроить дополнительные свойства, такие как радиус, число строк и расстояния.You can configure additional properties such as radius, number of rows and the spacing. ПодробнееLearn more

Коллекция объектов

Технические сведенияTechnical details

Вы можете найти сценарии и Prefabs для периодической таблицы приложения Elements в лаборатории по проектированию смешанной реальности в GitHub.You can find scripts and prefabs for the Periodic Table of the Elements app on the Mixed Reality Design Labs GitHub.

Перенос истории для HoloLens 2Porting story for HoloLens 2

Ознакомьтесь со статьей о том, как периодическая таблица в приложении Elements была обновлена с использованием взаимодействий инстинктуал HoloLens 2.Read the story on how Periodic Table of the Elements app was updated with HoloLens 2's instinctual interactions.

Periodic Table of the Elements 2.0Periodic Table of the Elements 2.0

Об автореAbout the author

Picture of Dong Yoon Park Дон Юн Парк (Dong Yoon Park)Dong Yoon Park
Разработчик средств взаимодействия с пользователем @MicrosoftUX Designer @Microsoft

См. также разделSee also