Trigonometry Plane

var radius;

var ang;

​

var offsetXAng;

var offsetYAng;

​

var offsetX;

var offsetY;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0);

  stroke(255);

  angleMode(DEGREES);

  noFill();

  textSize(20);

  radius = 300;

  ang = 90;

}

​

function draw() {

  offsetXAng = map(mouseX, 0, width, -1000, 1000);

  offsetYAng = map(mouseY, 0, height, -1000, 1000);

  offsetX = map(offsetXAng, -1000, 1000, -100, 100);

  offsetY = map(offsetYAng, -1000, 1000, -100, 100);

  background(0);

  translate(width/2, height/2);

  beginShape();

  for(ang = 0; ang <= 360; ang+=1){

    var offsetXRad = cos(ang)+1;

    var offsetYRad = sin(ang)+1;

    var x = (radius)*cos(offsetXAng*offsetXRad) * cos(ang) + offsetX;

    var y = (radius)*cos(offsetYAng*offsetYRad) * sin(ang) + offsetY;

    stroke(255, map(tan(ang), -2, 2, 255, 0));

    // if(ang = 0){

    //  // text(x, x, y);

    // }

    line(offsetX, offsetY, x, y);

    circle(x, y, 5);

    vertex(x, y);

  }

  endShape(CLOSE);

}