### Author:  [@DogeMastr](https://discourse.processing.org/u/DogeMastr)
#### Post date: [July 8, 2018, 7:15pm UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/5 "2018-07-08T19:15:35Z")
solo los estás dibujando una vez, `void setup()`. La configuración de vacío solo se ejecuta cuando el programa se abre por primera vez, así que si quieres dibujar el círculo y el rectángulo de nuevo, te sugiero ponerlos en `mousePressed()`
para obtener más información, eche un vistazo a la referencia para el sorteo y la configuración de vacío
[https://processing.org/reference/draw\_.html](https://processing.org/reference/draw_.html)
[https://processing.org/reference/setup\_.html](https://processing.org/reference/setup_.html)
---
### Author:  [@kfrajer](https://discourse.processing.org/u/kfrajer)
#### Post date: [July 8, 2018, 11:07pm UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/6 "2018-07-08T23:07:47Z")
@lu4425 Tienes acceso a una referencia de Processing en español? La verdad, no se si hay version traducida. El caso es que tienes que mirar la definicion de `setup()` y `draw()` para que puedes entender como funciona Processing. Estos son dos funciones fundamentales. Si te animas al ingles, puedes chequear la referencia:
> [setup() / Reference / Processing.org](https://processing.org/reference/setup_.html)
> [draw() / Reference / Processing.org](https://processing.org/reference/draw_.html)
El caso es, como @DogeMastr ha explicado, tu tienes que llamar la funcion respectiva, `rect()` o `ellipse()`, despues de que assignas un valor aleatorio a tu variable.
En resumen: setup es una function que es llamada una sola vez y es ejecutada antes de draw(). Despues de que setup termina de ejecutar, draw es ejecutado 30 veces por segundo. Tu puedes dibujar tu rect y ellipse o dentro de `draw()` o dentro de `mousePressed()`. Estas dos funciones funcionan de una manera distinta, pero lo que importa es que cualquiera funciona para este reto.
Una cosa: No generes valores aleatorios en draw.
Hechale un vistazo al codigo que genere.
Suerte,
Kf
N.B. Para formatera el codigo en el foro, despues de formatear el codigo en el preprocesor de Processing (`ctrl+t`) para arreglar los espacios y las tabulaciones del código, copialo y pégalo aqui en el foro. Despues selecciona el código y le das click al buton con el siguiente símbolo: ``. Eso permite que tu codigo tengo un formato adecuado en este foro.
```java
final int LADO_RECT=30; //unidades de pixeles
final int DIAMETRO=100; //unidades de pixeles
float recX, recY, cirX, cirY;
void setup() {
size(400, 400);
recX = random (width);
recY = random (height);
cirX = random (width);
cirY = random (height);
noStroke(); //No dibujar el borde de las figuras
fill(255, 0, 0); //Lenar las figuras de color rojo
}
void draw() {
background (0); //El fondo es negro
rect(recX, recY, LADO_RECT, LADO_RECT);
ellipse(cirX, cirY, DIAMETRO, DIAMETRO);
}
void mousePressed () {
if (dist(mouseX, mouseY, cirX, cirY) recY &&
mouseX < +30 &&
mouseY > recY &&
mouseY < recY +30
) {
}
}
```
---
### Author:  [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [July 9, 2018, 12:53am UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/7 "2018-07-09T00:53:01Z")
> [@kfrajer](#):
>
> … **draw()** es ejecutado 30 veces por segundo.
1 of the 1st things I’ve learned in Processing is that its default **frameRate()** is 60 FPS: 😌
- [frameRate() / Reference / Processing.org](https://processing.org/reference/frameRate_.html)
> The default rate is 60 frames per second.
---
### Author:  [@lu4425](https://discourse.processing.org/u/lu4425)
#### Post date: [July 9, 2018, 2:38am UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/8 "2018-07-09T02:38:28Z")
ok, muchas gracias!!
---
### Author:  [@lu4425](https://discourse.processing.org/u/lu4425)
#### Post date: [July 9, 2018, 2:55am UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/10 "2018-07-09T02:55:54Z")
¡Muchas gracias! Si, ya lo modifique, pero de todas maneras no funciona el aleatorio de las figuras, porque evidentemente algo estoy aplicando mal. Cuando dibujo el aleatorio del cuadrado en donde deberia ir, no puedo ejecutar el aleatorio de las dos figuras. Ya no encuentro el error. 😖😕
---
### Author:  [@kfrajer](https://discourse.processing.org/u/kfrajer)
#### Post date: [July 9, 2018, 5:15am UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/11 "2018-07-09T05:15:28Z")
Por fa, muestra tu código. Copia y pegalo aqui, formatealo.
Kf
---
### Author:  [@lu4425](https://discourse.processing.org/u/lu4425)
#### Post date: [July 9, 2018, 8:10am UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/12 "2018-07-09T08:10:57Z")
Pude solucionarlo de la siguiente manera. No sé si sera la manera correcta de hacerlo pero ahora funciona!
Muchas gracias por la ayuda!!
El código quedó así:
```auto
int cuadrado=30;
int diametro=40;
float recX, recY, cirX, cirY;
void setup() {
size(400, 400);
recX = random (width);
recY = random (height);
cirX = random (width);
cirY = random (height);
noStroke();
fill(255, 0, 0);
}
void draw() {
background (0);
rect(recX, recY, cuadrado, cuadrado);
ellipse(cirX, cirY, diametro, diametro);
}
void mousePressed () {
if (dist(mouseX, mouseY, cirX, cirY)
### Author:  [@Manuel](https://discourse.processing.org/u/Manuel)
#### Post date: [July 9, 2018, 10:00am UTC](https://discourse.processing.org/t/ayuda-como-hacer-que-una-figura-tome-una-nueva-posicion-aleatoria/1587/13 "2018-07-09T10:00:58Z")
todo lo que escribes dentro del setup() se ejecuta una única vez, por lo que la posición de tus figuras sólo cambia cuando cierras y ejecutas de nuevo el sketch. Si quieres que la posición cambie de forma dinámica tendrás que añadir código dentro de draw() para actualizar las variables que definen su posición cuando lo estimes oportuno, o en los métodos mousePressed o keyPressed tal y cómo has hecho 😉