10+ прыкладаў вэб-дапоўненай рэальнасці, зробленай добра

Вэб-дапоўненая рэальнасць з'яўляецца расце тэндэнцыяй у дызайне вэб-сайтаў, якая дазваляе карыстальнікам узаемадзейнічаць з рэалістычным вопытам з працоўных сталоў або тэлефонаў у браўзеры без неабходнасці дадатковых праграм . Гэтая тэхналогія патрабуе ўсяго патроху і часта ўключае HTML5, Web Audio, WebGL і WebRTC для распрацоўкі.

Вынік можа быць даволі ўражлівым і прыводзіць да ўзроўню ўзаемадзеяння і ўзаемадзеяння, які прымушае карыстальнікаў жадаць большага.

WebAR - гэта скарачэнне ад Web-based Augmented Reality, і гэта адносна новая тэхналогія, для функцыянавання якой не патрабуецца мабільнае прыкладанне. Карыстальнікі могуць атрымаць доступ да вопыту AR непасрэдна са сваіх смартфонаў з дапамогай роднай камеры і мабільнага вэб-браўзера. Такі бесперашкодны карыстацкі досвед з'яўляецца адной з галоўных прычын хуткага росту папулярнасці WebAR.

Вось некаторыя прыклады вэб-сайтаў, якія выкарыстоўваюць WebAR для натхнення на вашы праекты.

Паказаць больш

1. Тэхналагічны цэнтр McLaren на Google Maps

Магчыма, гэта самая інтэрактыўная карта, якую вы калі-небудзь бачылі. Раней у гэтым годзе Google запусціў партнёрства з McLaren Racing, якое дазваляе вам заходзіць на іх прадпрыемства з дапамогай Web AR практычна з любога месца.

Вось як Google апісвае праект:

«Аматары гонак могуць зблізку паглядзець пад капот McLaren дзякуючы цалкам новай калекцыі Street View. Так як Google стаў афіцыйнымпартнёрам каманды Формулы-1 у мінулым годзе, мы працавалі над стварэннем эксклюзіўнага віду Street View, які перанясе заўзятараў за кулісы Тэхналагічнага цэнтра McLaren, штаб-кватэры McLaren Racing і дома каманды McLaren Formula 1 у Сурэі, Англія .”

2. Michelob ULTRA Yosemite Portal

Гэты вопыт Web AR дазваляе вам перанесці піва са свайго двара ў больш маляўнічае месца. Вы ўваходзіце на партал, які вядзе вас у тур па Ёсеміці прама са свайго тэлефона.

3. Warba World

Warba World - гэта першая і, магчыма, адзіная прыгодніцкая гульня з дапоўненай рэальнасцю ў галіне фінансавай граматнасці. Гульцы выбіраюць аватар і трапляюць на 3D-карту, якая прадстаўляе вядомыя славутасці Кувейта з выкарыстаннем тэхналогіі AR. У гэтым віртуальным горадзе Кувейт схавана мноства розных цікавых месцаў, кожная з якіх адкрывае новую дробязь.

4. Saatchi Art View in My Room

Web AR таксама працуе для электроннай камерцыі. Функцыя View in My Room ад Saatchi Art дазваляе вам выкарыстоўваць камеру тэлефона, каб убачыць, як карціна з іх вэб-сайта будзе выглядаць у вашым доме. Проста выберыце любы твор мастацтва, а затым праглядзіце ў маім пакоі, каб убачыць, ці падыдзе ён вам.

5. The Silly Bunny

The Silly Bunny, дзіцячая настольная кніга, мае вэб-дапоўненае падарожжа з дапамогай тэлефона, у якое вы можаце пагуляць разам са сваёй кнігай. Гэта дазваляе актываваць вашага ўласнага Дурнага труса і браць яго ў прыгоды.

6. Zenni Optical

Zenni Optical выкарыстоўвае Web AR, каб зрабіць набыццё ачкоў у Інтэрнэце больш практычным. Вы можаце выкарыстоўваць сваю вэб-камеру, каб дапамагчы вымераць адлегласць да зрэнак, каб атрымаць пару акуляраў, якія падыходзяць як раз, а потым «прымерыць» іх у інтэрнэце.

7. 1 Place

Падобна таму, як вы можаце ўбачыць твор мастацтва ў вашым доме, перш чым купіць, 1 Place бярэ тую ж мадэль і прымяняе яе да мэблі. Акрамя таго, вы можаце круціць і перамяшчаць фігуры, каб убачыць іх з усіх вуглоў адным пстрычкай мышы.

8. Брэт Уільямс

Калі вы дызайнер/распрацоўшчык і гуляеце з AR, вы можаце выкарыстоўваць яго для свайго рэзюмэ, як гэта робіць Брэт Уільямс. Гэта цікавы спосаб прадэманстраваць навыкі і тое, што вы ўмееце рабіць у захапляльным вопыце. Ён таксама прапануе рэзюмэ LinkedIn, калі вы хочаце бачыць яго ў больш традыцыйным фармаце.

9. Pha5e

Стварыце віртуальны сад з вопытам, які пачынаецца з трохмернай анімацыі на працоўным стале, і калі вы скончыце, калі вы задаволены тым, што вы зрабілі да гэтага часу, вы можаце перайсці на ваш тэлефон для больш дапоўненай рэальнасці.

10. Shrink Ray Instagram Filter

Web AR добра гуляе ў іншых праграмах. Shrink Ray знаходзіцца ў дапоўненай рэальнасці, дзе карыстальнікі могуць непасрэдна ўзаемадзейнічаць са спажывецкімі таварамі і бачыць, як інфляцыя паўплывала на пакупніцкую здольнасць.

Выснова

Што цікава ў Web AR, так гэта тое, што вам не трэба распрацоўваць і распрацаваць прыкладанне для яго працы.Усё гэта вэб-тэхналогія браўзера. Нягледзячы на ​​​​тое, што такіх сайтаў зараз мала, мы чакаем, што іх выкарыстанне будзе толькі расці.

Ці маглі б вы выкарыстоўваць Web AR у будучым праекце? Хочаце ведаць больш? Што такое Web AR? гэта выдатны рэсурс з вялікай колькасцю інфармацыі аб гэтай тэхналогіі.