easing

var t, t1, t2;
var frms = 200;
var x = 0,
  x2 = 0,
  x3 = 0,
  w = 0;

function setup() {
  createCanvas(800, 600);
}

function draw() {
  background(255);
  t = (frameCount % frms) / (frms - 1);
  if (t < 0.5) {
    w = width;
  } else {
    w = 0;
  }
  var N = 2;
  x = ((x * (N - 1)) + w) / N
  ellipse(x, 100, 50, 50);
  N = 8;
  x2 = ((x2 * (N - 1)) + w) / N
  ellipse(x2, 150, 50, 50);
  N = 20;
  x3 = ((x3 * (N - 1)) + w) / N
  ellipse(x3, 200, 50, 50);
}