Aprende P5js

El poder de Processing con la flexibilidad de JavaScript

Aprende P5js - Codeintra

Make Someone's Day

Share this incredible course!

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.





Learning Objectives

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

Prerequisites

🔹Conocimientos generales de HTML, CSS y JavaScript.

Who This Course Is For

🔹Diseñadores y desarrolladores web

Course Details
Price FREE
Views 0
Lectures 112
Duration 11 hours
Last Update 16-Jun-2026
Release Date 16-Jun-2026
Category Development
This course includes:

📹 Video lectures

📄 Downloadable resources

📱 Mobile & desktop access

🎓 Certificate of completion

♾️ Lifetime access

RELATED COURSES