Жақсы жасалған Web AR тәжірибесінің 10+ мысалы

Веб-негізіндегі толықтырылған шындық - пайдаланушыларға қосымша қолданбаны қажет етпей-ақ жұмыс үстелі немесе телефон арқылы браузердегі шынайы тәжірибемен өзара әрекеттесуге мүмкіндік беретін веб-сайт дизайнындағы өсіп келе жатқан үрдіс. . Бұл технология барлығын аздап алады және әзірлеу үшін көбінесе HTML5, Web Audio, WebGL және WebRTC кіреді.

Нәтиже өте әсерлі болуы мүмкін және пайдаланушылардың көбірек қалауын қамтамасыз ететін белсенділік пен өзара әрекеттесу деңгейіне әкеледі.

WebAR — веб-негізделген толықтырылған шындықтың қысқаша нұсқасы және бұл мобильді қолданбаның жұмыс істеуін қажет етпейтін салыстырмалы түрде жаңа технология. Пайдаланушылар жергілікті камера мен мобильді веб-шолғышты пайдаланып AR тәжірибесіне тікелей смартфондарынан қол жеткізе алады. Бұл үздіксіз пайдаланушы тәжірибесі WebAR танымалдылығының жылдам өсуінің негізгі себептерінің бірі болып табылады.

Міне, жобаларыңызды шабыттандыру үшін Web AR қолданатын веб-сайттардың кейбір мысалдарын қараңыз.

Толығырақ

1. Google Maps-тегі McLaren технологиялық орталығы

Бұл сіз көрген ең интерактивті карта болуы мүмкін. Осы жылдың басында Google McLaren Racing компаниясымен серіктестік орнатты, ол сізге кез келген жерден Web AR көмегімен өз мекемесіне кіруге мүмкіндік береді.

Google жобаны былай сипаттайды:

«Жарыс жанкүйерлері толығымен жаңа Street View топтамасының арқасында McLaren капюшонының астынан жақыннан көре алады. Google ресми болғаннан беріӨткен жылы Формула 1 командасының серіктесі ретінде біз жанкүйерлерді McLaren технологиялық орталығында, McLaren Racing штаб-пәтерінде және Суррейдегі (Англия) McLaren Formula 1 командасының үйінде сахна артына апаратын эксклюзивті Street View тәжірибесін жасау үшін жұмыс жасадық. .”

2. Michelob ULTRA Yosemite порталы

Бұл Web AR тәжірибесі сыраны аулаңыздан біршама әдемірек жерге апаруға мүмкіндік береді. Сіз телефоныңыздан Йосемитке саяхатқа апаратын порталға кіресіз.

3. Warba World

Warba World қаржылық сауаттылықтағы бірінші және мүмкін жалғыз AR шытырман оқиғалы ойын. Ойыншылар аватарды таңдайды және AR технологиясын қолдана отырып, Кувейт қаласындағы белгілі жерлерді көрсететін 3D картасына тасымалданады. Осы виртуалды Кувейт қаласында жасырынған әр түрлі қызықты орындар бар, олардың әрқайсысы жаңа тривиальды тапсырманы ашады.

4. Saatchi Art View in My Room

Web AR электрондық коммерция үшін де жұмыс істейді. Saatchi Art ұсынған «Менің бөлмемдегі көрініс» мүмкіндігі телефон камерасын пайдаланып, олардың веб-сайтындағы кескіннің сіздің үйіңізде қандай болатынын көруге мүмкіндік береді. Кез келген өнер туындысын таңдап, оның сіз үшін жұмыс істейтінін көру үшін «Менің бөлмемде қарау» түймесін басыңыз.

5. Ақымақ қоян

Ақылсыз қоян, балаларға арналған кітап кітабында кітаппен бірге ойнауға болатын телефонға негізделген Web AR саяхаты бар. Бұл сізге өзіңіздің Ақымақ қояныңызды белсендіруге және оны шытырман оқиғаларға апаруға мүмкіндік береді.

6. Zenni Optical

Zenni Optical көзілдірікті онлайн сатып алуды тиімдірек ету үшін Web AR пайдаланады. Сіз веб-камераны пайдаланып, көзілдіріктің қашықтығын өлшеуге көмектесіп, дұрыс сәйкес келетін көзілдірікті алыңыз, содан кейін оларды онлайн режимінде «тағыңыз».

7. 1 орын

Сатып алудан бұрын үйіңіздегі өнер туындысын көру мүмкіндігі сияқты, 1 орын бірдей үлгіні алып, оны жиһазға қолданады. Оған қоса, тінтуірдің сипауымен әр бұрыштан көру үшін бөліктерді айналдыруға және жылжытуға болады.

8. Бретт Уильямс

Егер сіз AR-мен ойнайтын дизайнер/әзірлеуші ​​болсаңыз, оны Бретт Уильямс сияқты түйіндемеңіз үшін пайдалана аласыз. Бұл дағдыларды және иммерсивті тәжірибеде не істей алатыныңызды көрсетудің қызықты тәсілі. Егер сіз оны дәстүрлі форматта көргіңіз келсе, ол LinkedIn түйіндемесін береді.

9. Pha5e

Жұмыс үстеліңізде үш өлшемді анимациядан басталатын тәжірибесі бар виртуалды бақ жасаңыз және аяқтаған кезде, егер сіз осы уақытқа дейін жасаған ісіңізге риза болсаңыз, өз бетіңізше ауыса аласыз. кеңейтілген шындық үшін телефон.

10. Shrink Ray Instagram сүзгісі

Web AR басқа қолданбаларда жақсы ойнайды. Shrink Ray – кеңейтілген шындықта, мұнда пайдаланушылар тұтыну тауарларымен тікелей әрекеттесе алады және инфляцияның сатып алу қабілетіне қалай әсер еткенін көре алады.

Қорытынды

Web AR-дың керемет жағы мынада: дизайн жасаудың қажеті жоқ. және оның жұмыс істеуі үшін қолданбаны жасаңыз.Мұның бәрі веб-негізделген, браузер технологиясы. Дәл қазір бұл сайттардың тоннасы болмаса да, біз тек пайдаланудың өсуін күтеміз.

Алдағы жобада Web AR қолданып жатқаныңызды көре аласыз ба? Толығырақ білгіңіз келе ме? Web AR дегеніміз не? бұл технология туралы көптеген ақпараты бар тамаша ресурс.