so im working on a paint app and its going good so far
got all the the color i want for now
now im adding buttons to save and start new picture, etc


when i click the save button, if save the picture to the sketch folder but doesnt let you continue to draw.


also i was wondering how i could center text in an ellipse,

and when i click on one of the ellipse buttons it draws a dot on it, id like that not to happen

int x=10;
int y=10;
int rsize = 30;
int csize=40;

int[] rectX = new int[20];
int[] rectY = new int[20];
int[] rectCol = new int [20];

int[] circX = new int[6];
int[] circY = new int[6];

PFont font;


void setup(){
 

  background(135);
  size(1675,980);
 
  for (int i= 0; i < 20; i++){
    rectX[i] = x +45 *i;
    rectY[i] = y;
  }
    for (int o= 0; o < 6; o++){
    circX[o] = 1000 +45 *o;
    circY[o] = 25;
   
  }
rectCol[0] = color(0); //black
rectCol[1] = color(255); //white
rectCol[2] = color(46,11,11); //brown
rectCol[3] = color(120,10,10); // dark red
rectCol[4] = color(255,0,0); //red
rectCol[5] = color(250,71,74); // light red
rectCol[6] = color(245,59,255); //pinkish
rectCol[7] = color(232,0,245); // pink
rectCol[8] = color(129,3,137); //purple
rectCol[9] = color(55,55,250); //light blue
rectCol[10] = color(0,0,255); //blue
rectCol[11] = color(0,0,150); //dark blue
rectCol[12] = color(95,247,101); //light green
rectCol[13] = color(0,247,10); //lime green
rectCol[14] = color(0,103,4); //dark green
rectCol[15] = color(58,103,0); //yellow green
rectCol[16] = color(255,255,0); //yellow
rectCol[17] = color(255,100,0); //orange
rectCol[18] = color(155); // gray
rectCol[19] = color(55); //grayer

      font = loadFont("font1.vlw");
textFont(font);
 
  }
 
  void draw(){
   

text("New",1030,20,  circX[1],circY[1]);
text("Save",983,20,  circX[0],circY[0]);
   


pushStyle(); // preserve current drawing settings
stroke(0);
strokeWeight(2);
for(int i = 0; i < 20; i++){
      fill(rectCol[i]);
      rect(rectX[i], rectY[i], rsize,rsize);
     
     
}
     
      for(int o = 0; o < 6; o++){
 
     noFill();
      ellipse(circX[o], circY[o], csize,csize);
     
   
}
 // restore the drawing style back
popStyle();





          if((mousePressed==true)&&(mouseButton==LEFT)){
    strokeCap(ROUND);
    strokeWeight(10);
    smooth();
  line(pmouseX,pmouseY,mouseX,mouseY);


}



}


 void mousePressed() {

  for (int i = 0; i < rectX.length; i++) {
    if (overRect(rectX[i], rectY[i], rsize, rsize)) { // Better define constants to replace 50
      stroke(rectCol[i]);
      line(pmouseX, pmouseY, mouseX, mouseY);
       // No need to test the other rects
    }
 
 
    for (int o = 0; o < circX.length; o++) {
    if (overCirc(circX[0], circY[0], csize)) { //save picture to sketch folder
    saveFrame("picture.jpg");
    continue;
     
    }
   
 
     

    if (overCirc(circX[1], circY[1], csize)) { // start picture over
    background(135);
     
      line(pmouseX, pmouseY, mouseX, mouseY);
}
   
}
 }
 }

 

    boolean overRect(int x, int y, int width, int height)
    {
      if (mouseX >= x && mouseX <= x+width &&
          mouseY >= y && mouseY <= y+height) {
        return true;
      } else {
        return false;
      }
    }
   
    boolean overCirc(int x, int y, int diameter)
{
  float disX = x - mouseX;
  float disY = y - mouseY;
  if(sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
    return true;
  } else {
    return false;
  }
}

hello,
in my program id the strokeWeight of a line
to start at 0 and increase by 1 untill it gets to say 25,then decrease by 1 untill it gets to zero
and so on

in myprogram so far, once it gets to the maxiumum strokeweight is does not decrease





float value1=0;


void setup(){
  background(255);
  size(1300,700);
}

void draw(){
   if((mousePressed)&& (mouseButton==LEFT)){
  strokeWeight(value1);
  stroke(random(200),random(200),random(200));
  line(pmouseX,pmouseY,mouseX,mouseY);
      value1=value1+.5;
   }
    if(value1>25){
      value1=value1-1;
 
     
   }
}

In my code i have several rectangles that run down the screen.
Each cycle increasing speed by 1 and randomly changing the color

id like the rectangles speed to slow down by 1 when it reaches a certain speed,
then speed back up once slowed to certain speed.


im having a lot of trouble and this is as far as ive gotten.

1. color c =(255);
2. float x = 120;
3. float y = 2;
4. float speed = 3;
5. float w = 30;
   

float x1 = 10;

void setup() {
  fill(0);
  size(390,300);
}

void draw() {
 
 

  background(c);
  move();
  display();
}

void move(){
  x = x+speed;
  if(x>height){
    x=0;
    fill(random(255),random(225),random(230));

    }
   x = x+speed;
      if(x>height){
        x=0;
        speed=speed+1;
      }
     
      }

      
       
   

void display(){
  noStroke();
 
  rect(y,x-11,w,x1);
  rect(y+32,x+1,w,x1);
  rect(y+64,x+11,w,x1);
  rect(y+96,x+21,w,x1);
  rect(y+128,x+31,w,x1);
  rect(y+160,x+41,w,x1);
  rect(y+192,x+51,w,x1);
  rect(y+224,x+61,w,x1);
  rect(y+256,x+71,w,x1);
  rect(y+288,x+81,w,x1);
  rect(y+320,x+91,w,x1);
  rect(y+352,x+101,w,x1);
 

}