Catálogo / Creación, Diseño y Edición Digital

EIN-10894

Unity + HTML5 experto en motores de desarrollo de videojuegos

Bonificable
hasta el 100%
Teleformación
Modalidad
Con tutor
Seguimiento experto
340 h
Duración

Descripción

Si trabaja en el sector de los videojuegos y desea conocer los procesos de programación con HTML5 + Javascript + CSS3, además de especializarse en el desarrollo de videojuegos con Unity este es su momento, con el Curso de Unity + HTML5 Experto en Motores de Desarrollo de Videojuegos podrá adquirir los conocimientos necesarios para desarrollar esta función de la mejor manera posible.

340 horas · Teleformación · con tutor. Formación bonificable para empresas vía FUNDAE.


Programa detallado

PARTE 1. DESARROLLO DE VIDEOJUEGOS CON UNITY

1. UNITY 5

  • ¿Qué es Unity y que interfaz utiliza?
  • ¿Qué es la interfaz y como se puede personalizar?. Layout
  • ¿Qué es un GameObject y su funcionalidad?
  • Crear objetos 3D en Unity
  • Crear de PreFabs y escenas en Unity

2. PRESENTACIÓN A LA PROGRAMACIÓN EN UNITY

  • Mi primer ejemplo en Unity
  • Crear variables en Unity
  • Manejo de programación en Unity
  • Funciones en Unity
  • Creación de comentarios en Unity

3. MI PRIMER JUEGO EN 3D CON UNITY

  • Presentación y desarrollo de juego 3D en Unity
  • Crear escenarios 3D
  • Crear la base para juego 3D
  • Comunicarse con el player 3D
  • Configuración de la cámara
  • Posición y Colisiones en nuestro juego 3D y diferentes objetos de colisión
  • Interfaz de nuestro videojuego 3D
  • Contador de colisiones
  • Publicando nuestro videojuego 3D

4. FINALIZACIÓN DE DESARROLLO DE VIDEOJUEGOS CON UNITY

  • Finalización del curso Desarrollo de videojuegos con Unity

PARTE 2. UNITY 4

1. PRESENTACIÓN A UNITY 4

  • ¿Qué es Unity y para que se usa?
  • Desarrollar juegos con Android
  • Usar Android y Unity
  • Unity Pro y Unity Basic: general, animación, despliegue, gráficos y código

2. INTEFAZ DE DESARROLLO DE UNITY

  • Crear el entorno de desarrollo de Unity
  • Instar de JDK (Java Development Kit)
  • Instalar Android SDK y instalar Unity 3D

3. PASOS BÁSICOS CON UNITY

  • Conectar para hacer pruebas
  • Qué es Unity Remote
  • Crear de una aplicación simple con Unity

4. USO INTERFAZ GRÁFICA DE UNITY

  • Crear juego Tres en Raya y finalizarlo
  • Definición UI Skins y estilos
  • Construyendo y ejecutando nuestro juego

5. CONCEPTOS BÁSICOS EN UNITY: MALLAS, MATERIALES Y ANIMACIONES

  • Introducción y configuración de las mallas, los materiales y las animaciones
  • Mover hilos en Unity
  • Añadir animaciones en Unity y configurar

6. EXPORTAR A IOS Y PC Y TESTEO DEL JUEGO DE UNITY

  • Exportación de Unity a iOS y de Unity a PC
  • Finalización de Unity

PARTE 3. DISEÑO DE VIDEOJUEGOS CON HTML5 Y CSS3

1. HERRAMIENTAS NECESARIAS

  • Introducción a Html
  • Editor de texto
  • Navegadores

2. INTRODUCCIÓN HTML

  • Introducción a HTML
  • ¿Cómo creamos documento HTML?
  • Características Básicas de los documentos HTML

3. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

  • Textos en HTML
  • Enlaces en Html
  • Listas en HTML
  • Imágenes y Objetos

