Periodiek systeem van de elementen
Notitie
In dit artikel wordt een verkennend voorbeeld besproken dat we hebben gemaakt in de Mixed Reality Design Labs, een plek waar we onze bevindingen over en suggesties voor de ontwikkeling van mixed reality-apps delen. Onze ontwerpgerelateerde artikelen en code zullen zich ontwikkelen naarmate we nieuwe ontdekkingen doen.
Notitie
Deze voorbeeld-app is ontworpen voor HoloLens 1e generatie. Zie Periodiek systeem van de Elementen 2.0 voor HoloLens 2 versie.
Periodic Table of the Elements is een opensource-voorbeeld-app van Mixed Reality Design Labs van Microsoft. Leer hoe u met behulp van een objectverzameling een matrix met objecten in een 3D-ruimte in kunt delen met verschillende oppervlaktetypen. Leer ook hoe u interactiebare objecten maakt die reageren op standaardinvoer van HoloLens. U kunt de onderdelen van dit project gebruiken om uw eigen mixed reality-app-ervaring te maken.
Demovideo
Opgenomen met HoloLens 2 met behulp van Mixed Reality Capture
Over de app
Periodiek systeem van de elementen visualiseert de chemische elementen en elk van hun eigenschappen in een 3D-ruimte. Het bevat de basisinteracties van HoloLens, zoals staren en luchtkranen. Gebruikers kunnen meer te weten komen over de elementen met 3D-modellen met animatie. Ze kunnen visueel de elektronenshell en de kern van een element begrijpen, die bestaat uit protonen en neutronen.
Achtergrond
Nadat ik HoloLens voor het eerst had ervaren, wist ik dat ik wilde experimenteren met een periodieke app in mixed reality. Omdat elk element veel gegevenspunten bevat die met tekst worden weergegeven, dacht ik dat het een geweldig onderwerp zou zijn om typografische compositie in een 3D-ruimte te verkennen. Gebruikers de kans geven om het elektronmodel van het element te visualiseren was een ander interessant onderdeel van dit project.
Ontwerp
Voor de standaardweergave van het periodiek systeem stelde ik me driedimensionale vakken voor die het elektronmodel van elk element zouden bevatten. Het oppervlak van elke doos zou doorzichtig zijn, zodat de gebruiker een ruw beeld kan krijgen van het volume van het element. Met staren en luchtkraan kan de gebruiker een gedetailleerd beeld van elk element openen. Om de overgang tussen tabelweergave en detailweergave soepel en natuurlijk te maken, heb ik het vergelijkbaar gemaakt met de fysieke interactie van een doosopening in het echte leven.
Ontwerpschetsen
In de detailweergave wilde ik de informatie van elk element visualiseren met prachtig weergegeven tekst in 3D-ruimte. Het geanimeerde 3D-elektronmodel wordt weergegeven in het middengebied en kan vanuit verschillende hoeken worden bekeken.
Interactieprototypes
De gebruiker kan het oppervlaktype wijzigen door lucht te tikken op de knoppen aan de onderkant van de tafel- ze kunnen schakelen tussen vlak, cilinder, bol en spreiding.
Algemene besturingselementen en patronen die in deze app worden gebruikt
Interactief object (knop)
Interactiebaar object is een object, dat kan reageren op basisinvoer van HoloLens. Het wordt geleverd als een prefab/script, dat u eenvoudig op elk object kunt toepassen. U kunt bijvoorbeeld een koffiebeker in uw scène interactief maken en reageren op invoer, zoals staren, tikken in de lucht, navigatie en manipulatiebewegingen. Meer informatie
Objectverzameling
Objectverzameling is een object, waarmee u meerdere objecten in verschillende vormen kunt indelen. Het ondersteunt vlak, cilinder, bol en spreiding. U kunt aanvullende eigenschappen configureren, zoals radius, aantal rijen en de afstand. Meer informatie
Technische details
U vindt scripts en prefabs voor het periodiek systeem van de elements-app op de GitHub Mixed Reality Design Labs.
Porting-verhaal voor HoloLens 2
Lees het artikel over hoe periodiek systeem van de elementen-app is bijgewerkt met de instinctuele interacties van HoloLens 2.
Periodiek systeem van de elementen 2.0
Over de auteur
 |
Yoon Park UX-Designer @Microsoft |