Scarlett w/ Sound

var volume = 0;

​

function setup() {

  createCanvas(800,800);

  // Create an Audio input

  mic = new p5.AudioIn();

  // start the Audio Input

  mic.start();

  }

​

function draw() {

  background(49, 25, 138);

  var v = mic.getLevel();

  volume += (v - volume) / 3;

  //background

  ellipseMode (CENTER);

  stroke (171, 106, 22);

  strokeWeight(10);

  noFill();

  var back = map(volume,0,1,0,150)

  var back2 = map(volume,0,1,0,-150)

  ellipse (650+back,200+back2,200,200)

  ellipse (530,100,100+back,100+back)

  ellipse (50+back2,500+back,200,200)

  ellipse (150,550,80+back2,80+back2)

  ellipse (520,520,210+back,210+back)

  ellipse (150,150,180+back2,180+back2)

  ellipse (200,820,280+back,280+back)

  ellipse (830,350,150+back2,150+back2)

  strokeWeight (8);

  ellipse (280,600,70+back2,70+back2)

  ellipse (500,700,100,100)

  ellipse (700,660,70+back2,70+back2)

  ellipse (310,100,70+back2,70+back2)

  strokeWeight (6);

  ellipse (690,450,50+back2,50+back2)

  //face

  fill (46, 71, 232)

  noStroke();

  ellipse (400,400, 400,330)

  //ears

  var ear = map(volume,0,1,0,150)

  triangle (220-ear,170,220,350,410,350);

  triangle (580+ear,170,580,350,390,350);

  //fluffy

  var fluff = map(volume,0,1,0,80)

  triangle (160,500+fluff,220,425,300,540);

  triangle (170,440,220,395,220,465);

  triangle (640,500+fluff,580,425,500,540);

  triangle (630,440,580,395,580,465);

  //glasses

  rectMode (CENTER);

  stroke (170, 232, 46);

  strokeWeight (10);

  noFill();

  rect (490,400,130,90,30,20,40,40);

  rect (310,400,130,90,20,30,40,40);

  line (380,400,420,400);

​

  //whiskers

  var topWhiskers = map(volume,0,1,0,-100)

  var bottomWhiskers = map(volume,0,1,0,100)

  line (300,480+topWhiskers,350,465);

  line (320,515+bottomWhiskers,350,495);

  line (500,480+topWhiskers,450,465);

  line (480,515+bottomWhiskers,450,495);

  /*

  //nose 

  strokeWeight (6);

  line (415,450,400,465)

  line (385,450,400,465)

  */

  noStroke ();

  fill (170, 232, 46);

  ellipse (415,460,7,7);

  ellipse (385,460,7,7);

  //hair

  var hair = map(volume,0,1,0,-200)

  noStroke();

  fill (215, 189, 255);

  beginShape();

  vertex(370, 240);

  bezierVertex(270, 200, 200, 400, 100, 410+hair);

  bezierVertex(200, 450, 270, 440,370,240);

  endShape();

}