Aprende P5js

Name: Aprende P5js
Availability: InStock
Rating: 4.70 (778 reviews)

4.70

7,782 students

11h 6m

Updated Feb 2026

What you'll 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.

Course 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.