Tavola periodica degli elementi

Tabella period dell'app Elements

Nota

Questo articolo illustra un esempio esplorativo creato in Realtà mista Design Labs, un luogo in cui vengono condivise le informazioni e i suggerimenti per lo sviluppo di app di realtà mista. Gli articoli e il codice correlati alla progettazione si evolveranno man mano che si apportano nuove scoperte.

Nota

Questa app di esempio è stata progettata per HoloLens di prima generazione. Per HoloLens 2 versione, vedere Tabella periodica degli elementi 2.0.

Tabella periodica degli elementi è un'app di esempio open source di Microsoft Realtà mista Design Labs. Informazioni su come disporre una matrice di oggetti nello spazio 3D con vari tipi di superficie usando un insieme Object. Informazioni anche su come creare oggetti interagendo che rispondono agli input standard di HoloLens. È possibile usare i componenti di questo progetto per creare un'esperienza di app di realtà mista personalizzata.

Video demo

Registrato con HoloLens 2 tramite acquisizione di Realtà mista

Informazioni sull'app

Tabella periodica degli elementi visualizza gli elementi chimici e ognuna delle relative proprietà in uno spazio 3D. Incorpora le interazioni di base di HoloLens, ad esempio sguardo fisso e tocco dell'aria. Gli utenti possono ottenere informazioni sugli elementi con modelli 3D animati. Essi possono comprendere visivamente la shell elettronica di un elemento e il suo nucleo - che è composto da protoni e neutroni.

Sfondo

Dopo aver sperimentato HoloLens per la prima volta, sapevo di voler sperimentare con un'app di tabella periodica in realtà mista. Poiché ogni elemento ha molti punti dati che vengono visualizzati con il testo, ho pensato che sarebbe un argomento importante per esplorare la composizione tipografica in uno spazio 3D.Since each element has many data point that are display with text, I thought it be great subject matter for exploring typographic composition in a 3D space. Dare agli utenti la possibilità di visualizzare il modello elettronico dell'elemento era un'altra parte interessante di questo progetto.

Progettazione

Per la visualizzazione predefinita della tabella periodica, ho immaginato caselle tridimensionali che conterranno il modello elettronico di ogni elemento. La superficie di ogni casella sarebbe trasluente in modo che l'utente possa ottenere un'idea approssimativa del volume dell'elemento. Con il tocco dello sguardo fisso e dell'aria, l'utente potrebbe aprire una visualizzazione dettagliata di ogni elemento. Per fare la transizione tra vista tabella e vista dettaglio uniforme e naturale, l'ho reso simile all'interazione fisica di una scatola aperta in vita reale.

Schizzo di progettazione
Schemi di disegno

In visualizzazione dettagliata, volevo visualizzare le informazioni di ogni elemento con testo con rendering accattivante nello spazio 3D. Il modello elettronico 3D animato viene visualizzato nell'area centrale e può essere visualizzato da diverse angolazioni.

Interazione

Prototipi
Prototipi di interazione

L'utente può modificare il tipo di superficie toccando i pulsanti nella parte inferiore della tabella: possono passare da piano, cilindro, sfera e dispersione.

Controlli e modelli comuni usati in questa app

Oggetto interagendo (pulsante)

L'oggetto interagendo è un oggetto che può rispondere agli input di base di HoloLens. Viene fornito come prefab/script, che è possibile applicare facilmente a qualsiasi oggetto. Ad esempio, è possibile creare una tazza di caffè nella scena interagendo e rispondere a input come sguardo fisso, tocco dell'aria, navigazione e movimenti di manipolazione. Scopri di più

Oggetto nteractable

Raccolta di oggetti

La raccolta di oggetti è un oggetto che consente di disporre più oggetti in varie forme. Supporta piano, cilindro, sfera e dispersione. È possibile configurare proprietà aggiuntive, ad esempio radius, numero di righe e spaziatura. Scopri di più

Raccolta di oggetti

Dettagli tecnici

È possibile trovare script e prefab per l'app Periodic Table of the Elements (Tabella periodica degli elementi) in GitHub di Realtà mista Design Labs.

Storia di conversione per HoloLens 2

Leggi la storia su come l'app Periodic Table of the Elements è stata aggiornata con le interazioni istintive di HoloLens 2.

Tavola periodica degli elementi 2.0

Informazioni sull'autore

Foto di Dong Yoon Park Yoon Park
Designer @Microsoft dell'esperienza utente

Vedi anche