4. TABLAS, FORMULARIOS Y ESTRUCTURAS

  • Tablas
  • Formularios
  • Estructuras y layout

5. OTRAS ETIQUETAS IMPORTANTES

  • Otras etiquetas importantes

6. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

  • ¿Qué es la Metainformación?
  • Accesibilidad
  • Validación

7. INTRODUCCIÓN HTML5

  • ¿Qué es HTML5?
  • ¿Cuáles son las mejoras?
  • Etiquetas Obsoletas
  • Etiquetas modificadas
  • Lista de etiquetas HTML5
  • Atributos eliminados
  • Otros cambios
  • Estructura HTML5
  • Nueva estructuración del body
  • Otros elementos nuevos de estructuración

8. NUEVOS ATRIBUTOS, EVENTOS Y PSEUDO-CLASES

  • Introducción a atributos globales
  • Nuevos atributos
  • Introducción a los nuevos eventos

9. NUEVOS ELEMENTOS SEMÁNTICOS

  • Elemento bdi
  • Elemento command
  • Elemento data
  • Elementos details
  • Elemento mark
  • Elemento meter
  • Elemento progress
  • Elemento ruby
  • Elemento time
  • Elemento wbr

10. MEJORAS EN LOS FORMULARIOS

  • Nuevos elementos para los Formularios
  • Cambios en el atributo type (input)
  • Nuevos atributos para form
  • Nuevos atributos para fieldset
  • Nuevos atributos para input
  • Nuevos atributos para textarea

11. OTRAS MEJORAS DE HTML5

  • Introducción a los elementos multimedia
  • Etiqueta source
  • Etiqueta track
  • Elemento video
  • Elemento audio
  • Elemento embed
  • Elemento canvas
  • Introducción a MathML
  • Introducción a SVG
  • Introducción a Drag and Drop
  • Validador HTML5

12. INTRODUCCIÓN CSS

  • Introducción CSS
  • Soporte de CSS en navegadores
  • Especificación Oficial
  • Funcionamiento básico de CSS
  • ¿Como incluir CSS en la Web?
  • Estilo Básico
  • Medios CSS
  • Comentarios
  • Sintaxis de la definición

13. SELECTORES, UNIDADES DE MEDIDA Y COLORES

  • Selectores CSS
  • Unidades de medida
  • Colores

14. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

  • Modelo de Cajas
  • Propiedades de las cajas
  • Margen, relleno, bordes y modelo de cajas
  • Posicionamiento y visualización
  • Posicionamiento
  • Visualización

15. ESTRUCTURAR UNA PÁGINA “LAYOUT”

  • Introducción a layout
  • ¿Cómo centrar una página horizontalmente?
  • ¿Cómo centrar una página verticalmente?
  • Estructura o layout
  • Alturas/Anchuras Máximas y Mínimas
  • Estilos avanzados

16. TEXTO, ENLACES, IMÁGENES Y LISTAS

  • Textos en CSS
  • Enlaces
  • Imágenes
  • Listas

17. TABLAS, FORMULARIOS Y SHORTHAND

  • Tablas
  • Formulario
  • shorthand

18. OTRAS UTILIDADES DE CSS

  • Versión para imprimir
  • Personalizar el cursor
  • Hacks y filtros
  • Prioridad en las declaraciones
  • Validar CSS
  • Recomendaciones Generales
  • Recursos útiles

19. FIREBUG

  • ¿Qué es Firebug?
  • ¿Como se instala?
  • ¿Como usamos Firebug?

20. INTRODUCCIÓN A CSS3

  • Introducción
  • Unidades, colores y fuentes
  • Nuevos Selectores y pseudo-clases

21. ANIMACIONES, FONDOS Y BORDES

  • Propiedades para la animación
  • Nuevas propiedades para los fondos
  • Nuevas propiedades para Bordes

22. CAJAS, CAJAS FLEXIBLES, COLORES Y FUENTES

  • Propiedades de las cajas
  • Propiedades de las cajas flexibles
  • Propiedades del color
  • Propiedades para las Fuentes

