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, 400);

  // 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(252, 208, 180);

  ellipse (400, 300, 300, 380);

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

  fill("LightPink");

  ellipse (470, 250, 70, 40);

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

  fill("LightPink"); //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("LightBlue");

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

}

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​