Pixel

Portrait

The Task

Create an interactive code using processing

Mood-board

Concept

I wanted to create a pixel portrait by capturing a scene from the camera and turning it into dots. Instead of the shapes representing the colour of the image I wanted it to be triggered by the of the music file attached. Additionally I added some colour filters.

To make it more interesting I wanted to trigger the amp and speed of the audio file by the position of the mouse.

Code Structure

The Main File - Video

Use libraries such as video to use the camera, and sound to use the microphone and play a song.

The Dots Class

Create the dot portrait with the function of filters, color being defined with the volume and mousepressed clearing the screen.

The Buttons Class

Create and array of buttons which will change tint/filter the dots.

The Dot Class

Create an array of dots and define the color and size of the dots.

The colour of the dots will also change when the mouse is dragged across the screen

Code

Result

The pixels are being triggered by the audio file.

This is the result when there is no background music.

The pixels turn black on clicking the black filter.