What You Will Learn!
- Aprenderá las bases de p5js , manejo de los eventos básicos y las formas de dibujo básicos, como cuadrados, círculos, rectángulos, elipses, arcos , líneas
- Creará polígonos, curvas bezier, curvas, funciones para las curvas, concatenar curvas bezier cúbicas, polígonos con cuadráticas, crear una estrella con polígono
- Utilizará los eventos del movimiento del ratón, detectar el botón sostenido, detectar la rueda del ratón, eventos del teclado, el pulsar y soltar una tecla.
- Aprenderá a manejar, cambiar y animar texto en p5js, cambiar el tamaño de la letra, desplegar el texto en una curva bezier y cargar fuentes externas.
- Aprenderá a hacer elementos HTML o DOM como: botones, cajas de entrada, cajas de verificación. deslizadores, botones de radio, selectores de colores
- Aprenderá a utilizar la rotación, la translación, la escala, la función pop() y push().
- Utilizará el modo WebGL para crear figuras 3D como cubos, esferas, elipsoides, toroides y planos, utilizará los materiales naturales, ambientales y reflejantes
- Creará una imagen, cargará una imagen externa, deplegarla en el canvas, aplicará una tinta o un filtro, manejo de transparencia, lectura y manipulación de px.
Description
La librería p5js es una poderosa herramienta orientada a artistas, diseñadores, profesores y principiantes de programación que nos permitirá hacer tareas creativas y de animación que se ejecuta perfectamente en las páginas web. Esta basada en el popular lenguaje Processing con la enorme flexibilidad de JavaScript. Los objetivos de este curso son:
Aprender las bases de p5js , manejo de los eventos básicos y las formas de dibujo básicos, como cuadrados, círculos, rectángulos, elipses, arcos , líneas y cuadriláteros.
Crear polígonos, curvas bezier, curvas, funciones para las curvas, concatenar curvas bezier cúbicas, polígonos con cuadráticas, crear una estrella con los polígonos y una flor con curvas.
Utilizar los eventos del movimiento del ratón, detectar el botón sostenido, detectar la rueda del ratón, eventos del teclado, el pulsar y soltar una tecla.
Aprender a manejar, cambiar y animar texto en p5js, cambiar el tamaño de la letra, desplegar el texto en una curva bezier y cargar fuentes externas.
Aprender a hacer elementos HTML o DOM como: botones, cajas de entrada, cajas de verificación. deslizadores, botones de radio, selectores de colores, reproductores de audio y video.
Aprender a utilizar la rotación, la translación, la escala, la función pop() y push().
Utilizar el modo WebGL para crear figuras 3D como cubos, esferas, elipsoides, toroides y planos, utilizará los materiales naturales, ambientales y reflejantes, así como el manejo de luces.
Crear una imagen, cargará una imagen externa, deplegarla en el canvas, aplicará una tinta o un filtro, manejo de transparencia, lectura y manipulación de pixeles.
Este curso esta dirigido a diseñadores y desarrolladores web que deseen crear animaciones interactivas visibles en navegadores web. Necesitas tener conocimientos previos de JavaScript y de HTML. En el capítulo final necesitarás un servidor local o un servidor web para poder cargar recursos externos a nuestras páginas. En todo momento contarás con los archivos del curso y los apuntes de cada sección.
Who Should Attend!
- Diseñadores y desarrolladores web
