let mic;

​

function setup() {

 mic= new p5.AudioIn();

 mic.start();

  createCanvas(800, 600);

}

​

function draw() {

  background(255)

  let vol=mic.getLevel();

  let mouthH=map(vol, 0, 1, 0, 800);

  // la el·lipse té quatre números el primer número és la distancia en el eix x horizontal

  // des de la cantonada superior esquerra, el segon número és la distancia en el eix i 

  // alçada des de la cantonada superior esquerra, el tercer número es l'amplada en pixel,

  // el quart número és l'alçada en pixels. Els dos primers números ens dona el centre de la

  // el·lipse des de la cantonada superior esquerra i els dos últims números ens diu quant ampla es la el·lipse i quan alta es la el·lpise

  //les dos següents són l'ull dret

  fill(255, 247, 194); 

  ellipse (400, 300, 300, 380);

 //les següents dos línies són la cara

  fill(255, 0, 0); 

  ellipse (470, 250, 70, 40);

  //les dos següents són l'ull esquerra

  fill(0, 0, 255); //fill significa donar color, el primer número es vermell i el màxim// és 255, el segon número és el verd, el tercer número és el blau

  // Per exemple si és 255,0,0 serà de color vermell,

  // 0,255,0 serà de color verd 

  // 0,0,255 serà de color blau

  ellipse (330, 250, 70, 40);

  //boca

  fill("yellow");

  arc (400, 390, 130, mouthH, 0, PI);

}