Assignment: Sound responsive face

For this assignment, you’ll add sound-interactivity to your face using the Minim audio library.

The template files can be downloaded from here

Your Processing project will have two files.

The map function is crucial for this assignment.

float V = map(volume, 0, 100, 2,100);

In this snippet, V will assume a value between 1 and 200 in relation to the value of volume.
0 (silence) -> 1
200 (maximum noise) -> 200
All the in-between values will be scaled proportionally.

Map can produce negative values

float V = map(volume, 0,100, -100,100);

Or invert the scale

float V = map(volume, 0,100, 500,0);



Make a face responsive to the microphone activity.
It can be the same as the previous one, a simplified on (more iconic) or a completely different one.

Please note that the resulting app will not work in a browser because of security restrictions.
That’s OK.


  • If stylized character design is not one of your strengths, look for inspirations in the pictoplasma Flickr pool
  • Sometimes a good color scheme can really push a design piece to da next level. Try to steal some cool schemes from the colourlovers community
  • Volume can affect colors, positions, sizes, portion of arcs, control points in curves
  • Always backup your projects. Careful the name of the folder must correspond to the name of the main file. es: soundFaceBackup must contain soundFaceBackup.pde and MyAudioHandler.pde.
  • The easiest way to mash up this sketch with the previous one is copy the instructions from the static face to the dynamic example and not viceversa.
  • Don’t put other .pde files in your folder unless you know what you are doing, it may confuse Processing. You should have only 2 open tabs, the face sketch and the microphone handler.
  • Don’t get too obsessed if some shape breaks or overlaps, the microphone handler is not 100% reliable and may occasionally shoot some weird levels. The function constrain(var, min, max) can also be used to limit values.

If this assignment is too easy for you, you can integrate face detection using this super simple package:
FaceOSC + Processing template
Read the readme file for instructions.


Since this exercises uses external libraries, we are not using the openprocessing website.
1. zip the project folder
2. rename the zip as your name
3. send me a copy via email at paolop andrew.. with email subject: sound face

Posted in

Post a comment