10+ exempel på bra AR-upplevelser för webben

Webbaserad augmented reality är en växande trend inom webbdesign som gör det möjligt för användare att interagera med realistiska upplevelser från stationära datorer eller telefoner i webbläsaren utan att någon ytterligare app krävs. Denna teknik kräver lite av allt och inkluderar ofta HTML5, Web Audio, WebGL och WebRTC för att utvecklas.

Resultatet kan vara ganska imponerande och leder till en nivå av engagemang och interaktion som får användarna att vilja ha mer.

WebAR står för Web-based Augmented Reality och är en relativt ny teknik som inte kräver en mobilapplikation för att fungera. Användare kan komma åt AR-upplevelser direkt från sina smartphones med hjälp av den inbyggda kameran och mobilwebbläsaren. Denna sömlösa användarupplevelse är en av de främsta anledningarna till att WebAR snabbt växer i popularitet.

Här är några exempel på webbplatser som använder Web AR för att inspirera dina projekt.

Se mer

1. McLaren Technology Center på Google Maps

Det här kan vara den mest interaktiva karta du någonsin har sett. Tidigare i år lanserade Google ett samarbete med McLaren Racing som gör att du kan gå in i deras anläggning med hjälp av Web AR från i stort sett var som helst.

Så här beskriver Google projektet:

"Racingfans kan få en närmare titt under McLarens huva tack vare en helt ny Street View-samling. Sedan Google blev en officiell partner till Formel 1-teamet förra året har vi arbetat för att skapa en exklusiv Street View-upplevelse som tar fansen bakom kulisserna på McLaren Technology Center, huvudkontoret för McLaren Racing och hemmet för McLaren Formula 1 Team i Surrey,England."

2. Michelob ULTRA Yosemite Portal

Med denna webbaserade AR-upplevelse kan du ta din öl från trädgården till en lite mer naturskön plats. Du öppnar en portal som tar dig med på en rundtur i Yosemite direkt från din telefon.

3. Warba-världen

Warba World är det första - och kanske enda - AR-äventyrsspelet inom finansiell kompetens. Spelarna väljer en avatar och förflyttas till en 3D-karta med AR-teknik som visar välkända landmärken i Kuwait City. I detta virtuella Kuwait City finns flera olika intressanta platser gömda, och varje plats låser upp en ny trivia-uppgift.

4. Saatchi Art Visa i mitt rum

Webb-AR fungerar även för e-handel. Med funktionen View in My Room från Saatchi Art kan du använda din telefonkamera för att se hur en tavla från deras webbplats skulle se ut i ditt hem. Välj bara ett konstverk och sedan View in My Room för att se om det passar dig.

5. Den dumma kaninen

Silly Bunny, en pekbok för barn, har en telefonbaserad webbaserad AR-resa som du kan leka med tillsammans med boken. Den gör att du kan aktivera en egen Silly Bunny och ta med honom på äventyr.

6. Zenni Optical

Zenni Optical använder Web AR för att göra det mer praktiskt att köpa glasögon online. Du kan använda din webbkamera för att mäta ditt pupillavstånd för att få ett par glasögon som passar precis rätt och sedan "prova dem" online.

7. 1 plats

Precis som du kan se konstverken i ditt hem innan du köper dem, tar 1 Place samma modell och tillämpar den på möbler. Dessutom kan du snurra och flytta möblerna för att se dem från alla vinklar med en musknapp.

8. Brett Williams

Om du är en designer/utvecklare som leker med AR kan du använda det i ditt CV, som Brett Williams gör här. Det är ett roligt sätt att visa vad du kan i en omslutande upplevelse. Han har också ett CV på LinkedIn om du vill se det i ett mer traditionellt format.

9. Pha5e

Skapa en virtuell trädgård med en upplevelse som börjar med tredimensionell animering på skrivbordet och när du är klar, om du är nöjd med vad du har gjort hittills, kan du flytta till din telefon för mer förstärkt verklighet.

10. Instagram-filter för krympande strålar

Web AR fungerar bra inuti andra appar. Shrink Ray är en augmented reality-app där användarna kan interagera direkt med konsumentvaror och se hur inflationen har påverkat köpkraften.

Slutsats

Det som är coolt med Web AR är att du inte behöver designa och utveckla en app för att det ska fungera. Allt är webbaserat, webbläsarteknik. Även om det inte finns massor av sådana webbplatser där ute just nu, förväntar vi oss bara att användningen kommer att öka.

Kan du tänka dig att använda Web AR i ett kommande projekt? Vill du veta mer? What is Web AR? är en bra resurs med massor av information om denna teknik.