Desarrolla juegos para dispositivos móviles

Crea juegos con HTML5, JavaScript y Phonegap

4.45 (13 reviews)
Udemy
platform
Español
language
Web Development
category
113
students
17 hours
content
Jul 2019
last update
$19.99
regular price

What you will learn

El alumno aprenderá las bases del uso de Phonegap

El alumno aprenderá a crear los certificados necesarios para el desarrollo de aplicaciones en dispositivos móviles con Phonegap

El alumno creará un archivo config.xml con los parámetros necesarios para crear su aplicación en PhoneGap

El alumno comprenderá los principios básicos en el manejo del Canvas de HTML5

El alumno creará una sencilla aplicación responsiva y la instalará en su dispositivo móvil

El alumno desarrollará un juego de memória numérica y lo instalará en un dispositivo móvil

El alumno desarrollará el juego conocido como "Gato" y lo instalará en un dispositivo móvil.

El alumno desarrollará un juego de tipo "Busca minas" con canvas y lo instalará en un dispositivo móvil.

El alumno realizará un juego de deducciones por colores para dispositivos móviles.

El alumno desarrollará un juego de "caja de número" para un dispositivo móvil.

El alumno desarrollará un rompecabezas tomando al azar diferentes imágenes.

El alumno aprenderá a utilizar los sonidos en un dispositivo móvil.

Description

Actualmente hay más dispositivos móviles inteligentes en el mundo, que computadoras, por lo que es indispensable aprender a programar en ellos. Una forma estupenda de aprender a hacerlo, es desarrollando juegos. En este curso aprenderemos a desarrollar juegos por medio del Canvas de HTML5 y JavaScript, lo cual nos permite aprovechar nuestros conocimientos en el desarrollo web. Si usted tiene experiencia en otros lenguajes, verá que JavaScript es un lenguaje muy sencillo de aprender.

Para poder instalar nuestras aplicaciones las empaquetaremos con Phonegap, el cual es una herramienta muy poderosa y prácticamente gratuita. Otra ventaja de Phonegap es que podemos utilizar nuestro mismo código para iOS, Android y Windows Phone, a parte que cuenta cn muchos "plugins" para aprovechar las funcionalidades del dispositivo.

Este curso no es un curso para aprender las bases de la programación en JavaScript. Debes de tener conocimientos básicos en programación, ya que no se explicará lo que es una varable, una función o un arreglo. Este curso está pensado en programadores que deseen desarrollar  en dispositivos móviles, de preferencia con conocimientos en JavaScript, HTML5 y CSS3.

Para aprovechar este curso deberás contar con una computadora con conexión a Internet, un navegador moderno (opcional) y un editor de código (Aptana, SublimeText, Dreamweaver, etc.).

Los objetivos del presente curso son:

  • El alumno aprenderá las bases del uso de Phonegap

  • El alumno aprenderá a crear los certificados necesarios para el desarrollo de aplicaciones en dispositivos móviles con Phonegap

  • El alumno creará un archivo config.xml con los parámetros necesarios para crear su aplicación en PhoneGap

  • El alumno comprenderá los principios básicos en el manejo del Canvas de HTML 5

  • El alumno creará una sencilla aplicación responsiva y la instalará en su dispositivo móvil

  • El alumno aplicará los conocimientos básicos del Canvas y desarrollará un juego de memoria numérica básico.

  • El alumno desarrollará un juego de memoria numérica y lo instalará en un dispositivo móvil.

  • El alumno desarrollará el juego conocido como "Gato" y lo instalará en un dispositivo móvil.

  • El alumno desarrollará un juego de tipo "Busca minas"  con canvas y lo instalará en un dispositivo móvil.

  • El alumno realizará un juego de deducciones por colores para dispositivos móviles.

  • El alumno desarrollará un juego de "caja de número" para un dispositivo móvil.

  • El alumno desarrollará un rompecabezas tomando al azar diferentes imágenes.


Screenshots

Desarrolla juegos para dispositivos móviles - Screenshot_01Desarrolla juegos para dispositivos móviles - Screenshot_02Desarrolla juegos para dispositivos móviles - Screenshot_03Desarrolla juegos para dispositivos móviles - Screenshot_04

Content

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
Verificar el peso de las fichas en las diagonales
Seleccionar la mejor jugada
Game Over: termina el juego
Modificar el canvas del juego del "gato"
Empaquetar el juego del "gato" e instalarlo en un dispositivo móvil

