var multY = 3;

var delta = 0.05;

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

  var x = 0;

  line(200,0,200,400)

  line(0,200,400,200)

  while (x < 400){

    x += delta

     point(x*multX, 200+ (multY*tan(cos(x))))

  }

  textSize(12);

  text(`X ${round(mouseX, 3)}`,110,365);

  text(`Y ${round(mouseY, 3)}`,110,380);

​

  text(`${round(mouseX+mouseY, 2)}`,160,371)

  text(`multX ${round(multX, 3)}`,210,365);

  text(`multY ${round(multY, 3)}`,210,380);

  text(`step   ${round(delta, 5)}`,210,395)

  for(var i = 0; i < 400; i++) {

    if(i%50 == 0){

      text(i-200, i, 200)

      text(-i+200, 200, i)

    }

  }

  text(`${round(multX+multY, 2)}`,293,371)

  textSize(30);

  text('}', 280, 375)

  text('}', 145, 375)

  text('tan(cos(x))', 5, 25)

  noLoop();

}

​

function keyPressed() {

  loop();

}

​

function mouseMoved(){

  multX=mouseX/25;

  multY=mouseY/4;

  delta=map(max(mouseX,mouseY), 0, 400, 0.05, 0.005)

  print(multX);

  print(multY)

  loop();

}

​