boolean drawing = false;
boolean started = false;
PVector[][] shapes = new PVector[6][30];
PVector mousePos;
int curshape, curstep;

void setup() {
  size(400,400);
  curshape = 0;
  frameRate(30);
  mousePos = new PVector(0,0);
}

void draw() {
  background(160);
  mousePos.x = mouseX;
  mousePos.y = mouseY;
  if (mousePressed) {
    if (!drawing) {
	//starting a new shape
	drawing = true;
	curstep = 0;
	
	shapes[curshape][curstep] = mousePos; //store mouseposition

	rect(25, 25, 100, 100); //for debugging purposes
    } 
    else {
	//continuing shape
	//println(mousePos.x);
	//println(shapes[curshape][curstep].x);
	println(shapes[curshape][curstep].dist(mousePos));// and WHY is the distance always 0? I never update the array?
	
	if (shapes[curshape][curstep].dist(mousePos) > 10) {
	  curstep++;
	  shapes[curshape][curstep] = mousePos;
	}

	//draw what we have so far
	beginShape();
	for (int i =0; i <=curstep; i++) {
	  curveVertex(shapes[curshape][curstep].x,shapes[curshape][curstep].y);
	}
	endShape();
	rect(25, 25, 20, 20); //for debugging purposes
    }
  } 
  else {
    //mouse is not pressed. animate!
    drawing = false;
    if (started) { //check if we've drawn sth so far
	beginShape();
	for (int i =0; i <=curstep; i++) {
	  curveVertex(shapes[curshape][curstep].x,shapes[curshape][curstep].y);
	}
	endShape();
    }
    rect(25, 25, 50, 50); //for debugging purposes
  }

}