Hi , i got this simple program , it makes some rectangles grow and then when they is as big as the screen the rectangles go back to 10 pixels width/height.




I want to know how to make the rectangles shrink, instead of all of a sudden to go to 10 pixels width / height ?


I just cant figure it out ,any ideas ?

Here's the code :


Code:

int limite ;


void setup (){
  size (400,400);
  //smooth ();
  frameRate (25);
  background (#ff0044);
}


void draw (){
background ( #ff0044 ); 



  for ( int i = 0;   i<limite  ; i += 10){
  
fill ( #ff0044,30 );
noStroke ();
rect ( width/2,height/2,width,height);
    
noFill ();
stroke ( 255 );
strokeWeight ( 3 );
rectMode (CENTER );
rect ( width/2,height/2, i,i );
  }
  
  limite += 10;
  
  if ( limite > width ){
    limite = 10 ;
  }
  saveFrame(); 
  
} 

so next step is to make it grow and shrink. this is the same as moving a pixel from one side to another for example. Do do that, you normaly define a direction variable. in this case this is "s" now as long as the size is not as big as the width, we add the direction variable. As soon as it is larger than width, we multiply it by -1 so 10 becomes -10 and instead of adding 10 we substract 10 and shrink it again. To make it go back and forth, i added  
"|| limite < 0 "  where "||" could be read at "OR" so it also mutliply by -10 when its smaler than 0 and starts to grow again.

hope that helps

Code:

int limite ;
int s = 10;

void setup (){
  size (400,400);
  frameRate(25);
  background (#ff0044);
}

void draw (){
  fill(#ff0044,30);
  rectMode (CORNER);
  noStroke();
  rect(0,0,width,height);


  noFill ();
  stroke ( 255 );
  strokeWeight ( 3 );
  rectMode (CENTER );
  rect ( width/2,height/2,limite,limite );

  limite += s;

  if ( limite > width || limite < 0 ){
   s*=-1; ;
  }
} 

 

Awesome guys!  

thanx!  i was doing a loop bacuase i am reading the "learning processing" book , and this was a variation of an example of for loops.

but this code is more efficient , and it looks cool !

thanx !

Hasta la vista !