Dibujando con Canvas html5

Aprende a dibujar con canvas
Rating: 4.8 out of 5 (20 ratings)
4,797 students
Spanish
Spanish [Auto]

Cuadrados y marcos en Canvas
Lineas en Canvas
Circulos en Canvas
Curvas Cuadráticas en Canvas
Curvas de Bezier en Canvas
Ellipses en Canvas
Degradados Lineales y Radiales en Canvas
Dibujar un paisaje

Requirements

  • Saber algo de html5 ,css y js. Al menos saber enlazar los archivos de js y css al html .

Description

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 scripting. Entre otras cosas, permite la renderización interpretada dinámica de gráficos 2D y mapas de bits, así como animaciones con estos gráficos. Se trata de un modelo de procedimiento de bajo nivel, que actualiza un mapa de bits y no tiene una gráfica de escena integrada.


Canvas fue introducido inicialmente por Apple para su uso dentro de su propio componente de Mac OS X Surgido en 2004, para empujar aplicaciones como widgets de Dashboard y el navegador Safari. Más tarde, en 2005, se adoptó en la versión 1.8 de los navegadores Gecko y Opera en 2006. Fue estandarizado por el Grupo de Trabajo de Tecnologías de Aplicación de hipertexto Web (WHATWG por sus siglas en inglés) sobre las nuevas especificaciones propuestas para tecnologías web de última generación.


El Canvas consiste en una región dibujable definida en el código HTML con atributos de altura y ancho. El código JavaScript puede acceder a la zona a través de un conjunto completo de funciones similares a las de otras APIs comunes de dibujo 2D, permitiendo así que los gráficos sean generados dinámicamente. Algunos de los usos previstos incluyen construcción de gráficos, animaciones, juegos, y la composición de imágenes.



Who this course is for:

  • Estudiantes de Programación.
  • Programadores web que quieran aprender graficas con canvas.
  • Artistas que esten interesados en videojuegos con javascript .
  • Programadores, maquetadores, diseñadores y cualquiera que sepa que es canvas y este interesado.

Course content

10 sections10 lectures1h 54m total length
  • Introducción a Canvas y enlace a código del curso
    06:25

Instructor

Diseñador y programador web
Manuel Gomez Martinez
  • 4.4 Instructor Rating
  • 786 Reviews
  • 56,026 Students
  • 18 Courses

Diseñador y desarrollador web en el frontend  , tambien hago backend pero estoy más centrado en la parte frontend con javascript y sus tecnologías ,además de softwares de diseño. Estoy en udemy para compartir mis conocimientos de todas las tecnologías que domino y las que me quedan por dominar ya que estoy en constante evolución .