Images and Pixels

In this course you will learn how to work with images in Processing and p5.js. We will take a close look at what image data actually consists of and how it can be processed in several ways generatively. Rasterization plays an important role and serves as a fundamental principle.

← Back to course-overview

Get started →
  1. Intro
  2. Preloading (p5.js)
  3. Asset Management
  4. PImage
  5. Displaying an image
  6. Resizing an image
  7. Scaling
  8. Image Filters
  9. Masking
  10. Picking colors
  11. Pixelation
  12. Brightness
  13. Threshold
  14. Faking Color Separation
  15. Rasterization
  16. Rasterization in 3D / Extrusion
  17. Rasterization combined with Wave-Motion
  18. Wrapping Up