p5.js · Academic year 2627

Sessions hub

A chronological entry point for the tutorials, activities, and sketches developed during the academic year.

Available sessions

Session 01 · Introduction to p5.js
Structure, geometry, color, animation, and collisions. Session 02 · Shapes, scenes, pixel art, and classes
Collisions, layered scenes, matrix-based drawing, and the Persona class. Session 03 · Generative art with random, noise, and seeds
Static artistic canvases, reproducible systems, and visual interpolation with lerp. Session 04 · User interaction with mouse and keyboard
Clicks, wheel input, keyboard events, and the main global input variables in p5.js. Session 05 · dist() and map()
Distance-based interaction and range mapping to control color, brightness, and scale. Session 06 · Agents and particles
Autonomous agents, class reuse, and particle emitters with finite lifetimes. Session 07 · AC-02 Sistema Vivo
Activity briefing, autonomous agents, and a class sketch used to prototype the final piece. Session 08 · Sonido y DOM con p5.js
Introducción a p5.sound y comparación entre el DOM nativo y las herramientas DOM de p5.js.