Course Includes:
- Price: FREE
- Enrolled: 7748 students
- Language: Spanish
- Certificate: Yes
- Difficulty: Beginner
Coupon verified 12:27 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
Industrial Valves: Selection, Operation & Maintenance
FREE
Build a complete understanding of valve fundamentals, types, selection, operation, maintenance, and troubleshooting.
Enrolled
Fundamentals of Engineering Ethics
FREE
Make responsible engineering decisions with professional integrity, public trust, and real-world accountability.
Enrolled
Business Communication in Global Organizations
FREE
Develop the communication skills to lead, collaborate, and build credibility in global organizations.
Enrolled
Certified Hazardous Materials Management Professional(CHMMP)
FREE
Earn Accrevia's Certified Hazardous Materials Management Professional Certificate & prepare for external credentialing.
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
AZ-802 Administering Windows Server: 200 Practice Questions
FREE
Four original AZ-802 practice tests with every answer explained: why it is right and why each other option is wrong
Enrolled
ISSMP Practice Questions | ISC2 Certification Prep 2026
FREE
Master the CISSP-ISSMP exam with 1,500 realistic management questions, comprehensive explanations, and full domain cover
Enrolled
CentOS Linux and Ubuntu Linux: Managing Packages
FREE
Linux: Learn to run BASH commands to: install, remove, collect information, check, search, upgrade the packages
EnrolledPrevious Courses
Digital Marketing Mastery: SEO, Social Media & Ads Quizzes
FREE
Test your skills in Search Engine Optimization, Google Ads (PPC), Social Media Marketing, and Google Analytics.
Enrolled
Project Management & Agile: Certification Practice Exams
FREE
Test your readiness for PMP and Scrum certifications with 200 rigorous questions on Agile, Risk, and PM Fundamentals.
Enrolled
Cybersecurity & Ethical Hacking: Ultimate Practice Exams
FREE
Test your skills in network defense, penetration testing, cryptography, and risk management to ace your security certs.
Enrolled
Design & UX/UI Mastery: Complete Practice Tests
FREE
Test your skills in UX Research, Graphic Design Principles, Figma prototyping, and Adobe Creative Cloud workflows.
Enrolled
Full Stack Web Dev & System Design: Mock Interviews
FREE
Ace your software engineering interviews with scenario-based practice tests on React, Node.js, and System Architecture.
Enrolled
The Complete Guide to Effective Communication Skills
FREE
Master communication essentials: active listening, persuasive speaking, conflict resolution, and clarity.
Enrolled
Cómo Crear una Tarjeta de Presentación Digital con WordPress
FREE
Aprende a cómo crear una tarjeta de presentación digital con WordPress, sin saber de programación.
Enrolled
WP Rocket 2026: Mejora la Velocidad de Carga en WordPress
FREE
Aprende a cómo mejorar la velocidad de carga de un sitio web de WordPress con el plugin WP Rocket.
Enrolled
Cómo Crear una Landing Page con WordPress Desde Cero 2026
FREE
Aprende a cómo crear una landing page con WordPress y consigue clientes a través de Internet, de forma fácil y simple.
Enrolled