Desenvolvimento WebXR com JavaScript

O JavaScript é uma das linguagens de programação mais populares do mundo! É simples, leve e amplamente utilizado na Web. Tire partido do poder das suas competências em JavaScript e Web para criar experiências de Mixed Reality mais envolventes.

Mixed Reality aplicações na Web

Mixed Reality funcionalidades estão disponíveis na Web através de WebXR. Pode ver conteúdo de realidade virtual (VR) e realidade aumentada (AR) num browser compatível com WebXR sem instalar software ou plug-ins adicionais. Pode utilizar esse mesmo browser com um dispositivo físico, como o HoloLens 2.

A API de Dispositivo WebXR destina-se a aceder a dispositivos de realidade virtual (VR) e de realidade aumentada (AR), incluindo sensores e ecrãs montados na cabeça, na Web. A API de Dispositivo WebXR está disponível no Microsoft Edge e no Chrome versão 79 e as versões posteriores suportam o WebXR como predefinição. Pode verificar o estado de suporte do browser mais recente para WebXR em caniuse.com.

Nota

O WebVR foi preterido e não está disponível nos browsers atuais, pelo que não deve ser utilizado para qualquer novo desenvolvimento. Terá de migrar todas as implementações WebVR existentes para o WebXR.

Funcionalidade WebXR Disponibilidade
API de Dispositivo WebXR (w3.org) Edge 81 no Ambiente de Trabalho do Windows
Edge 91 no Hololens 2
Módulo de Realidade Aumentada WebXR – Nível 1 (w3.org) Edge 91. Apenas Hololens 2
Módulo de Introdução Manual WebXR – Nível 1 (w3.org) Edge 93. Apenas Hololens 2
Módulo De Âncoras WebXR (immersive-web.github.io) Edge 93. Apenas Hololens 2
WebXR Hit Test Module (immersive-web.github.io) Edge 93. Apenas Hololens 2

Ver WebXR

Pode ver as experiências WebXR no Windows Mixed Reality com os novos browsers Microsoft Edge e Firefox Reality. Para testar se o browser suporta WebXR, pode navegar para Exemplos WebXR no browser.

O que posso utilizar para desenvolver experiências Web envolventes?

A lista seguinte mostra as arquiteturas e APIs javaScript para criar experiências envolventes que dominam atualmente o mercado e são amplamente aceites e adotadas por programadores javaScript de realidade mista:

Arquitetura Exemplo
Babylon.js

O Babylon é um motor 3D JavaScript que facilita o desenvolvimento de conteúdos 3D e aplicações envolventes. Antes de começar a utilizar aplicações envolventes, recomendamos que aprenda as noções básicas do desenvolvimento Babylon.js.

- Saiba como criar aplicações 3D com Babylon.js: Introdução
- Experimente exemplos 3D e o respetivo código fonte com Babylon.js: Playground
- Aprofundar o WebXR
- Saiba como começar a utilizar os nossos tutoriais: Criar a sua primeira aplicação "Hello World!"
Logótipo babylonjs
Moldura A

A frame A é uma arquitetura declarativa de JavaScript que pode utilizar para começar a utilizar a Realidade Virtual na Web. Para saber mais, veja a documentação do A-Frame
Moldura A
Three.js

Three.js é uma biblioteca 3D popular para criar experiências envolventes. Saiba mais sobre three.js e explore exemplos.
Three.js
WebGL

Pode aceder diretamente às APIs do Dispositivo WebXR através das APIs WebGL. A WebGL (Web Graphics Library) é uma API JavaScript para compor gráficos 3D e 2D interativos de alto desempenho em qualquer browser compatível sem a utilização de plug-ins.
WebGL

Consulte também

Passos seguintes – Tutoriais