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.

Any idea how to improve this course?
Excellent, please share your feedback!

Leave a Reply

← 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. Example: Random Collage Generator
  19. Example: Random Collage Generator 2
  20. Wrapping Up
  21. Appendix