var difference =0;

var circleXStart;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  rectMode(CENTER);

  noLoop();

}

​

function draw() {

  background(255);

​

//   for (var i = 0; i < width; i += 8) {

//     stroke(255);

//     strokeWeight(1.5);

//     line(i, 0, i, height);

//   }

//   fill(0);

//   rect(width / 4, height / 2, squareSize);

//    for (var i = height/2 - squareSize/2; i < height/2 + squareSize/2; i += 8) {

//     stroke(255);

//     strokeWeight(1.5);

//     line(width/4-squareSize/2, i, width/4+squareSize/2, i);

//   }

  circle(width * (3 / 4), height / 2, squareSize);

​

   for (var i = height/2; i > height/2 - squareSize/2; i -= 3) {

    stroke(255,0,0);

    strokeWeight(1.5);

    difference = squareSize/2 - sqrt(sq(squareSize/2) - (sq(height/2 - i)))

    console.log(difference)

    line((width*(3/4)-squareSize/2+difference), i, (width*(3/4)+squareSize/2-difference), i);

  }

  for (var i = height/2; i < height/2 + squareSize/2; i += 3) {

    stroke(255,0,0);

    strokeWeight(1.5);

    difference = squareSize/2 - sqrt(sq(squareSize/2) - (sq(height/2 - i)))

    console.log(difference)

    line((width*(3/4)-squareSize/2+difference), i, (width*(3/4)+squareSize/2-difference), i);

  }

  // for (var i = 0; i < height; i += 8) {

  //   stroke(255);

  //   strokeWeight(1.5);

  //   line(0, i, width, i);

  // }

}

​