Crear un juego de "Busca minas" con canvas-HTML5

Revisar el juego de Minas terminado
Introducción al desarrollo del juego de Busca Minas
Escribir las variables y constantes del juego
Los objetos del juego y sus métodos
Dibujar el tablero del juego Busca Minas
Detectar la celda seleccionada por el usuario con el ratón
Generar las minas en la celda del tablero
Crear el marcador del juego Busca Minas
Calcula las minas vecinas de todas las celdas
Calcula los índices de los vecinos de la celda
Voltea la celda
Varias opciones antes de voltear la celda seleccionada
Activar y desactivar la bandera para marcar minas
La rutina para marcar la celda
Encontrar los blancos: la función recursiva
El fin de juego: destapar todas las celdas
Modificar el canvas del juego "Busca Minas"
Empaquetar el juego de "Busca Minas" e instalarla en un dispositivo móvil

Crear un juego de "deducción de colores" para dispositivos móviles

Revisar el juego de memoria de sonidos con canvas-html5
Escribir las variables y estructuras de datos del juego
Escribir las funciones para dibujar las bolitas y el botón del juego
La rutina principal del juego: la creación de la primer jugada
Escribir la rutina para seleccionar el objeto dentro del canvas.
Detectar la pulsación del usuario sobre el botón de prueba
Verificar la jugada del usuario vs. la jugada de la máquina
Limpiar los arreglos para determinar los colores
Determinar si es “Fin del juego”
Modificar el canvas del juego "deducción por colores"
Empaquetar el juego de "Deducción" e instalarlo en un dispositivo móvil

Hacer una caja de números para dispositivos móviles

Revisar el juego de rompecabezas con CANVAS
Crear los objetos y las variables del juego de rompecabezas
Crea las fichas del juego y parte la imagen
Dibujar el tablero en el canvas con las fichas con imágenes
Mover las fichas de lugar, para iniciar el juego
Cambiar el orden de las fichas
Seleccionar la ficha que vamos a mover
Modifica el canvas del juego de "caja de números"
Empacar el juego "Caja de números" y subirlo a un dispositivo móvil.

Crear un rompecabezas simple para dispositivo móvil

Revisar el juego de rompecabezas con CANVAS
Crear los objetos y las variables del juego de rompecabezas
Crea las fichas del juego y parte la imagen
Dibujar el tablero en el canvas con las fichas con imágenes
Mover las fichas de lugar, para iniciar el juego
Cambiar el orden de las fichas
Seleccionar la ficha que vamos a mover
Modificar el canvas del juego "Rompecabezas"
Empaquetar el juego de "Rompecabezas" e instalarlo en un dispositivo móvil

Crear una memoria sonora para el dispositivo móvil

Revisar el juego de memoria de sonidos con canvas-html5
El manejo del sonido en HTML5 y llamarlo desde JavaScript
Escribir las variables para el juego de memoria de sonidos con canvas
Escribir los objetos y sus funciones
Dibujar los cuadritos en el canvas.
Escribir la rutina para detectar el objeto seleccionado por el jugador
Hacer que la nota se escuche, y que el cuadro crezca
La función para escribir mensajes
El inicio de la secuencia de la computadora
Permitir que el usuario repita la secuencia
Añadir una nota a la secuencia del usuario y repetirlo todo
Game Over: hasta la vista, baby
Adecuar el canvas del juego de "Memori de sonidos"
Empacar el juego de "Memoria de sonidos" e implementarlo en un dispositivo móvil

Hasta pronto

Ejercicios del curso "Desarrolla juegos para dispositivos móviles con Phonegap"
Despedida del curso "Desarrolla Juegos para dispositivos móviles con Phonegap

Reviews

Francisco
June 23, 2020
This is a great course, good technical content and programming strategies, perhaps could be include a section tu use admob as a plus
Martin
June 27, 2017
Not only very interesting, but also useful, because this course is giving me a lot of practice (more than 10 apps). This is important for me as a student!

Charts

Price

Desarrolla juegos para dispositivos móviles - Price chart

Rating

Desarrolla juegos para dispositivos móviles - Ratings chart

Enrollment distribution

Desarrolla juegos para dispositivos móviles - Distribution chart
65472
udemy ID
7/15/2013
course created date
11/22/2019
course indexed date
Bot
course submited by