A-Frame es un marco web de código abierto para crear experiencias de realidad virtual (VR). [2] Es mantenido por desarrolladores de Supermedium (Diego Marcos, Kevin Ngo) y Google (Don McCurdy). A-Frame es un marco de sistema de componentes de entidad para Three.js donde los desarrolladores pueden crear escenas 3D y WebVR usando HTML . HTML proporciona una herramienta de creación familiar para los desarrolladores y diseñadores web, al tiempo que incorpora un patrón de desarrollo de juegos popular utilizado por motores como Unity .
Desarrollador (es) | Diego Marcos, Don McCurdy, Kevin Ngo |
---|---|
Versión inicial | Diciembre de 2015 |
Lanzamiento estable | 1.2.0 / 5 de febrero de 2021 [1] |
Repositorio | |
Escrito en | JavaScript |
Plataforma | Multiplataforma |
Tipo | Marco de JavaScript |
Licencia | Licencia MIT |
Sitio web | aframe |
Historia
A-Frame se desarrolló originalmente dentro del equipo de Mozilla VR entre mediados y finales de 2015. [3] A-Frame se creó para permitir a los desarrolladores y diseñadores web crear experiencias 3D y VR [4] con HTML sin tener que saber WebGL. [5] El primer lanzamiento público de A-Frame fue el 16 de diciembre de 2015. [6] El 16 de diciembre de 2019, se lanzó la versión 1.0.0 de A-Frame. [7]
Comunidad
Todos los IDE en línea admiten A-Frame como resultado de estar basados en HTML. La documentación está disponible para la API. [8] El soporte para los desarrolladores que se comprometen con la biblioteca se proporciona a través de problemas de GitHub, mientras que el soporte para los desarrolladores que crean aplicaciones y páginas web se proporciona a través de StackOverflow. [9] Se proporciona soporte en línea en tiempo real a través de Slack . [10] La mayoría de los desarrolladores también están en Twitter [ cita requerida ] .
Uso
El software de la sala de chat Mozilla Hubs utiliza A-Frame. [11]
Ejemplo
position = "-1 0.5 -3" rotacion = "0 45 0" color = "# 4CC3D9" > position = "0 1.25 -5" radio = "1.25" color = "# EF2D5E" > position = "1 0.75 -3" radius = "0.5" height = "1.5" color = "# FFC65D" > position = "0 0 -4" rotacion = "-90 0 0" width = "4" height = "4" color = "# 7BC8A4" > color = "#ECECEC" >