float sz;
PGraphics img; 
PFont font;
void setup() { 
  size(3000, 3000);
  sz = 3000 * .4;
  font = createFont("GillSansUltraBold.ttf", sz);
  img = createGraphics(width, height);
} 
void mouseMoved() {
  //sz = map(mouseX,0,width,20,300);
}

void draw() { 
  
  img.beginDraw();
  img.clear();
  img.fill(0);
  img.stroke(0);
  img.textFont(font);
  img.textSize(sz/4.25);


  img.textAlign(CENTER, TOP);
  String s="THE NEW MAGNOLIA";
  int l=s.length(); //the length of the string
  float r=sz + img.textAscent(); //the radius of the circle

  float f1 = map(mouseX, 0, width, -2, 2);
  float f2 = map(mouseY, 0, height, -2, 2);
  println("f1:"+f1+ " f2:"+f2);


  for (int i=0;i<l;i++) {

          float ang = map(i, 0, l, 1.53*PI, .4 * PI);

//    float ang = map(i, 0, l, f1*PI, f2 * PI);
    float x=sin(ang)*r;
    float y=cos(ang)*r;   
    img.pushMatrix();
    img.translate(x+width/2, y+height/2);
    img.rotate(-ang+PI);
    char c=s.charAt(i);
    img.text(c, 0, 0);
    img.popMatrix();
  } 
  img.textSize(sz/3.5);
  s="JAZZ BAND";// of Activist Musicians"; //the string
  l=s.length(); //the length of the string
  r=sz -0.25 *img.textAscent(); //the radius of the circle
  //now for every char of the string calculate the position on a circle
  for (int i=0;i<l;i++) {
    float ang = map(i, 0, l, -.324*PI, 0.412 * PI);
    float x=sin(ang)*r;
    float y=cos(ang)*r;   
    img.pushMatrix();
    img.translate(x+width/2, y+height/2);
    img.rotate(-ang);
    char c=s.charAt(i);
    img.text(c, 0, 0);
    img.popMatrix();
  } 
  noFill();


  stroke(255);
  strokeWeight(2);
  //ellipse(width/2,height/2,sz*2,sz*2);
  //ellipse(width/2,height/2,sz*2+textAscent()*2,sz*2+textAscent()*2);

  img.imageMode(CENTER);
  img.image(loadImage("vectorbw.png"), width/2, height/2, sz*2, sz*1.5);

  img.endDraw();
  img.save("magnolia.png");
  noLoop();
  background(200);
  image(img, 0, 0); //show to screen
}