Ya aprendiste a crear tus propias variables y a usarlas.
Ahora aprenderemos 2 variables especiales:
"mouseX" y "mouseY".
Nunca tendrás que crear estas variables, porque de hecho, ya existen.
El programa establece los valores de estas variable, detrás de bastidores,
asegurándose de que el valor de "mouseX" sea siempre la posición "x" de tu ratón,
y que el valor de "mouseY" sea la posición "y" de tu ratón.
Esto permite hacer fácilmente cosas interactivas,
que dependen de la posición del ratón.
Veamos la elipse que estoy dibujando aquí.
En este momento, siempre la estoy dibujando en 200, 200.
Si uso "mouseX" y "mouseY", las variables especiales,
entonces puedo dibujar la elipse en las coordenadas "mouseX" y "mouseY".
Ahora, si muevo el ratón sobre el área de dibujo, puedes ver
la elipse dibujada en donde el ratón se posiciona,
la elipse sigue al ratón.
Esto es super interesante, ¿puedes ver lo que estoy dibujando? ¡Woo!
Si vas a usar "mouseX" y "mouseY", tienes que asegurarte
de que las estás usando dentro de la función "draw",
porque mira qué pasa
si movemos estas dos líneas de código fuera de la función "draw".
¿Lo ves?
Ahora, este código que tenemos aquí sólo corre una vez,
entonces la elipse se dibuja una vez nada más,
y se dibuja en la posición de mi ratón,
muy al principio del programa.
Es por eso que necesitamos ponerlo dentro de la función "draw",
porque la función "draw" es llamada repetidamente mientras nuestro programa está corriendo.
Entonces queremos que cuando sea llamada, vea cuáles son los valores actuales de "mouseX" y "mouseY"
en ese momento, para que dibuje la elipse en esa posición.
Si piensas en eso, en realidad es muy similar a una animación,
está cambiando con el tiempo, sólo que de una manera diferente.
Muy bien, ahora podemos hacer cosas más entretenidas.
¿Qué tal si en vez de dibujar la elipse sobre las coordenadas "mouseX" y "mouseY",
la dibujo en "mouseX" pero configuro "mouseY" a algo así como 300?
Ahora puedes ver que la elipse sólo sigue mi coordenada "x",
ignorando el valor de la coordenada "y" de mi ratón.
Entonces, ¿qué tal si dibujo la elipse en las coordenadas "mouseX" y "mouseY" de nuevo,
pero quito la llamada a la función "background", comentándola?
Ok, ¡woo!, Ahora mira, tengo esta cosa que parece como un pincel divertido.
Es asombroso.
O, también puedo intercambiar estas variables.
Déjame traer de regreso la llamada a la función "background".
Entonces, cambio estas variables aquí, "mouseX" y "mouseY",
y vemos qué pasa.
Ok, ahora se siente muy raro.
Tengo los controles del ratón haciendo lo opuesto,
a lo que esperamos que hagan.
Pero es genial, te puedes imaginar el hacer un juego que trata de dibujar algo o
hacer algo mientras usas los controles del ratón invertidos.
Esto es todo sobre "mouseX" y "mouseY", muy divertido. ¡Disfruta!