Introducción a la realidad virtual en la web

Curso: Introducción a la realidad virtual en la web

básico
6 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Introducción a la realidad virtual en la web

Toma este curso
Introducción a la realidad virtual en la web

Curso: Introducción a la realidad virtual en la web

básico
+6 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Introducción a la realidad virtual en la web

Introducción a la realidad virtual en la web

Crea experiencias de realidad virtual que pueden ser vistas desde cualquier navegador web.

Nivel: básico
Fecha de lanzamiento: 03 de ago.
Duración: +6 horas
(Ver temario)
Calificación: 4.8
(Ver 10 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

A-Frame es un framework web de código abierto para crear experiencias de realidad virtual. En este curso vas a aprender la simpleza y el poder de este framework desarrollado originalmente por el equipo de Mozilla VR, que te permite construir escenas de realidad virtual simples o complejas de manera muy fácil con unas pocas lineas de HTML!

¿Qué aprenderás en este curso?

  • Construir escenas de realidad virtual para la web.
  • Crear experiencias inmersivas con imágenes y video 360.
  • Conceptos de gráficas en 3D para desarrolladores.

¿Qué conocimientos previos necesitas?

Avatar

Prof. Fabio Cortés

@fabiocortesVer perfil

WebXR engineer & Creative Coder. Right now I'm working at the Laboratory for Biomolecular Modeling at EPFL.

Temario del curso

Introducción

Conocerás la historia, el avance y las posibilidades que nos brinda la realidad virtual en la web.

  • 1.1 - Bienvenidos al curso

  • 1.2 - Introducción a VR

  • 1.3 - Por qué VR en la web y De WebVR a WebXR

  • 1.4 - Estado del arte de VR en la web

Conociendo A-Frame

Aprende los conceptos básicos de WebVR con A-Frame.

  • 2.1 - Introducción al framework

  • 2.2 - Entity-Component System

  • 2.3 - Sistema de coordenadas

  • 2.4 - Primitivas

  • 2.5 - Cámara y perspectiva

Contruyendo una escena de VR

Aprende a crear escenas de VR con múltiples tipos de assets.

  • 3.1 - Texto en 3D

  • 3.2 - Animación

  • 3.3 - Asset Management System y texturas

  • 3.4 - Imágenes posicionales e imágenes 360

  • 3.5 - Video 360

  • 3.6 - Modelos 3D

  • 3.7 - Componentes externos y A-frame inspector

Controles y eventos

Conoce cómo pueden interactuar los usuarios con tu escena de VR.

  • 4.1 - Cursor y Raycasting

  • 4.2 - Manejo de eventos con Event Set

  • 4.3 - Locomotion y Teleportation

  • 4.4 - Tipos de controles

Creando nuestros propios componentes

Aprende a crear tus propios componentes en A-Frame.

  • 5.1 - Creando y registrando un componente

  • 5.2 - Schema de un componente

  • 5.3 - Ciclo de vida de un componente

Física

Añade realismo a tu escena de VR a través de propiedades físicas en los elementos.

  • 6.1 - Introducción a física en 3D

  • 6.2 - Agregando física a nuestra escena de VR

  • 6.3 - Colisiones

Iluminación en 3D

Aprende cómo iluminar tu escenas de VR.

  • 7.1 - Introducción a iluminación en 3D

  • 7.2 - Tipos de iluminación. (Parte 1)

  • 7.3 - Tipos de iluminación. (Parte 2)

Realidad aumentada con A-Frame

Conoce cómo puedes crear experiencias de realidad aumentada con A-Frame.

  • 8.1 - Modo AR en A-Frame

  • 8.2 - Controlando el modo de la escena (AR/VR)

Avatar

Prof. Fabio Cortés

@fabiocortesVer perfil

WebXR engineer & Creative Coder. Right now I'm working at the Laboratory for Biomolecular Modeling at EPFL.

Sigue aprendiendo con

HTML Desde Cero (2020)

HTML Desde Cero (2020)

Avatar

Alvaro Felipe

5

4.9

JavaScript desde cero (2020)

JavaScript desde cero (2020)

Avatar

Beto Quiroga

5

4.9

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.8

Empieza a aprender Introducción a la realidad virtual en la web

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Por  $ USD  más obtén
una suscripción anual

Premium

Ahorra $180 USD
$360180USD

El mes te sale a $30 15 USD

Ahorra 50 %

Ahorra 50 %

Ahorra 50 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$2817USD

$30 15 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

10 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Sigue aprendiendo con

HTML Desde Cero (2020)

HTML Desde Cero (2020)

Avatar

Alvaro Felipe

5

4.9

JavaScript desde cero (2020)

JavaScript desde cero (2020)

Avatar

Beto Quiroga

5

4.9

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.8