Creative Coding with P5.js

This workshop teaches students to code with P5.js, a JavaScript library for creating graphic and interactive experiences. P5.js is a great language for beginning coders to learn the fundamentals of programming in a creative environment.

Chapters

  1. Intro to P5.js
  2. Shapes
  3. Movement
  4. Sliders and Circles
  5. For Loops
  6. Sound
  7. Arrays and Objects
  8. Images
  9. P5.js with HTML
  10. Github Pages P5.js Sketch Portfolio

Subjects: Computer Science, Design, Art, Mathematics

Age Range: 6th – 12th Grade

Difficulty: Intermediate

Time: 1-30 hours (Intro lesson – full course)

Materials:

  • Computers with internet access