Tabla periódica de los elementos
Nota:
En este artículo se describe un ejemplo exploratorio que hemos creado en Mixed Reality Design Labs, un lugar donde compartimos nuestros aprendizajes y sugerencias para el desarrollo de aplicaciones de realidad mixta. Nuestros artículos y código relacionados con el diseño evolucionarán a medida que realizamos nuevas detecciones.
Nota:
Esta aplicación de ejemplo se diseñó para HoloLens 1.ª generación. Consulte Tabla periódica de la versión 2.0 de Elements 2 para HoloLens 2.
La tabla periódica de elementos es una aplicación de ejemplo de código abierto de Los laboratorios de diseño de realidad mixta de Microsoft. Obtenga información sobre cómo diseñar una matriz de objetos en el espacio 3D con varios tipos de superficie mediante una colección Object. Aprenda también a crear objetos interactables que respondan a las entradas estándar de HoloLens. Puede usar los componentes de este proyecto para crear su propia experiencia de aplicación de realidad mixta.
Vídeo de demostración
Grabado con HoloLens 2 mediante la captura de realidad mixta
Acerca de la aplicación
La tabla periódica de los elementos visualiza los elementos químicos y cada una de sus propiedades en un espacio 3D. Incorpora las interacciones básicas de HoloLens, como la mirada y la pulsación en el aire. Los usuarios pueden obtener información sobre los elementos con modelos 3D animados. Pueden comprender visualmente la capa de electrones de un elemento y su núcleo, que se compone de protones y electrones.
Fondo
Después de experimentar por primera vez HoloLens, sabía que quería experimentar con una aplicación de tabla periódica en realidad mixta. Dado que cada elemento tiene muchos puntos de datos que se muestran con texto, pensé que sería un tema excelente para explorar la composición tipográfica en un espacio 3D. Dar a los usuarios la oportunidad de visualizar el modelo de electrones del elemento era otra parte interesante de este proyecto.
Diseño
Para la vista predeterminada de la tabla periódica, imaginé cuadros tridimensionales que contendrán el modelo de electrones de cada elemento. La superficie de cada cuadro sería translúcida para que el usuario pudiera obtener una idea aproximada del volumen del elemento. Con la mirada y la pulsación en el aire, el usuario podría abrir una vista detallada de cada elemento. Para hacer que la transición entre la vista de tabla y la vista de detalles sea suave y natural, lo hice similar a la interacción física de una apertura de caja en la vida real.
Bocetos de diseño
En la vista detallada, quería visualizar la información de cada elemento con texto representado de forma hermosa en el espacio 3D. El modelo de electrones 3D animado se muestra en el área central y se puede ver desde diferentes ángulos.
Prototipos de interacción
El usuario puede cambiar el tipo de superficie pulsando los botones en la parte inferior de la tabla; puede cambiar entre plano, cilindro, esfera y dispersión.
Controles y patrones comunes usados en esta aplicación
Objeto interactable (botón)
El objeto interactable es un objeto , que puede responder a las entradas básicas de HoloLens. Se proporciona como un script prefabricado, que se puede aplicar fácilmente a cualquier objeto. Por ejemplo, puede hacer que una taza de café en la escena interactúe y responda a entradas como mirada, pulsación en el aire, navegación y gestos de manipulación. Más información
Colección de objetos
La colección de objetos es un objeto , que le ayuda a diseñar varios objetos en varias formas. Admite plano, cilindro, esfera y dispersión. Puede configurar propiedades adicionales, como el radio, el número de filas y el espaciado. Más información
Detalles técnicos
Puede encontrar scripts y objetos prefabricados para la aplicación Tabla periódica de elementos en GitHub de Mixed Reality Design Labs.
Historia de migración para HoloLens 2
Lea la historia sobre cómo se actualizó la aplicación Periodic Table of the Elements con las interacciones instintivos de HoloLens 2.
Tabla periódica de los elementos 2.0
Acerca del autor
 |
Parque Yoon UX Designer @Microsoft |