let dir = 1;

​

let max = 135;

let min = 45;

​

let force = .4;

​

const slowDown = true;

​

function setup() {

  createCanvas(400, 400);

​

}

​

function draw() {

  background(220);

  translate(width/2, height/3)

  if (between(x, 90,135)) {

    dir -= 0.2

  }

  if (between(x, 45, 90)) {

    dir += 0.2

  }

  if (x > max) {

    dir -= force

  }

  if (x < min) {

    dir += force

  }

  x += dir;

  push()

  fill(255,0,0,20)

  stroke(0,0,0,20)

  rotate(radians(max))

  line(0,0,150,0)

  ellipse(150,0,50,50)

  pop()

  push()

  fill(0,0,255,20)

  stroke(0,0,0,20)

  rotate(radians(min))

  line(0,0,150,0)

  ellipse(150,0,50,50)

  pop()

  push()

  rotate(radians(x))

  line(0,0,150,0)

  ellipse(150,0,50,50)

  pop()

  // drag();

  // if (slowDown) {

  //   if (max > 90 && min < 90) {

  //     max -= .3;

  //     min += .3;

  //   } else if (force < 0.5){

  //     force += 0.001

  //   } else {

  //     x = 90

  //   }

  // }

  // print(dir)

}

​

function mousePressed() {

  print(force)

}

​

// function drag() {

//   if (x > 90) {

//     dir+=0.2;

//   } else if (x < 90){

//     dir-= 0.2

//   }

// }

​

function between( s, min, max) {

  if (s > min && s < max) {

    return true;

  }

  return false;

}