En introduktion inklusive övningar till A-Frame
INSTRUKTIONER
Börja med att läsa den här sidan.
Gå sedan vidare med att läsa och göra övningarna enligt ordningen i mappnamnen;
starta med mappen som heter '0 - start' och ta del av materialet där.
Fortsätt med innehållet i mapparna i kronologisk ordning för att ta del av mer material.
Välj själv vad du vill läsa mer om och vilka övningar du vill göra.
När du är klar har du förhoppningsvis en bra uppfattning om vad A-Frame är
och du kan skapa 3-D appar i webbläsaren!
Virtuell verklighet (VR) är en teknik som använder huvudmonterade headset med skärmar för att generera realistiska bilder, ljud och andra sensationer för att försätta användare i en uppslukande virtuell miljö. VR tillåter oss att skapa ogränsade världar som människor kan gå runt och interagera med med sina händer, för att känna sig som om de transporterades till en annan plats.
WebXR är ett API som låter utvecklare skapa XR-upplevelser; en sammanfattande term som spänner över virtuell verklighet (VR), förstärkt verklighet (AR) och nyutvecklade uppslukande teknologier.
I den här kursen kommer vi att lära oss om A-Frame, ett verktyg som är lätt att komma igång med som använder WebXR för att få tillgång till VR-headsetsensordata (position, orientering, etc.) för att transformera kameran och rendera innehåll direkt till VR-headset.
Det häftiga är att det fungerar i webbläsaren också! Det betyder att vi inte behöver ha ett VR-headset för att bygga och spela med en VR-miljö.
Läs mer om A-Frame här https://aframe.io/
A-Frame är ett webbramverk för att bygga virtuella verklighetsupplevelser (VR). A-Frame är baserat på HTML, vilket gör det enkelt att komma igång. Men A-Frame är inte bara en 3D-scengraf eller ett "markup" språk; kärnan är ett kraftfullt ramverk för komponenter som ger en utbyggbar och komponerbar struktur som bygger på ramverket three.js.
Ursprungligen var A-Frame framtaget för och inom Mozilla men numer underhållet av medskaparna av A-Frame inom Supermedium, A-Frame utvecklades för att vara ett enkelt men kraftfullt sätt att utveckla VR-innehåll. Som ett oberoende projekt med öppen källkod har A-Frame vuxit till att bli en av de större VR-community.
A-Frame stöder de flesta VR-headset som Vive, Rift, Windows Mixed Reality, Cardboard, Oculus Go och kan till och med användas för AR (augmented reality). Även om A-Frame stöder även AR, så är A-Frame mycket väl lämpat att skapa interaktiva VR-upplevelser där bl a s.k 360°-content, positionnering och handkontroller ingår.
Det finns i grunden 2 sätt (eller en kombination av bägge) att börja skapa och komma igång:
- Använda ett VR-headset och ett tangentbord. 🤯
- Att använda en dator, på vanligt sätt.
Notera då att du behöver alltså inget VR-headset för att ta del eller kunna använda och skapa med A-Frame.
Några av headseten som kan användas är;
- Oculus Quest
- Oculus Rift S
- Ventilindex
Här finns mer detaljerad (och uppdaterad) information om plattformar och headset: https://aframe.io/docs/1.6.0/introduction/vr-headsets-and-webxr-browsers.html#which-platforms-does-a-frame-support
Glöm inte att det går lika bra i webbläsaren också!!