Aprende P5js

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.