↑ All Courses

Student Qualifications

  • Grades 6–12 (Accelerated learners in earlier grades are welcome with instructor approval)
  • Logical thinking and math skill
  • Facility with computers
    • Operating system and browser (download, install, unzip, move files around)
  • Typing ability

Class Description

p5.js is a JavaScript library for programming cool 2D and 3D graphics and animations. It’s easy to get started with it, right in your browser. Check out this example and some others.

Combining programming in a real language with cool graphics makes a fun way to learn.

Class Projects

In this class, we’ll program creative works like these:

  • fields of 3D objects, rotating either over time, or with mouse input
  • a mouse paintbrush that automatically cycles through color hues
  • random star fields that we can move through
  • programs that produce and visualize sound
  • patterns that morph into other patterns
  • animated optical illusions

What You’ll Learn

  • how to work in an x, y, z, three-dimensional space
  • a little bit of math for positioning things in that space
  • how to transform objects in space
    • rotation
    • translation (moving)
  • how color is made from red, green and blue lights (and why those colors are important, considering how our eyes work)
  • how sound is made, and how we hear it
  • how to imagine a fun, colorful animation, and program it
  • some JavaScript, including
    • variables
    • loops
    • functions
    • conditional logic
    • random numbers

Graphics, Animation, Art, and Sound Playlist