var bx, by;

var nFramesToMove = 60;

var clickFrame = 0;

var bReadyForPhaseTwo = false;

var prevt = 0;

​

function setup() {

  createCanvas(400, 400);

  ax = width/2;

  ay = height/2;

  bx = ax;

  by = ay;

}

​

function draw() {

  background(220);

  strokeWeight(3);

  fill(255,200,200);

  var t = (frameCount - clickFrame)/nFramesToMove;

  t = constrain(t, 0, 1);

  if ((t >= 1.0) && (t > prevt)){

    bReadyForPhaseTwo = true;

    doPhaseTwo();

  }

  prevt = t;

  var px = lerp(ax, bx, t);

  var py = lerp(ay, by, t);

  ellipse(px, py, 30,30);

}

​

function doPhaseTwo(){

  print("yay "  + frameCount);

  bReadyForPhaseTwo = false;

}

​

function mousePressed(){

  ax = bx;

  ay = by;

  bx = mouseX;

  by = mouseY;

  clickFrame = frameCount;

}

​