Marcos de Mixed Reality

Completado

Para crear un proyecto de Mixed Reality para la Web, necesita un par de marcos principales. Este proyecto usará WebXR y Babylon.js.

WebXR

WebXR es una tecnología que se puede usar para crear experiencias de realidad virtual (VR) y realidad aumentada (AR) en el explorador aprovechando las ventajas de WebGL. WebGL permite que el explorador use la GPU y facilita la creación de experiencias 3D.

Algunas aplicaciones de Cross Reality son específicas de un dispositivo o plataforma, mientras que WebXR es multiplataforma, por lo que funcionará en varios dispositivos y plataformas. Todo lo que necesita para crear una aplicación WebXR es JavaScript con un poco de HTML y CSS. Lo comprobará por usted mismo cuando empiece a compilar un proyecto de WebXR en la unidad siguiente.

Babylon.js

Existen varios marcos de WebXR disponibles. Aquí usaremos uno llamado Babylon.js.

Babylon.js es un marco completo de JavaScript para crear juegos y experiencias en 3D con HTML5, WebGL, WebVR y Web Audio. Babylon ahora incluye Babylon Native, lo que permite llevar estas experiencias más allá del explorador.

La capacidad de usar JavaScript para crear experiencias en 3D hace que la creación de nuevos mundos de metaverso sea aún más accesible para todos los tipos de desarrolladores. Una excelente manera de empezar a crear y aprender con Babylon.js es consultar el sitio de prueba de Babylon.js. Este sitio le permitirá probar su creación en el explorador sin necesidad de descargar nada.

Vamos a crear una escena para mostrar los jugadores del equipo de los Looney de Space Jam: Nuevas leyendas. Al seleccionar un personaje, se mostrará un icono con su valor de clasificación de eficiencia (PER). Vamos a crear la siguiente escena de Space Jam: Nuevas leyendas con Babylon.js.

Movie scene with icons for characters.

© 2021 Warner Bros. Ent. All Rights Reserved.