Introducción a Phonegap
  • Bienvenida al curso de Desarrollo de juegos para dispositivos móviles
  • Breve historia de Phonegap
  • Crear una cuenta de PhoneGap Build
  • Crear una cuenta de desarrollador iOS
  • Apuntes a la sección 1: Introducción a Phonegap
Certificados PhoneGap
  • Crear el certificado básico de desarrollador
  • Crear el certificado P12 para el desarrollo en iOS
  • Crear el ID de la aplicación para el desarrollo en iOS
  • Identificar el dispositivo con iOS
  • Crear un perfil provisional de una aplicación iOS
  • Instalar un perfil provisional de la aplicación iOS
  • Cargar los certificados iOS a la página de PhoneGap Build
  • Crear un perfil de Android para crear aplicaciones
  • Apuntes a la sección 2: Certificados para Phonegap
  • Apuntes a la sección 2: Certificados para Phonegap​ iOS.​
Crear el archivo config.xml
  • Crear el archivo config.xml para la aplicación con Phonegap
  • El manejo de las preferencias en el archivo config.xml
  • El manejo de las librerías o plugin en una aplicación config.xml
  • El archivo phonegap.js dentro del archivo index.html
  • Configuración de los iconos para la aplicación
  • El manejo de los iconos para iOS
  • El manejo de los iconos para Android
  • El manejo de la pantalla inicial o "splashscreen"
  • Apuntes a la sección 3: La configuración de la aplicación.​
Introducción al Canvas de HTML5
  • Introducción al canvas
  • Verificación del canvas en un navegador
  • El contexto en canvas
  • Crear rectángulos con Canvas
  • Crear líneas con canvas
  • Las propiedades de las líneas en Canvas HTML5
  • Estados en canvas: guardarlo y recuperarlo
  • Hacer trazos con líneas con Canvas HTML5
  • Crear arcos y círculos con Canvas HTML5
  • Curvas Bézier cuadráticas en canvas HTML5
  • Curvas Bézier cúbicas en Canvas HTML5
  • Crear gradientes lineales con Canvas
  • Las direcciones de los gradientes lineales con Canvas HTML5
  • Crear gradientes radiales con Canvas HTML5
  • Utilizar los patrones de diseño en Canvas HTML5
  • Sombras en objetos y textos
  • Manejo de imágenes en Canvas
  • Manejo de textos en Canvas
  • Manejo de eventos en Canvas
  • Quiz: Introducción a Canvas
Crear una aplicación responsiva con Canvas HTML5
  • Revisar la animación final con Canvas
  • Animación de una pelotita con Canvas
  • Borrar y re-dibujar la pelotita
  • Detectar las colisiones en el eje X
  • Terminar la animación básica con canvas
  • Convertir la animación en responsiva
  • Empaquetar la aplicación y subirla a un dispositivo móvil
El juego de memoria numérica
  • Revisar el juego de memoria terminado
  • Crear el objeto JavaScript para almacenar la información del juego
  • Pintamos el tablero del juego
  • Barajar las cartas del juego de memoria
  • Ajustar las coordenadas del canvas
  • Detectar la carta seleccionada con el apuntador del ratón
  • Seleccionar la primer carta del juego de memoria
  • Selecciona la segunda carta del juego de memoria
  • Comparar las cartas seleccionadas en la mano del juego de memoria
  • Crear un contador en el juego
  • Convertir el canvas en adaptativo del juego de memoria numérica
  • Empaquetar la memoria y subirla a un dispositivo
Crear un juego de memoria con imágenes
  • Revisar el juego de memoria con imágenes
  • Crear el arreglo múltiple de JavaScript para las imágenes
  • Concluir el juego de memoria con imágenes en formato fijo
  • Modificar el canvas de la memoria con imágenes
  • Empaquetar la aplicación e instalarla en un dispositivo
Crear el juego del Ahorcado
  • Revisar el juego de ahorcado terminado
  • Las variables y objetos para el juego de ahorcado
  • Crear el tablero QWERTY para el juego
  • Desplegar la palabra letra por letra en el canvas
  • Colocar el cadalso del ahorcado en el canvas
  • Detectar la tecla seleccionada por el usuario
  • Empatar la tecla seleccionada con la palabra
  • Verificar el fin del juego: Game Over
  • Modificar el canvas en el juego de "ahorcados"
  • Empaquetar el juego de "ahorcados" e instalarlo en un dispositivo móvil
Crear el juego del "Gato" con Canvas de HTML5
  • Revisar el juego del "gato" terminado
  • La lógica del juego
  • La estructura de datos y las variables del juego
  • Dibujar la grilla del juego y las fichas en el arreglo
  • Crear la función para escribir mensajes en el canvas
  • Seleccionar la ficha por el usuario para iniciar la partida
  • Pintar la ficha que seleccionó el jugador en el tablero
  • Iniciar la función que seleccionará la jugada de la máquina
  • Hacer la función que verifica los pesos en los renglones
  • Calcular el peso de las fichas para la jugada de la computadora
  • Escribir las funciones de soporte al cálculo de los pesos
  • Verificar el código con console.log()
  • Verificar el peso de las fichas en las columnas