Dibujando con Canvas html5
por Manuel Gomez Martinez
Enseña a dibujar con Canvas de HTML5: formas, líneas, círculos, elipses, curvas de Bézier y degradados, aplicados a un paisaje.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación en Udemy impartido por Manuel Gomez Martinez (1 h 54 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que conocen lo básico de HTML y JavaScript y quieren aprender a dibujar gráficos 2D con Canvas.
- Duración
- 1 h 54 min · 10 lecciones
- Precio
- Gratis en Udemy
- Autor
- Manuel Gomez Martinez
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso breve y bien ordenado para aprender el dibujo 2D con Canvas, desde formas básicas hasta curvas y degradados. Es útil como primera toma de contacto práctica, aunque no se publica el año y no cubre animación.
Puntos fuertes
- Progresión clara de lo simple (formas) a lo complejo (curvas y degradados).
- Incluye una lección de teoría y otra de práctica sobre degradados.
- Termina, según la descripción, con un paisaje que reúne lo aprendido.
A tener en cuenta
- No se indica el año de publicación; conviene comprobar que el código siga funcionando en navegadores actuales.
- Se centra en dibujo estático; la descripción no menciona animación ni juegos.
- La descripción no detalla requisitos ni ejercicios propuestos.
De qué trata
Curso de Udemy de unos 114 minutos y 10 lecciones que enseña a dibujar con el elemento Canvas de HTML5 mediante JavaScript. Empieza con una introducción a Canvas y la creación de una cuadrícula de guía.
Después recorre cuadrados y marcos, líneas, círculos, curvas cuadráticas, curvas de Bézier y elipses. Termina con los degradados lineales y radiales, con una lección de teoría y otra de práctica. Según la descripción, también se tratan conceptos de color y se dibuja un paisaje.
- Cuadrados, marcos, líneas y círculos en Canvas
- Curvas cuadráticas y curvas de Bézier
- Elipses en Canvas
- Degradados lineales y radiales
- Dibujo de un paisaje
Para quién es este curso
- Personas que conocen lo básico de HTML y JavaScript y quieren aprender a dibujar gráficos 2D con Canvas.
- Estudiantes de desarrollo web que buscan una introducción práctica al dibujo de formas, curvas y degradados.
- Quien quiera una base de Canvas antes de pasar a animaciones o juegos 2D.
Mejor busca otro si…
- Quien ya domine la API de Canvas 2D (curvas de Bézier, degradados) y busque animación o juegos.
- Quien aún no haya escrito nada de JavaScript y necesite empezar por los fundamentos del lenguaje.
Antes de empezar
- Nociones básicas de HTML y JavaScript, ya que el dibujo en Canvas se hace con código JavaScript.
Qué sabrás hacer al terminar
- Dibujar cuadrados, marcos, líneas, círculos y elipses en un elemento Canvas.
- Trazar curvas cuadráticas y curvas de Bézier.
- Aplicar degradados lineales y radiales.
- Crear una guía de cuadrícula para colocar los dibujos con precisión.
- Componer un paisaje combinando las formas y los colores aprendidos.
Estructura del curso
- 01
Introducción y cuadrícula de guía
Presenta qué es Canvas y cómo preparar una grilla de dibujo que sirva de referencia para colocar las formas en el lienzo.
- 02
Formas básicas
Recorre cuadrados y marcos, líneas y círculos, las primitivas con las que se construyen la mayoría de dibujos.
- 03
Curvas y elipses
Cubre las curvas cuadráticas, las curvas de Bézier y las elipses, para dibujar trazos más complejos.
- 04
Degradados lineales y radiales
Una lección de teoría y otra de práctica sobre degradados lineales y radiales, con conceptos de color. La descripción indica que todo ello se aplica a dibujar un paisaje.
Capítulos del vídeo
- 01Introducción a Canvas
- 02Creando una grilla de dibujo como guía
- 03Cuadrados y Marcos
- 04Lineas
- 05Circulos
- 06Curvas Cuadráticas
- 07Curvas de Bezier
- 08Elipses
- 09Degradados lineales y radiales (Teoría)
- 10Degradados lineales y radiales (Práctica)
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Semana 1, sesión 1: Introducción y cuadrícula; prepara tu página con un canvas y la guía.
- 2.Semana 1, sesión 2: Cuadrados, marcos, líneas y círculos; reproduce cada forma en la cuadrícula.
- 3.Semana 2, sesión 1: Curvas cuadráticas, Bézier y elipses; experimenta moviendo los puntos de control.
- 4.Semana 2, sesión 2: Degradados (teoría y práctica) y dibuja tu propio paisaje.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Haz la cuadrícula del capítulo 2 y úsala en todos los demás: te ayudará a entender las coordenadas.
- En las curvas cuadráticas y de Bézier, cambia los puntos de control y observa cómo varía el trazo.
- Tras ver la teoría de degradados, intenta crear uno antes de ver la parte práctica.
- Al final, dibuja un paisaje propio en lugar de copiar exactamente el del curso.
Antes y después de este curso
- Antes de este cursoCurso de HTML desde 0Aporta la base de HTML necesaria para insertar el elemento canvas en la página.
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Canvas se programa con JavaScript; este curso cubre el lenguaje desde cero.
Cómo lo presenta Manuel Gomez Martinez
Aprendemos a dibujar con canvas y aprenderemos a graficar: Cuadrados y Marcos ,Lineas,Circulos,Elipses,Curvas cuadráticas y bezier, degradados tanto lineales como radiales ,conceptos de color y con todo ello dibujaremos un paisaje . ¿Que es Canvas? : Canvas (o "lienzo" traducido al español) es un elemento HTML incorporado en HTML5 que permite la generación de gráficos dinámicamente por medio del…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Cuánto dura el curso?
Unos 114 minutos repartidos en 10 lecciones. Con pausas para practicar, cabe en unas dos semanas con pocas horas semanales.
+¿Qué se dibuja en el curso?
Cuadrados y marcos, líneas, círculos, elipses, curvas cuadráticas y de Bézier, y degradados lineales y radiales. La descripción indica que se termina dibujando un paisaje.
+¿Necesito saber programar?
La descripción no indica requisitos, pero Canvas se controla con JavaScript, así que conviene tener nociones básicas de HTML y JavaScript.
+¿Enseña animación o juegos?
No según los capítulos, que se centran en el dibujo de formas, curvas y degradados.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Manuel Gomez Martinez; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.