10+ exemplos de experiencias web AR feitas ben

A realidade aumentada baseada na web é unha tendencia crecente no deseño de sitios web que permite aos usuarios interactuar con experiencias realistas desde escritorios ou teléfonos no navegador sen necesidade de aplicación adicional. . Esta tecnoloxía leva un pouco de todo e moitas veces inclúe HTML5, Web Audio, WebGL e WebRTC para desenvolver.

O resultado pode ser bastante impresionante e conduce a un nivel de interacción e interacción que fai que os usuarios queiran máis.

WebAR é a abreviatura de Realidade Aumentada baseada na web e é unha tecnoloxía relativamente nova que non require unha aplicación móbil para funcionar. Os usuarios poden acceder ás experiencias de RA directamente desde os seus teléfonos intelixentes usando a cámara nativa e o navegador web móbil. Esta experiencia de usuario perfecta é unha das principais razóns polas que WebAR está a medrar rapidamente en popularidade.

Aquí tedes unha ollada a algúns exemplos de sitios web que usan WebAR para inspirar os teus proxectos.

Ver máis

1. McLaren Technology Center en Google Maps

É posible que este sexa o mapa máis interactivo que viches nunca. A principios deste ano, Google lanzou unha asociación con McLaren Racing que che permite acceder ás súas instalacións usando Web AR desde case calquera lugar.

Así é como Google describe o proxecto:

"Os fanáticos das carreiras poden ver de preto o capó de McLaren grazas a unha colección de Street View totalmente nova. Desde que Google se fixo oficialsocio do equipo de Fórmula 1 o ano pasado, traballamos para crear unha experiencia exclusiva de Street View que leva aos fanáticos entre bastidores do McLaren Technology Center, a sede de McLaren Racing e a casa do McLaren Formula 1 Team en Surrey, Inglaterra. .”

2. Michelob ULTRA Yosemite Portal

Esta experiencia web de RA permíteche levar a túa cervexa do teu xardín traseiro a un lugar un pouco máis pintoresco. Entras nun portal que che leva a facer un percorrido por Yosemite dende o teu teléfono.

3. Warba World

Warba World é o primeiro, e quizais o único, xogo de aventuras en RA en alfabetización financeira. Os xogadores seleccionan un avatar e son transportados a un mapa 3D que representa puntos de referencia coñecidos da cidade de Kuwait mediante a tecnoloxía AR. Ocultos nesta cidade virtual de Kuwait hai varios puntos de interese diferentes, cada un desbloqueando unha nova tarefa trivial.

4. Saatchi Art View in My Room

Web AR tamén funciona para o comercio electrónico. A función Ver na miña habitación de Saatchi Art permíteche usar a cámara do teu teléfono para ver como sería unha pintura do seu sitio web na túa casa. Só tes que seleccionar calquera obra de arte e logo Ver no meu cuarto para ver se che funciona.

5. The Silly Bunny

The Silly Bunny, un libro de cartóns para nenos, ten unha viaxe de Web AR baseada no teléfono coa que podes xogar para ir co teu libro. Permíteche activar o teu propio Silly Bunny e levalo ás aventuras.

6. Zenni Optical

Zenni Optical usa Web AR para facer máis práctico a compra de lentes en liña. Podes usar a túa cámara web para axudar a medir a túa distancia pupilar para conseguir uns lentes que queden ben e "probalos" en liña.

7. 1 Place

Como poder ver a obra de arte na túa casa antes de comprar, 1 Place toma o mesmo modelo e aplícao aos mobles. Ademais, podes xirar e mover pezas para velas desde todos os ángulos cun toque do rato.

8. Brett Williams

Se es un deseñador/desenvolvedor que xoga con AR, podes usalo para o teu currículo como fai aquí Brett Williams. Esta é unha forma divertida de mostrar habilidades e o que podes facer nunha experiencia inmersiva. Tamén ofrece un currículo de LinkedIn se queres velo nun formato máis tradicional.

9. Pha5e

Crea un xardín virtual cunha experiencia que comeza cunha animación tridimensional no teu escritorio e cando remates, se estás satisfeito co que fixeches ata agora, podes pasar ao teu escritorio. teléfono para obter máis realidade aumentada.

10. Shrink Ray Instagram Filter

Web AR funciona ben dentro doutras aplicacións. Shrink Ray atópase na realidade aumentada onde os usuarios poden interactuar directamente cos bens de consumo e ver como a inflación afectou o poder de compra.

Conclusión

O bo da Web AR é que non tes que deseñar. e desenvolver unha aplicación para que funcione.Todo isto é unha tecnoloxía de navegador baseada na web. Aínda que non hai moitos destes sitios agora mesmo, só esperamos que o uso creza.

Podes verte usando Web AR nun próximo proxecto? Queres saber máis? Que é Web AR? é un gran recurso con moita información sobre esta tecnoloxía.