Tabela periódica dos elementos

Tabela de Ponto do aplicativo Elementos

Observação

Este artigo discute um exemplo exploratório que criamos no Realidade Misturada Design Labs, um lugar onde compartilhamos nossos aprendizados e sugestões para o desenvolvimento de aplicativos de realidade misturada. Nossos artigos e código relacionados ao design evoluirão à medida que fizermos novas descobertas.

Observação

Este aplicativo de exemplo foi projetado para o HoloLens de 1ª geração. Consulte Tabela Periódica dos Elementos 2.0 para HoloLens 2 versão.

A Tabela Periódica dos Elementos é um aplicativo de exemplo de software livre do Realidade Misturada Design Labs da Microsoft. Saiba como dispor uma matriz de objetos no espaço 3D com vários tipos de superfície usando uma coleção Object. Saiba também como criar objetos interacionáveis que respondem a entradas padrão do HoloLens. Você pode usar os componentes deste projeto para criar sua própria experiência de aplicativo de realidade misturada.

Vídeo de demonstração

Gravado com HoloLens 2 usando Realidade Misturada Capture

Sobre o aplicativo

A Tabela Periódica dos Elementos visualiza os elementos químicos e cada uma de suas propriedades em um espaço 3D. Ele incorpora as interações básicas do HoloLens, como olhar e toque de ar. Os usuários podem aprender sobre os elementos com modelos 3D animados. Eles podem entender visualmente a concha eletrônica de um elemento e seu núcleo - que é composto por prótons e nêutrons.

Tela de fundo

Depois de experimentar o HoloLens pela primeira vez, eu sabia que queria experimentar um aplicativo de tabela periódico em realidade misturada. Como cada elemento tem muitos pontos de dados exibidos com texto, achei que seria um ótimo assunto para explorar a composição tipográfica em um espaço 3D. Dar aos usuários a chance de visualizar o modelo de elétrons do elemento foi outra parte interessante deste projeto.

Design

Para a exibição padrão da tabela periódica, imaginei caixas tridimensionais que conteriam o modelo de elétrons de cada elemento. A superfície de cada caixa seria translúcida para que o usuário pudesse ter uma ideia aproximada do volume do elemento. Com o toque de foco e ar, o usuário pode abrir uma exibição detalhada de cada elemento. Para tornar a transição entre a exibição de tabela e a exibição de detalhes suave e natural, fiz com que fosse semelhante à interação física de uma caixa aberta na vida real.

Esboço de design
Esboços de design

Na exibição detalhada, eu queria visualizar as informações de cada elemento com texto renderizado lindamente no espaço 3D. O modelo animado de elétrons 3D é exibido na área central e pode ser exibido de diferentes ângulos.

Interação

Protótipos
Protótipos de interação

O usuário pode alterar o tipo de superfície tocando os botões na parte inferior da tabela , ele pode alternar entre plano, cilindro, esfera e dispersão.

Controles e padrões comuns usados neste aplicativo

Objeto interativo (botão)

O objeto interativo é um objeto que pode responder a entradas básicas do HoloLens. Ele é fornecido como um pré-fabricado/script, que você pode aplicar facilmente a qualquer objeto. Por exemplo, você pode tornar uma xícara de café em sua cena interativo e responder a entradas como olhar, toque de ar, navegação e gestos de manipulação. Saiba mais

Objeto nteractable

Coleção de objetos

A coleção de objetos é um objeto , que ajuda você a dispor vários objetos em várias formas. Ele dá suporte a plano, cilindro, esfera e dispersão. Você pode configurar propriedades adicionais, como raio, número de linhas e espaçamento. Saiba mais

Coleção de objetos

Detalhes técnicos

Você pode encontrar scripts e pré-fabricados para o aplicativo Tabela Periódica dos Elementos no GitHub do Realidade Misturada Design Labs.

História de portabilidade para HoloLens 2

Leia a história sobre como o aplicativo Tabela Periódica dos Elementos foi atualizado com as interações instintivos do HoloLens 2.

Tabela periódica dos elementos 2.0

Sobre o autor

Foto do Parque Dong Yoon Parque Yoon
UX Designer @Microsoft

Confira também