🕛
Monday / Jun 23rd, 20256/23/2025

Pixels

Take a ride along the Pixels track and explore pixels with p5.js and Processing. In this track, I demonstrate how to work with real-time live video, using tint() to change colors and copy() to takes snapshots. I also explore how the pixel array works. I create examples of "software" mirrors that draw pixels as shapes or use DOM elements. I demonst ...

Side track

10 videos

Languages

JavaScript,Processing,

Topics

p5.js,video,

Live Video and createCapture

Languages

JavaScript

Topics

p5.js,video,

This video covers the createCapture() function.

  • Editing

    by Mathieu Blanchette

Passenger Showcase

The Showcase is collection of projects created by viewers like you!

Have you made something? Please share your work!

Try a challenge!

Suggested by the video you're watching

"Pixel Sorting in Processing" challenge

In this coding challenge, I implement “Pixel Sorting” in Processing (Java). Using a “selection sort” algorithm, I sort the pixels of an image by brightness and hue.

"Image to ASCII" challenge

Let's make ASCII art in p5.js together! In this video, I demonstrate a variety of techniques for translating the pixels of an image into text and finish with rendering video as text ASCII characters in a DOM.