10+ esimerkkiä hyvin tehdyistä AR-kokemuksista verkossa

Verkkopohjainen lisätty todellisuus on kasvava trendi verkkosivustojen suunnittelussa, jonka avulla käyttäjät voivat olla vuorovaikutuksessa realististen kokemusten kanssa työpöydiltä tai puhelimista selaimessa ilman lisäsovellusta. Tämä tekniikka vaatii vähän kaikkea, ja sen kehittämiseen käytetään usein HTML5:tä, Web Audioa, WebGL:ää ja WebRTC:tä.

Tulos voi olla melko vaikuttava ja johtaa sitoutumiseen ja vuorovaikutukseen, joka saa käyttäjät haluamaan lisää.

WebAR on lyhenne sanoista Web-based Augmented Reality (verkkopohjainen lisätty todellisuus), ja se on suhteellisen uusi tekniikka, joka ei vaadi toimiakseen mobiilisovellusta. Käyttäjät voivat käyttää AR-kokemuksia suoraan älypuhelimestaan käyttämällä natiivia kameraa ja mobiiliselainta. Tämä saumaton käyttökokemus on yksi tärkeimmistä syistä, miksi WebAR:n suosio kasvaa nopeasti.

Seuraavassa on esimerkkejä Web AR:ää käyttävistä verkkosivustoista, jotka voivat inspiroida omia projektejasi.

Katso lisää

1. McLarenin teknologiakeskus Google Mapsissa.

Tämä saattaa olla interaktiivisin kartta, jonka olet koskaan nähnyt. Aiemmin tänä vuonna Google aloitti yhteistyön McLaren Racingin kanssa, jonka avulla voit mennä heidän tiloihinsa Web AR:n avulla melkein mistä tahansa.

Google kuvailee hanketta seuraavasti:

"Kilpaurheilufanit voivat kurkistaa läheltä McLarenin konepellin alle täysin uuden Street View -malliston ansiosta. Siitä lähtien, kun Googlesta tuli Formula 1 -tiimin virallinen kumppani viime vuonna, olemme työskennelleet luodaksemme eksklusiivisen Street View -kokemuksen, joka vie fanit kulissien taakse McLaren Technology Centeriin, McLaren Racingin päämajaan ja McLarenin Formula 1 -tiimin kotitaloon Surreyssä,Englanti."

2. Michelob ULTRA Yosemite Yosemite Portal 2. Michelob ULTRA Yosemite Portal

Tämän web-AR-kokemuksen avulla voit viedä oluen takapihaltasi jonnekin hieman luonnonkauniimpaan paikkaan. Astut portaaliin, joka vie sinut Yosemiten kierrokselle suoraan puhelimestasi.

3. Warba World

Warba World on ensimmäinen - ja ehkä ainoa - AR-seikkailupeli talouslukutaidon alalla. Pelaajat valitsevat avatarin ja siirtyvät 3D-kartalle, joka esittää Kuwait Cityn tunnettuja maamerkkejä AR-teknologian avulla. Virtuaaliseen Kuwait Cityyn on piilotettu useita erilaisia kiinnostavia kohteita, joista jokainen avaa uuden tietokilpailutehtävän.

4. Saatchi Art -näkymä huoneessani

Web AR toimii myös sähköisessä kaupankäynnissä. Saatchi Artin View in My Room -ominaisuuden avulla voit käyttää puhelimesi kameraa nähdäksesi, miltä heidän verkkosivuiltaan löytyvä maalaus näyttäisi kotonasi. Valitse mikä tahansa taideteos ja katso View in My Room -toiminnolla, sopisiko se sinulle.

5. Hassu pupu

Silly Bunny, lasten lautakirja, on puhelimella toimiva Web AR -matka, jolla voit leikkiä kirjan kanssa. Sen avulla voit aktivoida oman Silly Bunnyn ja viedä sen seikkailuihin.

6. Zenni Optical

Zenni Optical käyttää Web AR:ää, jotta silmälasien ostaminen verkosta olisi käytännöllisempää. Voit käyttää web-kameraa mittaamaan pupillietäisyytesi, jotta saat juuri sinulle sopivat silmälasit ja voit sitten "sovittaa niitä" verkossa.

7. 1 Paikka

Aivan kuten kotisi taideteoksia ennen ostamista, 1 Place soveltaa samaa mallia huonekaluihin. Lisäksi voit pyörittää ja liikuttaa huonekaluja ja nähdä ne jokaisesta kulmasta hiiren napsautuksella.

8. Brett Williams

Jos olet AR:n kanssa leikkivä suunnittelija/kehittäjä, voit käyttää sitä ansioluettelossasi, kuten Brett Williams tekee tässä. Tämä on hauska tapa näyttää taitosi ja se, mitä voit tehdä immersiivisessä kokemuksessa. Hän tarjoaa myös LinkedIn-ansioluettelon, jos haluat nähdä sen perinteisemmässä muodossa.

9. Pha5e

Luo virtuaalipuutarha kokemuksella, joka alkaa kolmiulotteisella animaatiolla työpöydälläsi, ja kun olet valmis ja tyytyväinen siihen, mitä olet tähän mennessä tehnyt, voit siirtyä puhelimeesi lisätyn todellisuuden pariin.

10. Shrink Ray Instagram -suodatin

Web AR toimii hyvin muiden sovellusten sisällä. Shrink Ray on lisätyssä todellisuudessa, jossa käyttäjät voivat olla suoraan vuorovaikutuksessa kulutustavaroiden kanssa ja nähdä, miten inflaatio on vaikuttanut ostovoimaan.

Päätelmä

Web AR:ssa on hienoa se, että sen toimimiseksi ei tarvitse suunnitella ja kehittää sovellusta. Kyseessä on kokonaan web-pohjainen selainteknologia. Vaikka tällaisia sivustoja ei ole vielä paljon, odotamme niiden käytön vain kasvavan.

Voitko kuvitella käyttäväsi Web AR:ää tulevassa projektissasi? Haluatko tietää lisää? What is Web AR? on loistava resurssi, jossa on paljon tietoa tästä teknologiasta.