hello,

in the long run it might be wise to show the code you have.

I only give you hints and do not do the homework. This way you learn the most by doing it yourself.

1.
use fill ()
see http://www.processing.org/reference/
probably you start with a red value 255 and decrease it (by 10 or 20) and a green value of zero and increase it :

1. fill ( redvalue, greenvalue, 0 );
2. redvalue += 20;
   

2.
there are rectangles getting bigger, right? Try a for-loop and increase the size of rect () in steps of 10 -
see http://www.processing.org/reference/ please
The x-value of the position stays fixed, the y increases

3.
use a double for loop : this means a for loop inside another for loop. This is like saying give me 10 rects next to each other (this is the inner for-loop) 10 times, for each row (this is the outer for loop)

4.
fill() is also useful to fill rects.

a) checker board :
This is a small rule set like

• if row is uneven and column is uneven choose black
• if row is even and column is uneven choose white
• etc.

It boils down to this (gives you only the color, it's not the full sketch) :

1.       stroke(0);
2.       fill(0); // black
3.       if (x % 2 == 0) {
4.         if ( y % 2 == 0 ) {
5.           fill(0); // black
6.         }
7.         else {
8.           fill(255); // white
9.         }
10.       }
11.       else {
12.         if ( y % 2 == 0 ) {
13.           fill(255); // white
14.         }
15.       }

and

b) random color grid:

1. fill ( random (255),random (255),random (255) );

5.
Similar to (2); see http://www.processing.org/reference/ellipse_.html
you have the same x,y for all ellipses but you increase the size in a for loop. The width and height are not the same, but both are increased by the same amount every loop.

Greetings, Chrisir