WebGL y Babylon.Js, para juegos en 3D

Algo m�s que 3D en Web

4.7

Course in Spanish

30 days Money Back Guarantee
Certificate of Completion
More than 2 hours of content
Additional Material
Lifetime
access

Teacher: Oscar Josu� Uh P�rez

Details

Description

Babylon.js es un framework de JavaScript completo para la creación de juegos 3D con HTML5 y WebGL, maneja: Cámaras, colisiones, Sprites, texturas, partículas, Modelos 3D y muchas más características que te ayudarán a construir de manera sencilla y fácil un juego en 3D con Webgl.

Al final del curso: los estudiantes podrán crear juegos utilizando la librería babylon.js, así como también tendrán la capacidad de generar aplicaciones 3D sencillas.

¿Quién puede tomar este curso? Todo aquel estudiante interesado a conocer la manipulación de modelos en web, y aquel estudiante interesado en crear aplicaciones web 3D para juegos u otras necesidades.

¿Quién no debería? Estudiantes con conocimiento nulo en HTML

Requerimientos antes de empezar el curso: Estudiantes con conocimiento básico de HTML y JavaScript.

Nivel de Instrucción:
Introductorio.

View full description Hide full description

Objectives

Podr�s crear juegos y crear aplicaciones sencillas en 3D con BABYLON.JS

Instructional level

Multilevel

Who should take this online course

Todo aquel estudiante interesado a conocer la manipulación de modelos en web, y aquel estudiante interesado en crear aplicaciones web 3D para juegos u otras necesidades.

Chapter 1: Introducción al curso y temas
- 1 Contenido del curso 01:22 min
  
  DescriptionCurso de babylon.js y WebGl. En el curso se tratarán temas con ejercicios prácticos los cuales involucran: 1. Crear una escena Básica. 2. Elementos Básicos. 3. Materiales, Rotación y Escala. 4. Cámaras, luces. 5. Animaciones, sprites, Colisiones. 6. Partículas. 7. Importar modelos desde Blender. 8. Texturizado Avanzado. 9. Medio ambiente. 10. Mapa y altura y Otros ejercicios.
Chapter 2: Componentes Básicos
- 1 Crear una escena básica 18:47 min
  
  DescriptionEn esta lección vamos a crear una escena básica en BABYLON.JS, con este primer paso tendrás la faculta de entender cómo trabaja BABYLON.JS, y así conocer los aspectos principales de un modelado.
- 2 Elementos básicos 16:07 min
  
  DescriptionEn esta lección vamos a crear elementos como: Cubo, Cilindro, Esfera, Plano, Torus y Suelo, mediante el uso de clases existentes en BABYLON.JS
Chapter 3: Control de modelos
- 1 Preview Lecciones 00:54 min
  
  DescriptionCurso babylon.js y webgl Preview vídeo 03 -Materiales, Rotación y Escala.
- 2 Materiales 08:04 min
  
  DescriptionEn esta lección entenderás como utilizar los diferentes materiales en cualquier modelo realizado en BABYLON.JS
- 3 Transformaciones, control de la textura y color 13:16 min
  
  DescriptionTransformaciones, control de la textura y color. En esta lección podrás realizar las siguientes acciones con los modelos: 1.- Girar alrededor de un punto.2.- Moverse en cierta distancia.3.- Cambiar de tamaño. Así como tambien modificar la textura mediante elementos HTML.
Chapter 4: Entorno de animación
- 1 Las cámaras 12:09 min
  
  DescriptionEn esta lección vamos a ver las diferentes cámaras que emplea la librería, entre estas cámaras puedes encontrarte con: FreeCamera (Primera persona) ArcRotateCamera (Cámara rotatoria) TouchCamera (Touch) DeviceOrientationCamera (Dispositivo móvil) VirtualJoysticksCamera (Para controles) OculusCamera ( Oculus) AnaglyphCamera (3D cian, magenta) GamepadCamera (Control externo de juego)
- 2 Luces 08:51 min
  
  DescriptionEn esta lección vamos a trabajar con las diferentes luces como por ejemplo: Point Light Directional Light Spot Light Hemispheric Light Que le darán un toque realista a nuestras creaciones.
- 3 Animaciones 09:27 min
  
  DescriptionEn esta lección vamos a trabajar con una función específica de BABYLON.JS que nos ayuda a implementar animaciones en los modelos y en general el corazón de todo nuestro escenario.
- 4 Sprites 10:02 min
  
  DescriptionEn esta lección vamos a trabajar con funciones que permiten tomar una colección de imágenes (sprites) para realizar movimientos de personajes.
Chapter 5: Efecto de colisión y partículas
- 1 Colisiones 11:37 min
  
  DescriptionEn esta lección vamos a trabajar con los diferentes tipos de colisiones que existen en BABYLON.JS vamos a usar: intersectsMesh intersectsPoint Esto con el fin de poder utilizar en algún juego para los choques entre obstáculos o enemigos.
- 2 Partículas 07:32 min
  
  DescriptionEn esta lección vamos a crear humo, fuego y efectos que solo se pueden lograr con el uso de partículas en el sistema, crearemos una aplicación que utilice efectos al chocar con un obstáculo.
Chapter 6: Babylon avanzado
- 1 Exportar modelos con Blender 05:04 min
  
  DescriptionEn esta lección vamos a trabajar con plugins de BABYLON.JS ideales para exportar modelos 3D realizados con blender, con el objetivo de crear aplicaciones 3D mucho más profesionales.
- 2 Texturizado avanzado 06:35 min
  
  DescriptionTexturizado avanzado. En esta lección vamos crear todo el entorno de una aplicación utilizando panoramas completos dentro de nuestro escenario.
Chapter 7: El entorno de un juego
- 1 Medio ambiente 10:27 min
  
  DescriptionMedio ambiente. En esta lección nos adentramos más en lo que es la implementación de sonido y cambio de texturas de forma dinámica utilizando controles HTML que permiten el cambio de medio ambiente.
- 2 Mapa o terrenos y uso de librería de Física 12:16 min
  
  DescriptionEn esta lección se aprenderá a utilizar la librería de Física que puede servir en aplicaciones como juegos, además se maneja la creación de la tierra o terreno.
Chapter 8: Juegos realizados Babylon.js
- 1 Utilizando todo lo visto en el curso 02:16 min
  
  DescriptionEstas son algunas demostraciones del potencial que tiene BABYLON.JS y en la creación de juegos, puedes crear estos juegos mezclando todo lo aprendido en el curso.

The Teachlr

Oscar Josu� Uh P�rez

Profesor de asignatura y Desarrollador Web.

Ingeniero en sistemas computacionales egresado del Instituto Tecnol�gico de M�rida con t�tulo de maestr�a en gesti�n de tecnolog�as de la informaci�n en la Universidad Tecmilenio. Con amplia experiencia laboral que avalan los 10 a�os dedicados al desarrollo de software y m�s de 3 a�os en impartir cursos de programaci�n y de tecnolog�as de la informaci�n, actualmente es desarrollador de plataformas web de grupo Megamedia en el �rea de medios digitales, as� como tambi�n es profesor de asignatur

Reviews

Jonathan Kantor

Excelente.
nadia lee
Jesmarian E. Del Valle Rond�n Garcia