Course Includes:
- Price: FREE
- Enrolled: 7848 students
- Language: Spanish
- Certificate: Yes
- Difficulty: Beginner
Coupon verified 01:16 PM (updated every 10 min)
Course Folder
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
Requirements
- Tener conocimientos básicos de JavaScript y de HTML5
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.
Who this course is for:
- Diseñadores y desarrolladores Web
Recommended Courses
Machine Learning Interview Questions
FREE
Machine Learning Skill Tests and Interview Questions & Answers with Detailed Explanations.
Enrolled
CompTIA CySA+ (CS0-003) 2026 - Practice Tests
FREE
Master CompTIA CySA+ CS0-003: Cybersecurity Analyst practice tests covering Ops, Vulnerabilities, and Incident Response.
Enrolled
Azure Machine Learning Interview Questions
FREE
Azure Machine Learning Skill Tests and Interview Questions & Answers with Detailed Explanations.
Enrolled
Curso Completo de Typescript. Desde las Bases a la Práctica.
FREE
Todo lo que necesitas saber sobre TypeScript para Dominar el Lenguaje. Desde 0 hasta la Practica con TypeScript.
Enrolled
Snowflake SnowPro Core Certification Practice Tests COF-C02
FREE
Ace the Snowflake SnowPro Core COF-C02 exam with premium practice tests covering architecture, security, & data sharing.
EnrolledPrevious Courses
The Ultimate C# Bootcamp: Build Modern Web & API Apps
FREE
Become a confident C# developer by creating scalable, secure, and real world web applications.
Enrolled
Hands-On R Programming: Build Real World Data Projects
FREE
Hands-on learning with R: Analyze, visualize, and interpret real world data like a pro.
Enrolled
Android Development Interview Questions
FREE
Android Development Skill Tests and Interview Questions & Answers with Detailed Explanations.
Enrolled
The Modern JavaScript Course: Build Interactive Websites
FREE
A complete guide to modern JavaScript — covering ES6+, DOM, events, and interactive websites from the ground up.
Enrolled
The Complete Python Developer: From Zero to Mastery
FREE
Start coding in Python today and unlock career paths in web development, data science, and software engineering.
Enrolled
PostgreSQL for Developers: Design, Query & Scale Databases
FREE
Master PostgreSQL fundamentals, advanced queries, and performance tuning tailored for developers.
Enrolled
Power BI: Análisis de Datos con Inteligencia Artificial
FREE
Utiliza Chat GPT para optimizar tu trabajo en Power Bi. Aplica IA a Power Query, DAX y Darshboard, con Talleres Práctico
Enrolled
Analista GRC. Gobernanza de IT, Riesgo y Cumplimiento.
FREE
Trabaja de Analista de Riesgo en Ciberseguridad, Cumplimiento de Normas y Gobernanza (Governance) en IT con Práctica.
Enrolled
Curso Completo de Bases de Datos. Aprende SQL y MySQL
FREE
Aprenderás todo lo relacionado a Bases de datos desde 0, vistas, stored procedures, consultas.Con Practicas y Ejercicios
Enrolled