Digital Art with p5.js
- Level Middle School, High School
- Contact Hours 20
- Timeframe Month
To view the entire syllabus, click here or click to explore the full course.
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.
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.
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.
Explore programs that your students will build throughout this course!
Here are a few examples of teacher resources and materials to use in the Digital Art with p5.js course
Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.Learn More
Didn’t find what you were looking for? Here are a few links that might be useful to you.
You also might like