stringArt_Day12

let a=2,b=4;
function setup() {
  createCanvas(500, 500);
  angleMode(DEGREES)
  makeButton()
  strokeWeight(0.7)
}

function draw() {
  background(0);
  translate(width/2,width/2)
  for(let i=0;i<360;i++){
    stroke(200-i,100+i,150+i)
    x1 = (width/2.5)*sin(i*a)
    y1 = (width/2.5)*cos(i*a)
    x2 = (width/2.5)*sin(i*b)
    y2 = (width/2.5)*cos(i*b)
    line(x1,y1,x2,y2)
  }
}
function makeButton(){
  stroke(255);
  fill(255);
  aSlider = createSlider(1, 40, a, 1);
  aSlider.position(20, 520);
  aSlider.size(190,20);
  bSlider = createSlider(1, 40, b, 1);
  bSlider.position(20, 570);
  bSlider.size(190,20);
  valueDisp1 = createP()
  valueDisp1.position(20, 490);
  valueDisp1.html("a = " + a)
  valueDisp2 = createP()
  valueDisp2.position(20, 540);
  valueDisp2.html("b =  " + b)
  aSlider.input(sliderChange1);
  bSlider.input(sliderChange2);
  function sliderChange1(){
    a=aSlider.value();
    valueDisp1.html('a =  ' + a)
  }
  function sliderChange2(){
    b=bSlider.value();
    valueDisp2.html('b =  ' + b)
  }
}