Periodensystem der Elemente
Hinweis
In diesem Artikel wird ein exploratives Beispiel erläutert, das wir im Mixed Reality Design Labs erstellt haben, einem Ort, an dem wir unsere Erkenntnisse über und Vorschläge für die Entwicklung von Mixed Reality-Apps teilen. Unsere designbezogenen Artikel und unseren Code werden sich weiterentwickeln, während wir neue Entdeckungen machen.
Hinweis
Diese Beispiel-App wurde für HoloLens der 1. Generation entwickelt. Siehe Periodensystem der Elemente 2.0 für HoloLens 2 Version.
Periodensystem der Elemente ist eine Open-Source-Beispiel-App aus den Mixed Reality Design Labs von Microsoft. Erfahren Sie, wie Sie mithilfe einer Object-Auflistung ein Array von Objekten im 3D-Raum mit verschiedenen Oberflächentypen erstellen. Außerdem erfahren Sie, wie Sie interagierbare Objekte erstellen, die auf Standardeingaben von HoloLens reagieren. Sie können die Komponenten dieses Projekts verwenden, um Ihre eigene Mixed Reality-App-Oberfläche zu erstellen.
Demovideo
Aufgezeichnet mit HoloLens 2 mithilfe von Mixed Reality Capture
Informationen zur App
Periodensystem der Elemente visualisiert die chemischen Elemente und jede ihrer Eigenschaften in einem 3D-Raum. Es enthält die grundlegenden Interaktionen von HoloLens wie Blick und Luft tippen. Benutzer können sich mit animierten 3D-Modellen über die Elemente informieren. Sie können die Elektronenhülle eines Elements und seinen Kern visuell verstehen , der aus Protonen und Neutronen besteht.
Hintergrund
Nachdem ich HoloLens zum ersten Mal erlebt habe, wusste ich, dass ich mit einer Periodensystem-App in Mixed Reality experimentieren wollte. Da jedes Element viele Datenpunkte hat, die mit Text angezeigt werden, dachte ich, es wäre ein großartiges Thema für die Untersuchung der typografischen Komposition in einem 3D-Raum. Ein weiterer interessanter Teil dieses Projekts war es, Benutzern die Möglichkeit zu geben, das Elektronenmodell des Elements zu visualisieren.
Entwurf
Für die Standardansicht des Periodensystems stellte ich mir dreidimensionale Boxen vor, die das Elektronenmodell jedes Elements enthalten würden. Die Oberfläche der einzelnen Boxen wäre durchscheinend, sodass der Benutzer eine grobe Vorstellung von der Lautstärke des Elements erhalten könnte. Mit Blick und Luft tippen konnte der Benutzer eine detaillierte Ansicht der einzelnen Elemente öffnen. Um den Übergang zwischen Tabellenansicht und Detailansicht reibungslos und natürlich zu gestalten, habe ich es der physischen Interaktion einer Box ähnlich gemacht, die sich im realen Leben öffnet.
Entwurfsskizzen
In der Detailansicht wollte ich die Informationen jedes Elements mit schön gerendertem Text im 3D-Raum visualisieren. Das animierte 3D-Elektronenmodell wird im Mittleren Bereich angezeigt und kann aus verschiedenen Winkeln betrachtet werden.
Interaktionsprototypen
Der Benutzer kann den Oberflächentyp ändern, indem er auf die Tasten am unteren Rand der Tabelle tippt – er kann zwischen Ebene, Zylinder, Kugel und Punkt wechseln.
Allgemeine Steuerelemente und Muster, die in dieser App verwendet werden
Interagierbares Objekt (Schaltfläche)
Interagierbares Objekt ist ein Objekt, das auf grundlegende HoloLens-Eingaben reagieren kann. Es wird als Prefab/Skript bereitgestellt, das Sie problemlos auf jedes Objekt anwenden können. Beispielsweise können Sie eine Kaffeetasse in Ihrer Szene interagierbar machen und auf Eingaben wie Blick, Luft tippen, Navigation und Manipulationsgesten reagieren. Weitere Informationen
Objektsammlung
Die Objektauflistung ist ein Objekt, mit dem Sie mehrere Objekte in verschiedenen Formen auslegen können. Es unterstützt Ebene, Zylinder, Kugel und Punkt. Sie können zusätzliche Eigenschaften wie Radius, Zeilenanzahl und Abstand konfigurieren. Weitere Informationen
Technische Details
Sie finden Skripts und Prefabs für das Periodensystem der Elemente-App auf dem Mixed Reality Design Labs GitHub.
Portierungsgeschichte für HoloLens 2
Lesen Sie die Geschichte darüber, wie das Periodensystem der Elemente-App mit den instinktiven Interaktionen von HoloLens 2 aktualisiert wurde.
Periodensystem der Elemente 2.0
Informationen zum Autor
 |
Yoon Park UX-Designer @Microsoft |