Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Canvas Html5 Medio y Avanzado 2021
Rating: 4.5 out of 5(34 ratings)
11,634 students

Canvas Html5 Medio y Avanzado 2021

Aprende nuevos conceptos de canvas.
Last updated 10/2021
Spanish
Spanish [Auto],

What you'll learn

  • Aprenderán a dibujar con canvas
  • Aprenderán conceptos físicos de los videojuegos 2D
  • Aprenderán conceptos trigonométricos de los videojuegos 2D
  • Trabajar con textos en canvas
  • Trabajar con Imágenes
  • Tiro parabólico concepto físico aplicado a Javascript
  • Orbitas , concepto trigonométrico para orbitar
  • Rotaciones , tanto animadas como con eventos de ratón.
  • Detectar coordenadas en el canvas e imprimirlas en pantalla
  • Más cosas que estan por llegar , es un curso escalable.

Course content

1 section22 lectures5h 29m total length
  • Introducción2:51

    Una pequeña introducción a lo que veremos en el curso.

  • Creando Contexto9:17

    Vamos a crear un contexto en canvas . El código minimo necesario para poder usar canvas y que estará presente en todos los temas.

  • Detección de Coordenadas15:42

    Vamos a aprender a detectar las coordenadas en el canvas  y a imprimirlas en él .

  • Textos16:30

    Vamos a trabajar con textos en canvas .

  • Cuadrados18:57

    Empezamos a dibujar haciendo cuadrados en el canvas.

  • Líneas11:43

    Vamos a dibujar lineas en el canvas.

  • Curvas35:36

    Aprendemos a dibujar curvas cuadráticas y curvas de Bezier.

  • Ellipses9:22

    Vamos a ver como realizar ellipses.

  • Sombras4:37

    Vamos a aprender como usar las sombras en canvas.

  • Gradientes18:58

    Vamos a ver los gradientes en canvas.

  • Rejilla7:33

    Vamos a ver como hemos hecho la rejilla en canvas.

  • Finales de linea y Ángulos15:33

    Dar estilos a finales de línea.

  • Conversión Radianes a Grados y Viceversa3:40

    Vamos a convertir radianes a grados y al revés.

  • Rotate36:44

    Vamos a aprender a rotar figuras , animandolas y con eventos.

  • Transparencias7:55

    Vamos a ver  como trabajar con transparencias en Canvas.

  • Modos de Fusión16:01

    Vamos a ver los modos de fusión.

  • Buscatrazos18:00

    Vamos a usar el buscatrazos que es una herramienta parecida a la de photoshop pero cón código.

  • Imágenes12:19

    Vamos a ver como trabajar con imágenes en el canvas.

  • Órbitas Conceptos Teóricos9:12

    Vamos a hacer orbitar un cuadrado alrededor de otro . Pero antes vamos a ver la teoría que hay detrás.

  • Órbitas Práctica31:20

    Vamos a hacer la órbita de un cuadrado sobre otro.

  • Movimiento Parabólico de Caída Libre Teoría6:27

    Vamos a ver el movimiento parabólico , la teoría.

  • Movimiento Parabólico de Caída Libre ,Práctica21:37

    Vamos a ver el movimiento parabólico de caída libre.

Requirements

  • Se necesita experiencia en Javascript .

Description

Curso Avanzado de Canvas HTML5 . Este curso esta pensado para gente que quiera introducirse en el mundo de los videojuegos 2D con javascript. Canvas , es una tecnología de html , con la que podemos pintar, animar y manipular píxeles entre otras cosas . De ahí su nombre "Canvas" , cuya traducción es lienzo . En sí no es un curso de videojuegos , pero vas a encontrar fórmulas y técnicas con las que se hacen las librerias de videojuegos 2D que trabajan en los navegadores. El curso se presenta con el nombre de Canvas Avanzado y es lo que és en realidad,pero se ha introducido material más avanzado y díficil de encontrar , ya que  algunas técnicas que vemos y veremos , las he confeccionado a partir de formulas trigonométricas y físicas  adaptadas al lenguaje javascript. En total veremos rotaciones por medio de eventos , órbitas y tiro parabólico de caida libre aplicado al lenguaje javascript , y se añadirá más material paulatinamente , aúnque con el contenido del curso y alguno más enfocado a videojuegos , el alumno podrá crear su propia librería javascript para videojuegos siempre que tenga el nivel del lenguaje requerido. Por lo pronto el curso se presenta como canvas nivel medio y avanzado con algunas extras que he visto interesantes para incluir. El curso parte de básico , lo importante es que el alumno tenga unas bases de javascript  . Cabe recordar que este curso ni es un curso de javascript ni de videojuegos pero lo que aquí encontrará es imprescindible si quiere adquirir un nivel más avanzado al poder aplicar estas técnicas.

Who this course is for:

  • Programadores Javacript quieran aprender esta tecnología
  • Cualquier persona que domine las bases de javascript y quiera aprender canvas.