# Como introducir gradiente en bolitas

**URL:** <https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866>\
**Category:** Español\
**Created:** [December 1, 2021, 9:42pm UTC](https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866 "2021-12-01T21:42:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![srb777](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@srb777](https://discourse.processing.org/u/srb777)\
**Post date:** [December 1, 2021, 9:42pm UTC](https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866/1 "2021-12-01T21:42:22Z")

</div>

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

 ![Captura de pantalla 2021-12-01 a las 21.47.59](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/f/f616ed1f4c67078804160a7c1cd365d70168b211.png)

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!!

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [December 1, 2021, 10:04pm UTC](https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866/2 "2021-12-01T22:04:11Z")

</div>

Hello,

This will help:  
[https://processing.org/reference/lerpColor\_.html](https://processing.org/reference/lerpColor_.html)

Take a look at the _Linear Gradient_ example.

Start with _columns_ first:

![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e50cd87b3afa38ba5dbf7a81a0ff2a65509e7b7b.png)

Then work on _rows_ along with _columns_:

![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e64db6d4364f597b310a0f406c26a35363362f8e.png)

I only used one nested for loop.

`:)`

---

<div class="post-metadata">

**Author:** ![srb777](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@srb777](https://discourse.processing.org/u/srb777)\
**Post date:** [December 3, 2021, 3:52pm UTC](https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866/3 "2021-12-03T15:52:08Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Sacalm](https://avatars.discourse-cdn.com/v4/letter/s/90ced4/32.png) [@Sacalm](https://discourse.processing.org/u/Sacalm)\
**Post date:** [December 3, 2021, 9:13pm UTC](https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866/4 "2021-12-03T21:13:09Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![srb777](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@srb777](https://discourse.processing.org/u/srb777)\
**Post date:** [December 3, 2021, 9:33pm UTC](https://discourse.processing.org/t/como-introducir-gradiente-en-bolitas/33866/5 "2021-12-03T21:33:30Z")

</div>

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