10+ примера за добре направени уеб AR изживявания

Уеб-базираната добавена реалност е нарастваща тенденция в дизайна на уебсайтове, която позволява на потребителите да взаимодействат с реалистични изживявания от настолни компютри или телефони в браузъра, без да е необходимо допълнително приложение. Тази технология изисква по малко от всичко и често включва HTML5, Web Audio, WebGL и WebRTC за разработване.

Резултатът може да бъде доста впечатляващ и да доведе до ниво на ангажираност и взаимодействие, което кара потребителите да искат още.

WebAR е съкращение от Web-based Augmented Reality (уеб базирана разширена реалност) и е сравнително нова технология, която не изисква мобилно приложение, за да функционира. Потребителите могат да получат достъп до AR преживявания директно от своите смартфони, като използват вградената камера и мобилния уеб браузър. Това безпроблемно потребителско преживяване е една от основните причини за бързото нарастване на популярността на WebAR.

Ето няколко примера за уебсайтове, използващи Web AR, които да вдъхновят вашите проекти.

Вижте повече

1. Технологичен център McLaren в Google Maps

Това може би е най-интерактивната карта, която някога сте виждали. По-рано тази година Google стартира партньорство с McLaren Racing, което ви позволява да влезете в тяхното съоръжение с помощта на Web AR почти отвсякъде.

Ето как Google описва проекта:

"Феновете на състезанията могат да надникнат отблизо под капака на McLaren благодарение на изцяло новата колекция Street View. Откакто Google стана официален партньор на отбора от Формула 1 миналата година, работихме по създаването на ексклузивно Street View изживяване, което отвежда феновете зад кулисите на Технологичния център на McLaren, централата на McLaren Racing и дома на отбора от Формула 1 McLaren в Съри,Англия."

2. Michelob ULTRA Yosemite Portal

Това уеб AR изживяване ви позволява да пренесете бирата си от задния двор на някое по-живописно място. Влизате в портал, който ви отвежда на обиколка из Йосемити директно от телефона ви.

3. Warba World

Warba World е първата - и може би единствената - AR приключенска игра в областта на финансовата грамотност. Играчите избират аватар и се пренасят на 3D карта, представяща добре познати забележителности в град Кувейт с помощта на AR технология. В този виртуален град Кувейт са скрити множество различни забележителности, всяка от които отключва нова тривиална задача.

4. Saatchi Art View in My Room

Функцията View in My Room на Saatchi Art ви позволява да използвате камерата на телефона си, за да видите как би изглеждала картина от техния уебсайт в дома ви. Просто изберете някое произведение на изкуството и след това View in My Room, за да видите дали то ще ви допадне.

5. Глупавото зайче

Детската настолна книга "Глупавото зайче" има уеб AR пътешествие, което можете да използвате заедно с книгата. То ви позволява да активирате свое собствено глупаво зайче и да го водите на приключения.

6. Zenni Optical

Zenni Optical използва Web AR, за да направи покупката на очила онлайн по-практична. Можете да използвате уебкамерата си, за да измерите разстоянието до зеницата си и да получите чифт очила, които да ви паснат точно, а след това да ги "пробвате" онлайн.

7. 1 Място

Подобно на възможността да видите произведенията на изкуството в дома си, преди да ги купите, 1 Place използва същия модел и го прилага към мебелите. Освен това можете да въртите и премествате елементите, за да ги видите от всеки ъгъл с едно движение на мишката.

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

Ако сте дизайнер/разработчик, който си играе с AR, можете да го използвате за автобиографията си, както прави Брет Уилямс тук. Това е забавен начин да покажете уменията си и какво можете да направите в едно потапящо преживяване. Той предоставя и автобиография в LinkedIn, ако искате да я видите в по-традиционен формат.

9. Pha5e

Създайте виртуална градина с изживяване, което започва с триизмерна анимация на настолния компютър, а когато приключите, ако сте доволни от направеното до момента, можете да се прехвърлите на телефона си за повече добавена реалност.

10. Филтър за свиване на лъча в Instagram

Уеб AR играе добре в други приложения. Shrink Ray е в добавената реалност, където потребителите могат да взаимодействат директно с потребителски стоки и да видят как инфлацията се е отразила на покупателната способност.

Заключение

Готиното на Web AR е, че не е необходимо да проектирате и разработвате приложение, за да работи. Това е изцяло уеб базирана технология, базирана на браузър. Въпреки че в момента няма много такива сайтове, очакваме употребата им само да расте.

Можете ли да си представите, че използвате Web AR в предстоящ проект? Искате да научите повече? Какво е Web AR? е чудесен ресурс с много информация за тази технология.