WebVR - Realidad Virtual con A-Frame para principiantes

Crea webs y videojuegos 3D para el navegador en Realidad Virtual ( VR ). Compatible con Oculus Rift y HTC Vive

4.80 (260 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
13,125
students
2 hours
content
Dec 2019
last update
FREE
regular price

What you will learn

Hacer webs con elementos en 3D

Componentes y elementos necesarios para el 3D

Qué son imágenes en 360 y cómo añadirlas a tu web

Crear escenas interactivas en 3D

Description

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 web total o parcialmente en Realidad Virtual (VR).

¿Qué veremos en este curso?

  • Los componentes primitivos más importantes de A-Frame

  • Crear entidades

  • Insertar imágenes de 360 a nuestra web

  • Crear escenas

  • Añadir texturas a los objetos

  • Importar objetos 3D en formato .obj y .glTF

  • Animar objetos

  • Abrir y utilizar el inspector visual

Con este framework de WebVR, crear proyectos en realidad virtual para una web será muy fácil, y quién sabe si te acabas enamorando de A-Frame y te conviertes en WebVR Developer!

Content

Bienvenida al curso

Me presento

Introducción

Qué es WebVR y A-Frame
Editor de texto: Brackets
Cómo utilizar A-Frame

Conceptos básicos de A-Frame

Position | Posicionar un objeto
Rotation | Rotar un objeto
Scale | Escalar un objeto
PRIMITIVOS vs ENTIDADES
Cámara
Aplicar Textura y Normal a un objeto
Plano | Crear el suelo
Sky | Cielo e imágenes 360º
Abrir el Inspector Visual

Importar objetos 3D

Importar objetos 3D glTF
Importar objetos 3D OBJ

Animaciones

Introducción a las animaciones
Attribute
Begin y Delay
Fill
Direction
Easing

Iluminación

Spot Light
Ambient Light
Directional Light
Hemisphere Light
Point Light
Sombras

Interactuar con objetos

Cursor primitivo
Añadir evento click
Utilizar evento Fuse
Eventos MouseEnter y MouseLeave
Obtener información adicional de los eventos

Movimiento

Movimiento y alternativas a la cámara
El final

Screenshots

WebVR -  Realidad Virtual con A-Frame para principiantes - Screenshot_01WebVR -  Realidad Virtual con A-Frame para principiantes - Screenshot_02WebVR -  Realidad Virtual con A-Frame para principiantes - Screenshot_03WebVR -  Realidad Virtual con A-Frame para principiantes - Screenshot_04

Reviews

Fabio
August 23, 2023
Para um curso gratuito, é muito bom. Vale a pena, pois a partir daí se abre possibilidades para seguir em frente com A-frame
Jefferson
May 19, 2023
Amigo, excelente curso, te felicito, espero puedas hacer cursos más especializados y con mayor contenido
Christian
May 19, 2022
Muy buen curso lo super recomiendo para cualquier persona que quiera aprender sobre realidad virtual y sobre el uso de aframe 10/10
Francisco
March 22, 2021
Es un buen curso para empezar las clases son faciles de seguir y el instructor explica de forma sencilla por lo que no hay problema para seguir el ritmo
Pedro-Jesús
July 21, 2020
Fue una elección estupenda, a pesar de ser gratuito, de momento tiene calidad, con muy buenas explicaciones y apenas fallos.
Jhon
May 2, 2020
Pienso que faltaron más cosas como el ambient occlusion, profundizar con sombras pero en general es bueno para alguien que no tenga ni idea de qué se trata a-frame
Miguel
April 16, 2020
por ser un curso gratuito la verdad que esta bien y he aprendido las bases de A-Frame. Gracias al profe.
Antonio
April 13, 2020
es facil de entender para un principiante, ademas de mostrar los ejemplos claramente, me encanta como esta progresando el curso
Diego
January 20, 2020
Esta muy bien, Se nota que sabe mucho, le falta un poco de docencia, mucha información de golpe para un novato. Pero por otro lado, es una magnífico resumen de A-frame. Es como para programar pero con el manual de A-frame al lado de uno. Presenta muy bien los conceptos introductorios. Lo demás corre por cuenta de uno mismo. Al usuario: Terminenlo. Buen Curso. Pulgar arriba.
Joel
April 22, 2019
El curso está bien como iniciación, y te quedan ganas de seguir aprendiendo más, por ejemplo si se puede insertar video ya pregrabado en 360º o si hay integración con Unity o Unreal. Quizás me falta esto, que el profesor profundice en algunos conceptos y que podía haber incluido un ejemplo de paso a paso de como crear un entorno virtual con más nivel de detalle, incorporando objetos 3d importados de otras aplicaciones o video 360º. Y también como insertar el código generado del proyecto creado, en una web y en una web creada en Wordpress. Por lo demás, como introducción a esta aplicación, está correcto.
Marc
November 6, 2018
Me ha gustado tanto la manera de explicar y la sencillez con lo que lo enseña que he tenido que verme más de la mitad del curso. Lo recomiendo 100%.

Charts

Price

WebVR -  Realidad Virtual con A-Frame para principiantes - Price chart

Rating

WebVR -  Realidad Virtual con A-Frame para principiantes - Ratings chart

Enrollment distribution

WebVR -  Realidad Virtual con A-Frame para principiantes - Distribution chart
1935784
udemy ID
9/27/2018
course created date
12/5/2019
course indexed date
Bot
course submited by