Periodiskt tabell över elementen
Kommentar
Den här artikeln beskriver ett undersökande exempel som vi har skapat i Mixed Reality Design Labs, en plats där vi delar våra lärdomar om och förslag för utveckling av appar med mixad verklighet. Våra designrelaterade artiklar och vår kod kommer att utvecklas när vi gör nya upptäckter.
Kommentar
Den här exempelappen har utformats för HoloLens 1:a generationen. Se Periodisk tabell med elementen 2.0 för HoloLens 2-versionen.
Periodiska elementtabeller är en exempelapp med öppen källkod från Microsofts Designlabb för mixad verklighet. Lär dig hur du lägger ut en matris med objekt i 3D-utrymme med olika yttyper med hjälp av en objektsamling. Lär dig också hur du skapar interaktionsbara objekt som svarar på standardindata från HoloLens. Du kan använda projektets komponenter för att skapa en egen appupplevelse för mixad verklighet.
Demonstrationsvideo
Inspelad med HoloLens 2 med Mixed Reality Capture
Om appen
Periodiska elementtabell visualiserar de kemiska elementen och var och en av deras egenskaper i ett 3D-utrymme. Den innehåller de grundläggande interaktionerna mellan HoloLens som blick och luftkran. Användare kan lära sig mer om elementen med animerade 3D-modeller. De kan visuellt förstå ett elements elektronskal och dess kärna - som består av protoner och neutroner.
Bakgrund
När jag först upplevde HoloLens visste jag att jag ville experimentera med en periodisk tabellapp i mixad verklighet. Eftersom varje element har många datapunkter som visas med text, trodde jag att det skulle vara bra ämne för att utforska typografisk komposition i ett 3D-utrymme. Att ge användarna chansen att visualisera elementets elektronmodell var en annan intressant del av det här projektet.
Designa
För standardvyn för det periodiska systemet föreställde jag mig tredimensionella rutor som skulle innehålla elektronmodellen för varje element. Ytan på varje ruta skulle vara genomskinlig så att användaren kan få en grov uppfattning om elementets volym. Med blick och lufttryck kan användaren öppna en detaljerad vy över varje element. För att göra övergången mellan tabellvyn och detaljvyn smidig och naturlig, gjorde jag den liknande den fysiska interaktionen av en ruta som öppnas i verkliga livet.
Designskisser
I detaljvyn ville jag visualisera informationen för varje element med vackert renderad text i 3D-utrymme. Den animerade 3D-elektronmodellen visas i mittenområdet och kan ses från olika vinklar.
Interaktionsprototyper
Användaren kan ändra yttyp genom att trycka på knapparna längst ned i tabellen – de kan växla mellan plan, cylinder, sfär och punkt.
Vanliga kontroller och mönster som används i den här appen
Interaktionsbart objekt (knapp)
Interaktionsbart objekt är ett objekt som kan svara på grundläggande HoloLens-indata. Den tillhandahålls som en prefab/script, som du enkelt kan använda för alla objekt. Du kan till exempel göra en kaffekopp i din scen interagerande och svara på indata som blick, lufttryck, navigering och manipuleringsgester. Läs mer
Objektsamling
Objektsamling är ett objekt som hjälper dig att lägga ut flera objekt i olika former. Den stöder plan, cylinder, sfär och punktdiagram. Du kan konfigurera ytterligare egenskaper som radie, antal rader och avstånd. Läs mer
Teknisk information
Du hittar skript och prefabs för appen Periodic Table of the Elements på GitHub för Mixed Reality Design Labs.
Portningshistoria för HoloLens 2
Läs artikeln om hur appen Periodiskt tabell med element uppdaterades med HoloLens 2:s instinktiva interaktioner.
Periodiskt tabell över elementen 2.0
Om författaren
 |
Yoon Park UX Designer @Microsoft |