Animating Your Face

Activity Description

Now that you have your face programmed, we will animate it with sound. Check out this example, to get an idea of what you will be doing.

Topics Covered

Using the background method to clear the sketch
Using the minim sound library
Using variables
Using basic mathematical operations with variables
[Optional] Using map to map values from one range to another

Libraries

To Animate our faces we will be using a Sound Library called minim because the Processing sound library is not working on these lab machines. A library is a piece of code that was written by someone else, that is precompiled and ready to be used.

Minim is not downloaded automatically with Processing due to its increasing size. Simply click Sketch on the menu

And then click on Import Library and select Add Library and install it!

Setting up the sound library

First, add a background call at the top of draw, this will clear the background everytime draw repeats. The code below will reset the background to white, but you can set it to any color you want.
```
background(255, 255, 255);
```

Click the little arrow next to your code tab, and then paste in the code below (you can name the tab anything you want). You do not need to worry about this code, it is doing some needed operations in the background

import ddf.minim.*;

Minim minim;
AudioInput in;

private float volumeA;

private final float EASING = 0.2;
private final float MULTIPLIER = 1000;

void setupVolume() {
  minim = new Minim(this);
  in = minim.getLineIn(Minim.MONO, 512);
}

float getVolume() {
  float currentVolume = in.right.level() * MULTIPLIER;

  float volumeDifference = currentVolume - volumeA;
  if(abs(volumeDifference) > 1) {
    volumeA += volumeDifference * EASING;
  } 
  return volumeA;
}

void stop() {
  in.close();
  minim.stop();
  super.stop();
}

Now go back to your code and define a new variable for the volume at the top:
```
float volume;
```
Then, inside of setup add the code:
```
setupVolume();
```
Lastly, at the top of draw add
```
volume = getVolume();
```
.
Now you can add, subtract, multiply, or divide your volume variable with any of your shapes or lines, to create a face animation that interacts with the sound input.

Code example with the sound library setup

Walker's code example (main program) with the sound library setup

Walker's code example (sound program) with the sound library setup from the minim Quickstart page

All done? Move to the next activity!