void setup(){
  size (600,600);
  smooth();
  // define initial mouse position -- drawing part -- i like
  mouseX = 600;
  mouseY = 600;


}

void draw(){
  //sets color for background
  background(255);

  //atempt to draw organics shapes

  // repeats the shape and beziers
  // initialize variable i with value -160;   
  // continue doing this till i is equal to 528 ; controls th2 number of new bezier created
  //increments value of i adding 10 each loop;
  // 528 -- trying to get this shape--open a little bit
  for (int i = 160; i<=528; i+=10){
    // mostly red and transparent
    // adding a RGB color with i - creates # color each loop + transparency ( static value -- just a little of transparency)
    // red + 160 ( i -- makes up to 255 -- red + green - each loop color will be more yellow
    // blue i-200 -- starts to be small but then increments to 255 --- ???
    // since i increments -- the las value will be white ( 255,255,255)
    fill ( 255, i, i-200, 200);
    // indicates that a shape is being created
    beginShape();
    // sets the first vertex for the shape_ anchor point A
    vertex(-55, -51);
    // draws a bezier: anchor point A + anchor point B (500,500)
    // with 2 control points cx1, cy1 + cx2, cy2
    // here they are draw by the mouse position
    // 160,35
    // the mouseX controls this bezier
    bezierVertex(mouseX,i,mouseX,i-125, 620, 650);
    // second bezier. uses anchor point B and creates the anchor point C that is the same values os the first vertex
    // to close the shape
    //312
    //the mouse Y controls this bezier
    // trying to get diferents operations
    bezierVertex(i+52,mouseY,(i-200)*2,mouseY,-55,-51);

    // finish shape
    endShape();
    println(i);
    println("X"+mouseX);
    println("Y"+mouseY);

  }

}