idea 1 (mikro)

let shape;

let mic;

let o = 0.0;

let p = 0.0;

​

​

function preload() {

   i = loadImage("i.png");

   d = loadImage("d.png");

   e = loadImage("e.png");

   a = loadImage("a.png");

   i_1 = loadImage("i_1.png");

   d_1 = loadImage("d_1.png");

   e_1 = loadImage("e_1.png");

   a_1 = loadImage("a_1.png");

   i_2 = loadImage("i_2.png");

   d_2 = loadImage("d_2.png");

   e_2 = loadImage("e_2.png");

   a_2 = loadImage("a_2.png");

   i_3 = loadImage("i_3.png");

   d_3 = loadImage("d_3.png");

   e_3 = loadImage("e_3.png");

   a_3 = loadImage("a_3.png");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight); 

  mic = new p5.AudioIn();

  mic.start();

}

​

function draw() {

  background(0,20);

​

  imageMode(CENTER);

​

​

      tint(244, 211, 94);

  var r = map(mic.getLevel(), 0, 3, 0, 1*PI);

  var r2 = map(mic.getLevel(), 0, 5, 0, 1*PI);

  var s = 200; 

  //scale

  o =  + 0.04;

  p = cos(o) * 2;

  translate(width/2, height/2);

  push();

  translate(-500, 0);

  rotate(-r);

   scale(r2/p*100);

  image(i_1, 0, 0, s, s);

  pop();

  push();

  translate(-200, 0);

  rotate(-r);

  scale(r/p*100);

  image(d_1, 0, 0, s, s);

  pop();

  push();

  translate(200, 0);

  rotate(r);

  scale(r/p*100);

  image(e_1, 0, 0, s, s);

  pop();

  push();

  translate(500, 0);

  rotate(r);

  scale(r2/p*100);

  image(a_1, 0, 0, s, s);

  pop();

​

}