CreateJS: Desarrolla Juegos en HTML5

El videojuego es un proceso que generalmente está constituido por personas de muy diferentes disciplinas y por esto ha sido revalorizado durante la última década.

Duración340 h
Unidades40
Campos4
FormatoSCORM 1.2

Sobre este contenido

El videojuego es un proceso que generalmente está constituido por personas de muy diferentes disciplinas y por esto ha sido revalorizado durante la última década. Gracias a la realización de este Curso de Experto en CreateJS: Desarrolla Juegos en HTML5 podrá adquirir los conocimientos oportunos para desarrollar esta labor con éxito, Creaando juegos multiplataforma con HTML5 y JavaScript.

A quién va dirigido

Este Scorm de Experto en CreateJS: Desarrolla Juegos en HTML5 está dirigido a profesionales del entorno que deseen ampliar su formación, así como a personas interesadas en una especialización laboralmente en el desarrollo de videojuegos.

Temario

40 unidades didácticas · 340 horas

Campo 1Createjs: juegos interactivos con HTML54 unidades

SCORM 1

Presentación a la creación de juegos HTML5 con createjs

Ventajas de usar CreateJS
Curso CreateJS: Creación de juegos en JavaScript
Porque HTML5 y Javascript
Qué es el canvas
Qué es CreateJS
Cómo comenzar con CreateJS

SCORM 2

Sistema de eventos necesarios para createjs

Como crear eventos CreateJS
Generar eventos con el ratón
Generar eventos con el teclado
Crear un juego redimensionable

SCORM 3

Soundjs de createjs

Qué es SoundJS y para que fucniona
Creación de sonidos
Reproduciendo y carga audio con SoundJS

SCORM 4

Finalización

Finalización del curso CreateJS: Creación de juegos en JavaScript

Campo 2Diseño de videojuegos con HTML5 y CSS325 unidades

SCORM 1

Herramientas necesarias

Introducción a Html
Editor de texto
Navegadores

SCORM 2

Introducción HTML

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

SCORM 3

Texto, enlaces, listas, imágenes y objetos

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

SCORM 4

Tablas, formularios y estructuras

Tablas
Formularios
Estructuras y layout

SCORM 5

Otras etiquetas importantes

Otras etiquetas importantes

SCORM 6

Metainformación, accesibilidad y validación

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

SCORM 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

SCORM 8

Nuevos atributos, eventos y pseudo-clases

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

SCORM 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

SCORM 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

SCORM 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

SCORM 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

SCORM 13

Selectores, unidades de medida y colores

Selectores CSS
Unidades de medida
Colores

SCORM 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

SCORM 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

SCORM 16

Texto, enlaces, imágenes y listas

Textos en CSS
Enlaces
Imágenes
Listas

SCORM 17

Tablas, formularios y shorthand

Tablas
Formulario
shorthand

SCORM 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

SCORM 19

Firebug

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

SCORM 20

Introducción a CSS3

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

SCORM 21

Animaciones, fondos y bordes

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

SCORM 22

Cajas, cajas flexibles, colores y fuentes

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

SCORM 23

Enlaces y multi-columnas

Propiedades para los hiperenlaces
Propiedades de las multi-columnas

SCORM 24

Texto y 2D/3D transformaciones

Propiedades para texto
Propiedad 2D/3D Transform

SCORM 25

Transiciones e interfaz de usuario

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

Campo 2Creación de videojuegos con javascript8 unidades

SCORM 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

SCORM 2

Introducción a javascript

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

SCORM 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

SCORM 4

Objetos en javascript

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

SCORM 5

Los objetos location e history

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

SCORM 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

SCORM 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

SCORM 8

Los objetos frame, navigator y screen

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

Campo 3Practica real: creación de un videojuego paso a paso3 unidades

SCORM 1

Introducción a easeljs

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

SCORM 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)

SCORM 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

Palabras clave

Arrays
Audio
Canvas
Cliente
Código
Colisiones
CreateJS
CSS3
diseño
document
DOM
Escenario
Frames
Funcionalidad

Más contenidos de Programación y Desarrollo

Ver los 500 →