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!" |
|
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 |
|
Three.js Three.js é uma biblioteca 3D popular para criar experiências envolventes. Saiba mais sobre three.js e explore exemplos. |
|
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. |
Consulte também
- Especificação da API do Dispositivo WebXR
- Documentação da API do Dispositivo WebXR
- Exemplos de WebXR
- Immersiveweb.dev
- Utilizar Babylon.js para criar experiências WebXR
- WebGL API
- API do Gamepad e Extensões do Gamepad
- Windows Mixed Reality e o novo Microsoft Edge
- Lidar com o Contexto Perdido no WebGL
- Ponteiro
- glTF
- Grupo de comunidade Web envolvente
- Github W3C Web Envolvente