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: 3 de Agosto
Duración: +6 horas
(Ver temario)
Calificación: 4.9
(Ver 16 opiniones)

Comparte:

Acerca de este curso

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?

  • 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?

¿A quién está dirigido este curso?

  • Desarrolladores web y aficionados de la Realidad Virtual.
  • Programadores JavaScript que quieran agregar implementar Realidad Virtual en sus proyectos.

Profesor del curso

Avatar

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)

Profesor del curso

Avatar

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

HTML Desde Cero

Avatar

Alvaro Felipe

5

4.9

JavaScript desde cero

JavaScript desde cero

Avatar

Beto Quiroga

5

4.8

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.7

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

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

Mostrar precios en

USD

Obtén cuatro meses gratis
al adquirir un plan anual

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

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+181 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reproducción automática de clases

  • Continúa estudiando en el segundo exacto donde te quedaste

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+181 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reproducción automática de clases

  • Continúa estudiando en el segundo exacto donde te quedaste

  • Ver todas las características

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

Sólo este curso

$28USD

$30 20 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?

16 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Sigue aprendiendo con

HTML Desde Cero

HTML Desde Cero

Avatar

Alvaro Felipe

5

4.9

JavaScript desde cero

JavaScript desde cero

Avatar

Beto Quiroga

5

4.8

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.7