Digital Art with p5.js
- Level Middle School, High School
- Contact Hours 20
- Timeframe Month
The Digital Art with p5.js course explores the intersection of art and computer science. Using p5.js, a free and open-source JavaScript library for creative coding, students create digital drawings, animations, and interactive sketches while also learning how to code.
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. |
|
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. |
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 MoreDidn’t find what you were looking for? Here are a few links that might be useful to you.
You also might like
