Please enable JavaScript to use CodeHS


Digital Art with p5.js

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.

Overview & Highlights

Middle School, High School
Contact Hours

Course Overview

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.

Offline Handouts

Demo Programs

Explore programs that your students will build throughout this course!

Course Resources

Here are a few examples of teacher resources and materials to use in the Digital Art with p5.js course

Customizable Assignments

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

Actions for Teachers

Didn’t find what you were looking for? Here are a few links that might be useful to you.

You also might like

Related Courses