23. ENLACES Y MULTI-COLUMNAS

  • Propiedades para los hiperenlaces
  • Propiedades de las multi-columnas

24. TEXTO Y 2D/3D TRANSFORMACIONES

  • Propiedades para texto
  • Propiedad 2D/3D Transform

25. TRANSICIONES E INTERFAZ DE USUARIO

  • Propiedades para las transiciones
  • Propiedades para la interfaz de usuario
  • Validación CSS3

PARTE 3.CREACIÓN DE VIDEOJUEGOS CON JAVASCRIPT

1. ¿POR QUÉ USAR JAVASCRIPT?

  • Introducción
  • Programación del lado del cliente
  • Programación del lado del Servidor
  • ¿Qué utilizaremos?
  • ¿Qué necesita saber?
  • Nuestro primer ejemplo

2. INTRODUCCIÓN A JAVASCRIPT

  • La etiqueta SCRIPT
  • Contenido Alternativo
  • Variables
  • Tipos de Datos
  • Operadores
  • Cuadros de diálogo
  • Práctica 2

3. CONCEPTOS BÁSICOS DE PROGRAMACIÓN

  • Introducción
  • Estructuras de decisión
  • Estructuras lógicas
  • Estructuras de repetición
  • Definir funciones
  • Llamadas a funciones
  • Ámbito de las variables
  • Práctica 3

4. OBJETOS EN JAVASCRIPT

  • Introducción
  • La jerarquía de objetos
  • Propiedades y Eventos
  • Métodos
  • Práctica 4

5. LOS OBJETOS LOCATION E HISTORY

  • ¿Qué es un URL?
  • El Objeto Location
  • Redirigir a otra página
  • El Objeto History
  • Práctica 5

6. EL OBJETO DOCUMENT

  • Introducción
  • La propiedad Title
  • Los colores de la página
  • El método write
  • El conjunto images
  • Práctica 6

7. EL OBJETO FORM

  • Formularios HTML
  • El conjunto forms
  • La propiedad elements
  • Validar la información
  • ¿Cuándo realizar la validación?
  • Tipos de Validación
  • Práctica 7

8. LOS OBJETOS FRAME, NAVIGATOR Y SCREEN

  • El conjunto frames
  • El objeto navigator
  • El objeto screen
  • Práctica 8

PARTE 4. PRACTICA REAL: CREACIÓN DE UN VIDEOJUEGO PASO A PASO

1. INTRODUCCIÓN A EASELJS

  • Introducción a EaselJS
  • Principales Clases de EaselJS
  • Hola mundo usando EaselJS
  • Animando elementos.

2. DESCRIPCIÓN Y ESTRUCTURA DEL JUEGO

  • Introducción
  • Creando enemigo (Enemy.js)
  • Creando Jugador (Player.js)
  • Estructura de ContentPlayer.js
  • Index.html
  • Creando escenario (Tile.js)
  • XNARectangle
  • Creando niveles (Level.js)
  • PlaformHelper.js
  • Implantado la lógica del juego (PlatformerGame.js)

3. CONFIGURACIÓN DE PERSONAJES Y ENEMIGOS

  • Introducción
  • Salto del Personaje
  • Tiempo Atrás
  • Los carteles (Overlays)
  • Meta
  • Crucis
    • Creando Crucis.js
  • Añadir Enemigos
    • La clase Enemy.js
    • Incluyendo a los Enemigos
  • Mejora VII. Vivo o Muerto
    • Muerto por tocar a un Enemigo
    • Muerto por caerse

¿Quieres formar a tu equipo en este curso?

Bonificable hasta el 100% de la cuota vía FUNDAE. Déjanos tu email y te enviamos la información de este curso junto con el crédito que tu empresa puede aprovechar.

o calcula primero cuánto crédito genera tu empresa →

Scroll al inicio