PFont f;
float startx;
float x;
float endx;
float distx;
float step = 17;
float easing = 0.08;

int direction = 1;
void setup() {
  size(600, 400);
  smooth();
  f = createFont("sans-serif", 36);
  textFont(f);
  startx = (width*.5) - (textWidth("you spin me") * .5) - 30;
  x = (width*.5) - (textWidth("you spin me") * .5);
  endx = (width*.5) - (textWidth("you spin me") * .5) + 30;
  distx = endx - startx;
}

void draw() {
  fill(255, 200);
  rect(0, 0, width, height);
  fill(0);
  String greeting = "hoopy! birthday! ";
  String center = "you spin me";
  float radius = 200;
 
  x+=step * direction * easing;
  if (x > endx || x < startx) { 
    direction = -direction;
  }
  text(center, x, height*.5);
 
  int numChars = greeting.length();
  for (int i = 0; i<numChars; i++) {
    char thisChar = greeting.charAt(i);
    float theta = map(i, 0, numChars, radians(0), radians(360));
    theta -= frameCount * .01;
    float xpos = 300 + (radius * cos(theta));
    float ypos = 200 - (radius * 0.6 * sin(theta));
    text(thisChar, xpos, ypos);
  }
 
 
}