WebVR - Realidad Virtual con A-Frame para principiantes
por David Navarro
Introduce A-Frame para crear webs en realidad virtual: entidades, escenas, imágenes 360, texturas, objetos 3D, animaciones, iluminación, interacción y movimiento.
Recomendado, valoración editorial 4 de 5
verificado 2026-09-08 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por David Navarro (2 h 08 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 8 de septiembre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que quieren una primera toma de contacto con la realidad virtual en el navegador usando A-Frame.
- Nivel
- Principiante
- Duración
- 2 h 08 min · 34 lecciones
- Precio
- Gratis en Udemy
- Autor
- David Navarro
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 8 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Introducción breve y ordenada a A-Frame, con un recorrido claro desde escenas básicas hasta interacción y movimiento. Adecuada para quien empieza en realidad virtual web; conviene comprobar que la versión de A-Frame siga vigente.
Puntos fuertes
- Estructura clara y progresiva, de lo básico a la interacción y el movimiento.
- Lista concreta de contenidos en la descripción.
- Duración contenida (unas 2 horas) con 34 lecciones cortas.
A tener en cuenta
- La fecha de publicación no figura y WebVR es un campo que cambia rápido; conviene comprobar la versión de A-Frame.
- Solo cubre lo básico; no se menciona un proyecto final ni ejercicios.
- La descripción menciona dispositivos como Oculus Rift y HTC Vive, que pueden estar desfasados.
De qué trata
Curso de unas 2 horas y 34 lecciones que presenta A-Frame, un framework de WebVR para crear páginas web total o parcialmente en realidad virtual. Parte de los conceptos básicos: componentes primitivos, entidades, escenas, imágenes de 360 grados y texturas.
Después pasa a importar objetos 3D en formato .obj y .glTF, animarlos, trabajar la iluminación, interactuar con los objetos y gestionar el movimiento. También enseña a abrir y utilizar el inspector visual. Está planteado para principiantes y menciona compatibilidad con Oculus Rift y HTC Vive.
- Componentes primitivos y entidades de A-Frame
- Imágenes 360 y texturas en la escena
- Importar objetos 3D .obj y .glTF
- Animaciones, iluminación y movimiento
- Uso del inspector visual
Para quién es este curso
- Personas que quieren una primera toma de contacto con la realidad virtual en el navegador usando A-Frame.
- Desarrolladores web que quieran añadir elementos 3D o escenas 360 a sus páginas.
- Aficionados al 3D o a los videojuegos que busquen un punto de partida sencillo en WebVR.
Mejor busca otro si…
- Quien ya domine A-Frame y busque temas avanzados: el curso se presenta como de conceptos básicos.
- Quien busque desarrollo de realidad virtual con otros motores: el curso se centra en WebVR con A-Frame.
Antes de empezar
La información publicada del curso no detalla requisitos previos.
Qué sabrás hacer al terminar
- Crear entidades y escenas con los componentes primitivos de A-Frame.
- Insertar imágenes de 360 grados y añadir texturas a los objetos.
- Importar objetos 3D en formato .obj y .glTF.
- Animar objetos y trabajar la iluminación de una escena.
- Utilizar el inspector visual de A-Frame.
Estructura del curso
- 01
Bienvenida e introducción
Presentación del curso y de la realidad virtual en la web como punto de partida.
- 02
Conceptos básicos de A-Frame
Componentes primitivos, entidades, escenas, imágenes de 360 grados y texturas para los objetos.
- 03
Importar objetos 3D
Incorporación de modelos 3D en formato .obj y .glTF a la escena.
- 04
Animaciones e iluminación
Cómo animar objetos y configurar la iluminación de la escena.
- 05
Interacción y movimiento
Cómo interactuar con los objetos y gestionar el movimiento dentro de la escena.
Capítulos del vídeo
- 01Bienvenida al curso
- 02Introducción
- 03Conceptos básicos de A-Frame
- 04Importar objetos 3D
- 05Animaciones
- 06Iluminación
- 07Interactuar con objetos
- 08Movimiento
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Semana 1, sesión 1: bienvenida, introducción y conceptos básicos; crea tu primera escena con entidades y una imagen 360.
- 2.Semana 1, sesión 2: importar objetos 3D; prueba con un modelo .obj y otro .glTF.
- 3.Semana 2, sesión 1: animaciones e iluminación; anima un objeto y cambia las luces.
- 4.Semana 2, sesión 2: interacción y movimiento; combina todo en una escena propia.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Sigue el curso con un editor abierto y reproduce cada ejemplo antes de avanzar.
- Abre el inspector visual mientras practicas para ver cómo cambian las entidades.
- Al importar objetos 3D, prueba con modelos distintos para comparar los formatos .obj y .glTF.
- Al terminar, crea una escena propia que reúna imágenes 360, objetos, animación e interacción.
Antes y después de este curso
- Antes de este cursoFundamentos de Programación Web para PrincipiantesAporta bases de programación web útiles antes de trabajar con A-Frame en el navegador.
- Antes de este cursoCurso de HTML desde 0A-Frame se escribe con etiquetas HTML, así que conocer HTML ayuda.
Cómo lo presenta David Navarro
Crea webs y videojuegos 3D para el navegador en Realidad Virtual ( VR ). Compatible con Oculus Rift y HTC Vive
Actualmente me encuentro realizando tutoriales en Youtube en un canal llamado "DAVIDNAVARRODEV" ( youtube(punto)com/davidnavarrodev ) y realizando cursos online en www.davidnavarro.dev En este curso aprenderás los conceptos básicos de A-Frame, con los que serás capaz de realizar páginas…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito experiencia previa?
El curso se presenta para principiantes y no indica requisitos previos concretos.
+¿Cuánto dura?
Unas 2 horas (128 minutos) repartidas en 34 lecciones. Con práctica, puede completarse en un par de semanas.
+¿Qué formatos de objetos 3D se importan?
Según la descripción, objetos 3D en formato .obj y .glTF.
+¿Qué contenidos cubre?
Entidades, escenas, imágenes 360, texturas, objetos 3D, animaciones, iluminación, interacción con objetos, movimiento y el inspector visual.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de David Navarro; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.