Course Includes:
- Price: FREE
- Enrolled: 7648 students
- Language: Spanish
- Certificate: Yes
- Difficulty: Beginner
Coupon verified 11:08 AM (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
Selenium Webdriver with Java & TestNG Testing Framework
FREE
Automation Testing using Selenium & TestNG
Enrolled
Learn C++ Programming - Beginner to Advanced
FREE
Object Oriented Programming using C++ Language with File Handling, Exception Handling, Standard Template Library
Enrolled
Python And Flask Demonstrations Practice Course
FREE
This course is a Great Practice to both fundamental python programming concepts and the Flask Framework by demonstration
Enrolled
CompTIA Security+ (SY0-701): Cyber Practice Exams
FREE
Validate your cybersecurity skills with 200 practice scenarios on Malware, Access Control, Cloud Security, and Risk.
Enrolled
Microsoft Power BI Data Analyst (PL-300): Practice Exams
FREE
Pass the PL-300 exam with 200 unique practice questions on DAX, Power Query, Data Modeling, and RLS implementation.
EnrolledPrevious Courses
Child Development and Pedagogy for BPSC TRE CTET STET
FREE
Child Development and Pedagogy (CDP) for all teaching exams like CTET, UPTET, SuperTET, STET, REET MPTET, etc.
Enrolled
Canva for Graphic Design & Social Media Marketing
FREE
Learn Canva From Scratch & Design Professional Social Media Graphics, Ads, & Brand Visuals—No Design Experience required
Enrolled
HTML & CSS Made Easy: Web Design & Front-End Web Development
FREE
Learn HTML and CSS to create responsive websites and master web design and front-end web development
Enrolled
The Complete AngularJS Bootcamp for Web Developers
FREE
Learn AngularJS To Build Dynamic, Responsive Web Applications From Scratch
Enrolled
Pivot Tables - Microsoft Excel Pivot Table and Data Analysis
FREE
Hands-On Microsoft Excel Pivot Table Training for Effective Data Analysis
Enrolled
Practice Test For Advanced in AI Audit (AAIA) Exam 2026
FREE
Prepare for the AAIA Certification with Mock Tests,Multiple-Choice Questions, Explanations, and Effective Exam Practice
Enrolled
Claude Certified Architect – Foundations Practice Tests
FREE
Practice Questions with Detailed Explanations to Prepare for the CCA-F Certification Exam with Confidence
Enrolled
6 Full Practice Tests For NCE Exam Prep 2026
FREE
Learn Fast with Real-Style MCQs and Clear Answer Explanations for the National Counselor Exam
Enrolled
Practice Tests For PE Civil Transportation Exam 2026
FREE
Full-Length Practice Exams with Step-by-Step Explanations to Pass the NCEES PE Civil Transportation Exam
Enrolled