01_pixels.md

Introduction to ICM: Media

Question

Why are we interested in computing media?

Pixels: Pixels as Data

Some of the videos in this section were created 2-3 years ago. They use different editors for p5.js. All of the concepts should still apply?

Question

What can we express through algorithms?

Video Tutorials

Basics

• 11.1: Live Video and createCapture() - video tutorial
• 11.3: The Pixel Array - video tutorial

Ways to play with pixels

• 11.4: Brightness Mirror - video tutorial
• 11.5: Checkbox Mirror - video tutorial
• 11.6: Painting with Pixels - video tutorial
• 11.8: Video Effects with Seriously.js - video tutorial

Fun way to animate

• 11.2: Video Photobooth / Muybridge Style Animation - video tutorial

Code

• Code for video tutorials in p5 editor
• Code for video tutorials on github
• Chapter 15 (images and pixels) from Learning Processing ported to p5.js
• Chapter 16 (video) from Learning Processing ported to p5.js

Getting Started with p5.js book

• Chapter 7 through Ex. 7-9 of Getting Started with p5.js book - Ebook (free with NYU Library login)

Reference

• p5 reference: pixels
• p5 reference: get()
• p5 reference: set()
• p5 reference: copy()
• p5 reference: filter()
• p5 reference: createVideo()
• p5 reference: createCapture()
• p5 reference: p5.MediaElement