Como introducir gradiente en bolitas

Hola, estoy aprendiendo a programar con processing y necesito ayuda. Necesitaria pintar estas bolitas con gradiente, como en esta foto:

Mi codigo es el siguiente:

int columns = 20; // Número de columnes
int rows = 10; // Número de files
float diameter; // Diametre dels cercles
float width_columns, height_rows; // Amplada de les columnes i alçada de les files
int r = 255;
int g = 0;
int b = 0;
void setup() {
size(800, 400); // Mida del llenç
background(255); // Fons blanc
textSize(18); // Mida del text
fill(0); // Farcit del text
stroke(0); // Contorn del text
}
void draw() {
width_columns = width/columns; // Calculem l’amplada de les columnes
height_rows = height/rows; // Calculem l’alçada de les files
for(int i=0; i < rows; i++){ // Recorrem les files
for(int j=0; j < columns; j++){ // Recorrem les columnes
noStroke();
fill(r,g,b);
ellipse (jwidth_columns + width_columns/4, iheight_rows + height_rows/2,40,40 );
for (int columns = 0; columns < width; columns++) {
for(int rows = 0; rows < height; rows++) {
}}
}}
}

¿Cómo lo podría hacer? Muchas gracias!!

Hello,

This will help:
https://processing.org/reference/lerpColor_.html

Take a look at the Linear Gradient example.

Start with columns first:

image

Then work on rows along with columns:

image

I only used one nested for loop.

:)

How did you do that? I get an error all the time! It is being hard to learn…

Yo estoy igual. Me salta siempre error o solo se modifica o la fila o la columna. Conseguiste solucionarlo?

No :(!! Sigo igual… No he podido hacer el degradado aun