Articulo de referencia

A-Frame (software)

{{cite web |title=A-Frame |url=https://github.com/aframevr/aframe/blob/master/CHANGELOG.md |publisher=A-Frame |access-date=31 January 2026 |date=1 April 2025}} "},"programming l...

A-Frame es un framework web de código abierto , escrito en JavaScript, para crear experiencias de realidad virtual (RV). [ 2 ] Es mantenido por desarrolladores de Supermedium (Diego Marcos, Kevin Ngo) y Google (Don McCurdy). A-Frame es un framework de sistema de componentes de entidades para Three.js donde los desarrolladores pueden crear escenas 3D y WebXR usando HTML . HTML proporciona una herramienta de autoría familiar para desarrolladores y diseñadores web a la vez que incorpora un patrón popular de desarrollo de juegos utilizado por motores como Unity .

Historia

A-Frame fue desarrollado originalmente dentro del equipo de Mozilla VR a mediados y finales de 2015. [ 3 ] A-Frame fue creado para permitir a los desarrolladores y diseñadores web crear experiencias 3D y VR [ 4 ] con HTML sin necesidad de conocer 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 debido a que están basados ​​en HTML. La documentación está disponible para la API. [ 8 ] El soporte para desarrolladores que contribuyen a la biblioteca se proporciona a través de incidencias de GitHub, mientras que el soporte para desarrolladores que crean aplicaciones y páginas web se proporciona a través de StackOverflow. [ 9 ] El soporte en línea en tiempo real se proporciona a través de Slack . [ 10 ]

Uso

El software de sala de chat Mozilla Hubs utiliza A-Frame. [ 11 ]

Ejemplo

<html> <head> <script src= "https://aframe.io/releases/1.3.0/aframe.min.js" ></script> </head> <body> <a-scene> <a-box position= "-1 0.5 -3" rotation= "0 45 0" color= "#4CC3D9" ></a-box> <a-sphere position= "0 1.25 -5" radius= "1.25" color= "#EF2D5E" ></a-sphere> <a-cylinder position= "1 0.75 -3" radius= "0.5" height= "1.5" color= "#FFC65D" ></a-cylinder> <a-plane position= "0 0 -4" rotation= "-90 0 0" width= "4" height= "4" color= "#7BC8A4" ></a-plane> <a-sky color= "#ECECEC" ></a-sky> </a-scene> </body> </html>

Véase también

Referencias

  1. "Estructura en A" . Estructura en A. 1 de abril de 2025. Consultado el 31 de enero de 2026 .
  2. "Estructura en A" . Estructura en A. Consultado el 25 de octubre de 2016 .
  3. "Presentamos A-Frame: bloques de construcción para WebVR" . Blog de Mozilla VR . 16 de diciembre de 2015. Archivado del original el 10 de septiembre de 2017. Consultado el 26 de octubre de 2016 .
  4. Lang, Ben (16 de diciembre de 2015). "Mozilla A-Frame: WebVR comenzando con una línea de código" . Camino a la realidad virtual . Recuperado el 25 de octubre de 2016 .
  5. "Mozilla facilita la creación de sitios web de realidad virtual con 'A-Frame'"" . Engadget . 17 de diciembre de 2015 . Consultado el 25 de octubre de 2016 .
  6. "Mozilla lanza el marco A-Frame WebVR" . AR VR Magazine . 18 de diciembre de 2015. Archivado del original el 10 de septiembre de 2017. Consultado el 25 de octubre de 2016 .
  7. "A-Frame v1.0.0 - Compatibilidad con WebXR, modo AR" . A-Frame . Consultado el 30 de marzo de 2020 .
  8. "Introducción — A-Frame" . aframe.io . Consultado el 25/10/2016 .
  9. "Preguntas más recientes sobre 'aframe'" . stackoverflow.com . Consultado el 25 de octubre de 2016 .
  10. Slack. "Slack" . aframe.io . Consultado el 25 de octubre de 2016 .
  11. "mozilla/hubs" . Mozilla. 29 de marzo de 2020. Consultado el 30 de marzo de 2020 .
  • Sitio web oficial