Периодическая таблица элементов
Примечание
В этой статье рассматривается исследовательский пример, созданный в Смешанная реальность Design Labs, где мы делимся своими сведениями и предложениями по разработке приложений смешанной реальности. Наши статьи и код, связанные с дизайном, будут развиваться по мере того, как мы будем делать новые открытия.
Примечание
Этот пример приложения был разработан для HoloLens 1-го поколения. Сведения о HoloLens 2 версии см. в разделе Periodic Table of the Elements 2.0.
Periodic Table of the Elements — это пример приложения с открытым кодом из microsoft Смешанная реальность Design Labs. Узнайте, как разместить массив объектов в трехмерном пространстве с различными типами поверхностей с помощью коллекции Объектов. Также узнайте, как создавать взаимодействуемые объекты, которые реагируют на стандартные входные данные из HoloLens. Вы можете использовать компоненты этого проекта для создания собственного интерфейса приложения смешанной реальности.
Демонстрационное видео
Запись с помощью HoloLens 2 с помощью записи Смешанная реальность
Сведения о приложении
Периодическая таблица элементов визуализирует химические элементы и каждое из их свойств в трехмерном пространстве. Он включает в себя основные взаимодействия HoloLens, такие как взгляд и воздушный кран. Пользователи могут узнать об элементах с анимированными трехмерными моделями. Они могут визуально понять электронную оболочку элемента и его ядро, которое состоит из протонов и нейтронов.
Историческая справка
После того как я впервые испытал HoloLens, я понял, что хочу поэкспериментировать с приложением периодической таблицы в смешанной реальности. Так как каждый элемент имеет много точек данных, которые отображаются с текстом, я подумал, что это будет отличным предметом для изучения типографической композиции в трехмерном пространстве. Предоставление пользователям возможности визуализировать электронную модель элемента было еще одной интересной частью этого проекта.
Проектирование
Для представления периодической таблицы по умолчанию я представил трехмерные рамки, которые будут содержать электронную модель каждого элемента. Поверхность каждой коробки будет полупрозрачной, чтобы пользователь мог получить приблизительное представление об объеме элемента. С помощью касания взгляда и касания воздуха пользователь может открыть подробное представление каждого элемента. Чтобы сделать переход между табличным представлением и представлением детализации плавным и естественным, я сделал его похожим на физическое взаимодействие коробки, открывающейся в реальной жизни.
Разработка эскизов
В подробном представлении мне хотелось визуализировать сведения о каждом элементе с помощью красиво отрисованного текста в трехмерном пространстве. Анимированная трехмерная электронная модель отображается в центральной области и может просматриваться под разными углами.
Прототипы взаимодействия
Пользователь может изменить тип поверхности, коснувшись кнопок в нижней части таблицы. Он может переключаться между плоскостью, цилиндром, сферой и точечной.
Общие элементы управления и шаблоны, используемые в этом приложении
Взаимодействуемый объект (кнопка)
Интерактивный объект — это объект, который может реагировать на базовые входные данные HoloLens. Он предоставляется в виде заготовки или скрипта, который можно легко применить к любому объекту. Например, вы можете сделать чашку кофе в сцене интерактивной и реагировать на такие входные данные, как взгляд, касание воздуха, навигация и жесты манипуляции. Подробнее
Коллекция объектов
Коллекция объектов — это объект , который помогает разместить несколько объектов в различных формах. Поддерживает плоскость, цилиндр, сферу и точечную. Можно настроить дополнительные свойства, такие как радиус, количество строк и интервал. Подробнее
Технические сведения
Скрипты и заготовки для периодической таблицы приложения Elements можно найти на сайте GitHub Смешанная реальность Design Labs.
История переноса для HoloLens 2
Прочитайте статью о том, как приложение "Периодическая таблица элементов" было обновлено с помощью инстинктивных взаимодействий HoloLens 2.
Periodic Table of the Elements 2.0
Об авторе
 |
Парк Юн UX Designer @Microsoft |