TutorialbarVerified 100% OFF coupons
DevelopmentAdded Sep 18, 2026

Desarrolla juegos HTML5 con canvas

Aprende a manejar imágenes, procesar texto y dibujar con el CANVAS de HTML5

4.3 / 5.0
91 ratings
36h 10m 6s
On-demand
Spanish
Audio
Francisco Javier Arce Anguiano
Instructor
Desarrolla juegos HTML5 con canvas100% OFF
  • 36h 10m 6s on-demand video
  • Certificate of Completion
  • Mobile, TV & Desktop Access
  • Full Lifetime Access

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.

Enroll for Free

Recent Coupons

Generative AI & Deep Learning : All Models With Projects
Generative AI & Deep Learning : All Models With Projects
IT & Software
C, C++, C#, Java: The Ultimate Coding Course for Developers
C, C++, C#, Java: The Ultimate Coding Course for Developers
IT & Software
Retraite Ermite : travailler en profondeur et avancer
Retraite Ermite : travailler en profondeur et avancer
Personal Development
Budgeting to Success: Family Economics 101
Budgeting to Success: Family Economics 101
Finance & Accounting

More free Development courses

Introducción a la programación orientada a objetos con PHP100% OFF
DevelopmentAdded 3 days ago

Introducción a la programación orientada a objetos con PHP

Francisco Javier Arce Anguiano
4.5(305)21h 33m 28sSpanish
$84.99Free
Get Coupon
Python OOP: A Complete Course in Object Oriented Programming100% OFF
DevelopmentAdded 4 days ago

Python OOP: A Complete Course in Object Oriented Programming

Sara Academy
3.8(319)3h 36m 59sEnglish
$84.99Free
Get Coupon
Data Scientist & Analyst Top Interview Questions & Answers.100% OFF
DevelopmentAdded 4 days ago

Data Scientist & Analyst Top Interview Questions & Answers.

Temotec Learning Academy
4.2(23)0sEnglish
$84.99Free
Get Coupon
Curso PSeInt algoritmos y lógica de programación100% OFF
DevelopmentAdded 4 days ago

Curso PSeInt algoritmos y lógica de programación

Yuri Abdel Narvaez
4.5(753)1h 59m 42sSpanish
$84.99Free
Get Coupon

Never miss a free coupon

Instructor coupons expire fast — often within hours of reaching 1,000 enrollments. Join our Telegram channel for instant alerts when new verified coupons drop.

Join Telegram