Please enable JavaScript to use CodeHS

Digital Art with p5.js


Unit Description
Getting Started With p5.js: Students explore the intersection of art and coding. Students learn the fundamental concepts of p5.js and create their first sketch using p5.js shape-drawing and color functions.
Animation: Students learn techniques to turn their static sketches into animations. Students learn how to change the value of variables to animate the position, color, and transformation of shapes.
Interactivity: Students learn about interactivity and how to create sketches that react to user input. Using system variables provided by p5.js, students add conditional logic to their code that modifies the composition when mouse and keyboard input is detected.