Criando WebAR

Thiago Toshio Ogusko
5 min readMay 4, 2020

--

Realidade Aumentada na Web

O que é o WebAR

O WebAR fornece acesso à realidade aumentada baseada na Web por meio do navegador da Web, usando uma combinação de tecnologias, incluindo WebRTC, WebGL, WebVR e as modernas APIs de sensores.

Um mecanismo de aprendizado profundo capaz de analisar um fluxo de vídeo em tempo real no navegador da web. Visão computacional avançada para aplicativos da web. AR se torna possível em um contexto da web.

Uma estrutura em torno de um mecanismo de aprendizado profundo para gerar amostras de treinamento, instanciar redes neurais, treiná-las, executar redes de neurônios e criar aplicativos. Um sistema de ponta a ponta altamente otimizado.

óculos virtual tryon

Você pode conferir em jeeliz.com/sunglasses . Foi lançado no início de 2016 e foi o primeiro aplicativo da Web que implementa aprendizado profundo no navegador, correspondendo a um caso de uso comercial.

Neste exemplo, a rede neural insere uma imagem e emite, seja uma face ou não, qual é a posição e a rotação da face e até parâmetros de iluminação. Em seguida, o modelo 3D dos óculos é renderizado sobre o vídeo no local e orientação certos e iluminado de forma coerente. Esse processo é repetido dezenas de vezes por segundo, mais de uma vez por novo quadro de vídeo. Assim, os óculos virtuais seguem a cabeça com suavidade e precisão.

Welcome To Big Market

Navegadores suportados pela WebAR

Apple Safari / Google Chrome / Microsoft / Mozilla Firefox / Mozilla WebXR Viewer / Samsung Internet / Servo

Estruturas WebAR

Estas são apenas algumas das estruturas disponíveis.

O projeto AR.js permite AR de código aberto, gratuito, multiplataforma e sem instalação em qualquer dispositivo moderno.

Com base na biblioteca de rastreamento ARToolKit de código aberto , o JSARToolKit usa o WebGL e o Three.js para renderizar modelos 3D sobre objetos do mundo real.

Seja usada para criar um novo aplicativo de AR ou adicionar uma exibição de AR a um aplicativo da Web existente, a estrutura argon.js fornece um conjunto de abstrações e utilitários para adicionar uma exibição de AR ao seu aplicativo da Web de maneira independente de plataforma e tecnologia .

O Awe.js fornece alguns outros tipos de experiências de RA, como marcadores de realidade aumentada, AR com base em localização e sensor de movimento de salto. Ele usa a API do dispositivo WebRTC, WebGL e getUserMedia para produzir uma experiência de AR no navegador.

Three.ar.js é uma biblioteca three.js auxiliar para criar experiências na Web de AR que são executadas no WebARonARKit e WebARonARCore. WebARonARKit e WebARonARCore são aplicativos experimentais para iOS e Android que permitem que os desenvolvedores criem experiências de Realidade Aumentada (AR) usando tecnologias da web.

O X3DOM é uma estrutura de código-fonte aberto e tempo de execução para gráficos 3D na Web. Ele visa atender a especificação HTML5 atual para conteúdo declarativo em 3D e permite incluir elementos X3D como parte de qualquer árvore DOM em HTML5.

Plataformas móveis de AR

Dispositivos WebAR

Ferramentas WebAR

Estas são apenas algumas das ferramentas disponíveis para criar o WebAR.

8th Wall

Construído inteiramente usando JavaScript e WebGL compatíveis com os padrões, o 8th Wall Web é uma implementação completa do mecanismo SLAM (Localização e Mapeamento Simultâneos) do 8th Wall, hiper otimizado para RA em tempo real em navegadores móveis.

Augmania

A plataforma Augmania suporta mídia de vídeos e objetos 3D a jogos e imagens. As experiências são compartilháveis ​​instantaneamente em qualquer canal e você está sempre no controle com o acesso às análises em tempo real.

TEMOR

A plataforma AWE facilita a entrega de experiências de realidade mista por meio de navegadores da web padrão. Crie e projete seu conteúdo de Realidade mista em praticamente qualquer dispositivo, usando apenas seu navegador e awe.media.

Hololink

O Hololink é uma plataforma para criar experiências de Realidade Aumentada em qualquer navegador.

XR. +

O XR. + Visa ser uma plataforma simples e econômica para publicar experiências de AR na web para artistas, eventos e campanhas de marketing.

ZapWorks Studio

O ZapWorks Studio * da Zappar permite que designers e desenvolvedores criem experiências de AR, VR e MR totalmente personalizáveis ​​em impressão, produto, embalagem, varejo, eventos e muito mais. * O Web AR está na versão beta

Aumentando a Realidade Aumentada

Com 7,7 bilhões de pessoas vivendo na Terra e cerca de 1 bilhão delas usando o Instagram todos os meses e há formas de realidades aumentadas aumentando nossas vidas neste planeta em muitas áreas diferentes. Pode ser em educação, saúde, transporte, arte, moda, beleza, esportes — em nossas casas e muitos outros casos de no nosso dia a dia.

Para construir tudo isso basta você começar com o SparkAR, mas isso é assunto para outro post. Aumentando a Realidade Aumentada

by: jeeliz/createwebxr

--

--

Thiago Toshio Ogusko

Produtor XR trabalhando na interseção de tecnologia|narrativa, arte|educação. Combinando audiovisual e desenvolvimento de experiência imersiva XR. @the.toshio