var theta=0;
var x=0
var y;
var scaled
var angle=0;
var osc;
var f;
var ani=0.08;

function setup() {
  createCanvas(800, 400);
  background(220);
  osc = new p5.Oscillator();
  osc.start();
  
}

function draw() {
 background(220);
  
  f=map(mouseX,0,800,300,600);
  osc.freq(f);
  ani=map(mouseX,0,800,0.07,0.09);
  
  theta = theta+0.02; // speed up/slow down
  
  
  
  print("Unmapped value:" + y);
  print("Mapped value "+ scaled );
  
  // line(width/2,0, scaled,height/2);
  
  
  for(
    var i = 0;
    i<80; // is this true
    i++) // adds 1 every time
  {
    y=sin(theta+angle);
    scaled = map(y,-1,1,0,400);
    ellipse(i*10, scaled,10);
    angle=angle+ani
  }
  
  
  
}