Desarrolla juegos HTML5 con canvas

Name: Desarrolla juegos HTML5 con canvas
Availability: InStock
Rating: 4.30 (745 reviews)

4.30

7,456 students

30h 50m

Updated Apr 2026

What you'll learn

El alumno aplicará las propiedades y métodos básicos del Canvas de HTML5

Crear gradientes lineales y radiales, así como cargar imágenes para utilizarlas como patrones en círculos, rectángulos, etc.

Aplicar sus conocimientos fundamentales para dibujar con el ratón sobre el canvas

Cargará sobre el canvas un archivo externo y aplicará diferentes filtros, como blanco y negro, filtros de color, un flip horizontal, entre otros.

Desplegará enunciados en el canvas, así como cambiar las propiedades y aplicar ciertos efectos visuales

Comprenderá los principios básicos de la animación en canvas y realizará la animación clásica de una pelotita

Realizará un juego de memoria simulando cartas

Utilizar el juego previo de memoria y utilizar imágenes

Aplicar sus conocimientos básicos para crear un juego de ahorcados para encontrar una palabra secreta

Por medio de un algoritmo de valoraciones de pesos de las diferentes jugadas, realizará con canvas un sencillo juego de "gato" o "tres en línea"

Crear un juego de tipo "Simón" donde el usuario deberá repetir una secuencia sonora y visual

Generaremos una secuencia de colores aleatoria y el usuario deberá deducirla por las pistas qye le vayamos dando en 10 oportunidades

Hacer un juego clásico de cajita de números con Canvas

Utilizando el algoritmo de la cajita de números para hacer un rompecabezas tomando una imagen

Crear un juego de Space Invaders con animaciones, disparos y detección de colisiones

Mover un objeto con respecto al apuntador del ratón, mover objetos hacia el centro y hacer disparos angulados

Course Description

El CANVAS de HTML5 es una poderosa herramienta que nos permitirá, entre otras cosas, procesar imágenes, crear filtros, manejar textos, dibujar, realizar animaciones, todo por medio del lenguaje JavaScript. Con el canvas de HTML5, tus aplicaciones se podrán visualizar en cualquier dispositivo móvil, incluso en el iPhone y iPad!

Aprenderemos desde hacer una etiqueta muy básica, hacer líneas, rectángulos y curvas Bézier, tanto cúbicas como cuadráticas, arcos y círculos. Revisaremos la forma de hacer gradientes lineales y radiales, cargar patrones de imágenes y hacer sombras.

Antes de hacer juegos, realizaremos una aplicación para dibujar en canvas y otra para cargar imágenes y aplicar filtros y efectos como el flip horizontal.