[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.87,0:00:03.97,Default,,0000,0000,0000,,Ya aprendiste ha crear tus propias variables y a usarlas.
Dialogue: 0,0:00:03.97,0:00:10.79,Default,,0000,0000,0000,,Ahora aprenderemos 2 variables especiales: mouseX y mouseY.
Dialogue: 0,0:00:10.79,0:00:16.66,Default,,0000,0000,0000,,Nunca tendras que crear estas variables, por que de hecho, ya existen.
Dialogue: 0,0:00:16.66,0:00:28.17,Default,,0000,0000,0000,,El programa establece los valores de estas variable, detrás de las cortinas, asegurándose que el valor de mouseX sea siempre la posición x de tu ratón y mouseY la posición de tu ratón.
Dialogue: 0,0:00:28.17,0:00:33.28,Default,,0000,0000,0000,,Esto permite hacer facilmente cosas interactivas que dependen de la posición del ratón.
Dialogue: 0,0:00:33.28,0:00:36.51,Default,,0000,0000,0000,,Veamos la elipse que estoy dibujando aqui.
Dialogue: 0,0:00:36.51,0:00:41.19,Default,,0000,0000,0000,,Ahorita, la estoy dibujando en 200, 200.
Dialogue: 0,0:00:41.19,0:00:49.72,Default,,0000,0000,0000,,Si uso mouseX y mouseY, las variables especiales, entonces puedo dibujarla la elipse en las coordinadas mouseX y mouseY.
Dialogue: 0,0:00:49.72,0:00:57.74,Default,,0000,0000,0000,,Ahora, si muevo el ratón sobre el canvas, puedes ver la elipse es dibujada en donde el ratón esta - entonces sigue a donde el ratón va.
Dialogue: 0,0:00:57.74,0:01:01.76,Default,,0000,0000,0000,,Esto es super cool, puedes ver lo que estoy dibujando? Woo!
Dialogue: 0,0:01:01.76,0:01:13.84,Default,,0000,0000,0000,,Si vas a use mouseX y mouseY, tiene que asegurarte que esten dentro de la función draw, porque mira que pase si movemos estas dos lineas fuera de la función draw
Dialogue: 0,0:01:13.84,0:01:15.50,Default,,0000,0000,0000,,Ves?
Dialogue: 0,0:01:15.50,0:01:26.96,Default,,0000,0000,0000,,Este codigo solo corre una vez, entonces la elipse es dibujada una vez nada más, y es dibujada donde mi ratón esta al principio del programa.
Dialogue: 0,0:01:26.96,0:01:36.30,Default,,0000,0000,0000,,Por eso es que necesitamos ponerlo dentro de la función draw, porque la función draw es la función que es llamada repetidamente mientras nuestro programa esta corriendo.
Dialogue: 0,0:01:36.30,0:01:43.74,Default,,0000,0000,0000,,Entonces queremos que cuando sea llamada, vea cuales son los valores actuales de mouseX y mouseY en ese momento, para que dibuje la elipse en esa posicion.
Dialogue: 0,0:01:43.74,0:01:49.48,Default,,0000,0000,0000,,Si te pones a pensar, en realidad es bien similar a una animación - cambia en la medida que pasa el tiempo, solo que en una forma diferente.
Dialogue: 0,0:01:49.48,0:01:52.96,Default,,0000,0000,0000,,Muy bien, ahora podemos hacer cosas mas entretenidas.
Dialogue: 0,0:01:52.96,0:02:03.87,Default,,0000,0000,0000,,Que tal si, en vez de dibujar la elipse sobre las coordinadas mouseX y mouseY, la dibujo en mouseX pero fijo mouseY a algo asi como 300?
Dialogue: 0,0:02:03.87,0:02:10.59,Default,,0000,0000,0000,,Ahora puedes ver que la elipse solo sigue mi coordinada x, ignorando el valor de la coordinada y de mi ratón.
Dialogue: 0,0:02:10.59,0:02:21.94,Default,,0000,0000,0000,,Entonces, que tal si dibujo la elipse en las coordinadas mouseX y mouseY de nuevo, pero quito la llamada a la función background al commentarla?
Dialogue: 0,0:02:21.94,0:02:27.93,Default,,0000,0000,0000,,Ahora mira, woo! Tengo esta cosa que parece como un genial pincel.
Dialogue: 0,0:02:27.93,0:02:39.51,Default,,0000,0000,0000,,O, tambien puedo intercambiar estas variables. Dejame traer de regreso la llamada a la función background.
Dialogue: 0,0:02:39.51,0:02:45.91,Default,,0000,0000,0000,,Se siente raro. Tengo los controles del ratón haciendo lo opuesto a lo que normalmente hacen.
Dialogue: 0,0:02:45.91,0:02:53.40,Default,,0000,0000,0000,,Pero esta genial, te puedes imaginar el hacer un juego que trata de dibujar algo o hacer algo mientras usas los controles del ratón invertidos.
Dialogue: 0,0:02:53.40,0:02:59.81,Default,,0000,0000,0000,,Esto es todo sobre mouseX y mouseY - muy divertido. Disfruta!