0:00:01.076,0:00:04.164
Entonces, ya hicimos esta variable super genial,

0:00:04.164,0:00:05.512
para los ojos de Winston,

0:00:05.512,0:00:08.179
que ha sido de mucha ayuda porque nos ahorra mucho lo que tecleamos,

0:00:08.179,0:00:10.686
para cuando queramos cambiar el tamaño[br]de los ojos de Winston.

0:00:10.686,0:00:13.764
Recuerda, antes teníamos que teclear[br]el mismo número ¡4 veces!,

0:00:13.764,0:00:16.017
cada vez que queríamos cambiar [br]el tamaño de ojos de Winston.

0:00:16.017,0:00:19.300
Pero ¿Podemos usar variables para reemplazar números cuando no sean todos iguales?

0:00:19.300,0:00:21.854
Como, ¿Qué tal si quiero mover a Winston un poquito?

0:00:21.854,0:00:24.101
Podríamos cambiar cada uno de estos valores para "X",

0:00:24.101,0:00:26.908
pero no son todos iguales, así que no puedo simplemente

0:00:26.908,0:00:28.520
reemplazarlos todos por una variable.

0:00:28.520,0:00:29.764
Pero ¡espera!

0:00:29.764,0:00:31.602
Una vez que le asigno un número a una variable,

0:00:31.602,0:00:34.684
puedo usar esa variable, exactamente igual a como si fuera un número,

0:00:34.684,0:00:37.308
lo que significa, que puedo usar variables en expresiones matemáticas.

0:00:37.308,0:00:38.687
Así que, qué tal esto:

0:00:38.687,0:00:40.929
Hagamos una variable para la posición "X" de Winston,

0:00:40.929,0:00:44.398
la llamaremos "var x".[br]Suficientemente simple.

0:00:44.398,0:00:48.187
Y ahora démosle el valor de la coordenada "X" [br]de la cara de Winston.

0:00:48.187,0:00:51.669
Así que la cara está siendo dibujada [br]en la coordenada "X" = 200.

0:00:51.669,0:00:54.688
Así que diremos "var x=200";

0:00:54.688,0:00:59.333
Ahora, puedo reemplazar este número,[br]por mi nueva variable "x".

0:00:59.333,0:01:02.846
Queremos mover el valor "x"[br]y mover la cara de Winston.

0:01:02.846,0:01:06.300
Pero no sus ojos ni su boca.[br]Así que para arreglar eso,

0:01:06.300,0:01:10.675
vamos a definir la posición de sus ojos[br]y su boca,

0:01:10.675,0:01:14.143
en una posición relativa a la posición de su cara.

0:01:14.143,0:01:17.931
Así que, las coordenadas "x" serán el centro[br]de todas las elipses,

0:01:17.931,0:01:22.270
y su cara está siendo dibujada en, esto es 200,

0:01:22.270,0:01:24.660
y veamos su ojo izquierdo primero.

0:01:24.660,0:01:26.872
Así que esta elipse es su ojo izquierdo,

0:01:26.872,0:01:29.901
y vemos que está siendo dibujada en 150,

0:01:29.901,0:01:33.316
justo aquí, esto es 150.

0:01:33.316,0:01:37.644
Y yo sé que 150 es "50 menos que 200",

0:01:37.644,0:01:40.686
así que su ojo izquierdo debería estar [br]

0:01:40.686,0:01:42.899
dondequiera que está su cara menos 50".

0:01:42.899,0:01:47.932
Así que sería "x", que es la posición de su cara, menos 50,

0:01:47.932,0:01:52.705
y ahora si cambio el valor de "x", su ojo se mueve junto con su cara.

0:01:52.705,0:01:54.896
Hagamos lo mismo con los otros.

0:01:54.896,0:01:58.429
Entonces, su ojo derecho está siendo dibujado en 300, puedo ver eso.

0:01:58.429,0:02:01.740
Entonces, esto aquí es 300.

0:02:01.740,0:02:06.098
Y 300, sé que es "100 más que 200".

0:02:06.098,0:02:07.992
Así que su ojo derecho debería estar[br]

0:02:07.992,0:02:10.514
en donde sea que esté su cara más 100.

0:02:10.514,0:02:12.800
Eso es "x" + 100.

0:02:12.800,0:02:17.104
Y ahora, vamos con la boca.[br]La boca está siendo dibujada en 250,

0:02:17.104,0:02:21.021
aquí tenemos 250. Y 250 es

0:02:21.021,0:02:23.347
200 más 50.

0:02:23.347,0:02:30.819
Entonces es, donde sea que su cara esté "x" más 50.

0:02:30.819,0:02:34.406
Y ahora, me voy a deshacer de estas líneas,

0:02:34.406,0:02:36.356
y cada vez que modifico el valor de "x",

0:02:36.356,0:02:39.012
se mueve toda su cara. ¡Sí!

0:02:39.012,0:02:41.088
Ahora, antes de que continúes, [br]deberías saber

0:02:41.088,0:02:42.900
un par de cosas más acerca de las variables.

0:02:42.900,0:02:47.271
Una vez que creas una variable, utilizando "var x", puedes asignarle un valor,

0:02:47.271,0:02:48.849
tantas veces como quieras.

0:02:48.849,0:02:51.809
Así que luego de darle el valor a "x" de 198,

0:02:51.809,0:02:55.184
podríamos decir "x" recibe 300,

0:02:55.184,0:02:59.372
o, "x" recibe 150.

0:02:59.372,0:03:01.397
Y a partir de allí, la computadora va a tratar a "x",

0:03:01.397,0:03:03.823
con lo que sea que le hayamos asignado la última vez.

0:03:03.823,0:03:05.526
Así que en este caso, 150.

0:03:05.526,0:03:08.736
Pero sólo necesitas teclear "var", una vez por variable.

0:03:08.736,0:03:15.974
Si, aquí, hubiera tecleado "var x = 150;"[br]se habría creado una variable nueva por completo,

0:03:15.974,0:03:18.897
de nombre "x", destruyendo completamente la variable vieja en el proceso,

0:03:18.897,0:03:21.573
así que todas estas variables se van a la basura.

0:03:21.573,0:03:24.562
Y luego, la computadora sólo usará la nueva variable.

0:03:24.562,0:03:26.513
A veces, puedes hacer este tipo de cosas,

0:03:26.513,0:03:28.306
sin que pasen cosas horribles,

0:03:28.306,0:03:30.188
pero yo no lo aconsejaría.

0:03:30.188,0:03:33.662
Por ahora, sólo lo haremos una vez.[br]"var x = 150;".

0:03:33.662,0:03:37.847
Y ahora, convenientemente, puedo mover toda la cara de Winston fuera de la pantalla,

0:03:37.847,0:03:40.505
así puedo hablarles del siguiente punto.

0:03:40.505,0:03:44.572
Así que, cada vez que tienes una variable igual algo,

0:03:44.777,0:03:47.769
esa variable está en un lugar seguro y feliz.

0:03:47.769,0:03:50.900
De hecho, a la izquierda del signo igual, es el único lugar,

0:03:50.900,0:03:53.686
en donde la variable puede sentirse como ella misma,

0:03:53.686,0:03:57.641
porque ese es el único lugar en donde la computadora la considerará una variable.

0:03:57.641,0:04:00.374
En cualquier otro lugar, la computadora sólo la considerará como un valor,

0:04:00.374,0:04:07.443
así que aunque podemos hacer algo como esto:[br]"var x recibe 10" y luego,

0:04:07.443,0:04:11.064
"x" recibe "x",

0:04:11.064,0:04:14.741
Uh, confuso.[br]Bueno, a la izquierda, tenemos "x",

0:04:14.741,0:04:20.620
como una variable independiente y librepensadora,[br]que puede crecer, puede cambiar,

0:04:20.636,0:04:26.427
pero en la derecha,[br]sólo es 10, ¡Qué tristeza!.

0:04:26.427,0:04:29.018
Pero eso significa que podemos hacer cosas realmente útiles como ésta,

0:04:29.018,0:04:34.004
Puedo decir "x" recibe "x" más 1.

0:04:34.004,0:04:37.122
Así que en la izquierda, tenemos nuestra variable en lugar seguro y feliz.

0:04:37.199,0:04:42.755
En la derecha, tenemos esta variable,[br]que sabemos que es básicamente sólo un número

0:04:42.755,0:04:44.602
así que es 10.

0:04:44.602,0:04:47.912
Así que podemos reemplazarla mentalmente, con [br]"x" recibe 10 más 1,

0:04:47.912,0:04:51.564
que sólo significa que "x" recibe 11.

0:04:51.564,0:04:54.829
Así que toda está línea, sólo dice que[br]"x" recibe 11,

0:04:54.829,0:04:58.107
y a partir de ahora, el valor de "x" es 11.

0:04:58.107,0:05:01.194
Veamos qué ocurre, si metemos otra variable en la ecuación.

0:05:01.194,0:05:06.688
Voy a hacer[br]"var x = 10;"

0:05:06.688,0:05:10.855
"var y = 20;"

0:05:10.855,0:05:13.020
"x = y;"

0:05:13.020,0:05:17.106
"y = 7;"

0:05:17.106,0:05:22.566
Ok, lo que quiero saber es cuál es el valor de "x".

0:05:22.566,0:05:25.691
Averiguémoslo, así que esta línea aquí,

0:05:25.691,0:05:29.604
hace una nueva variable "x" y le asigna el valor 10,

0:05:29.604,0:05:32.131
así que el valor de "x" es 10.

0:05:32.131,0:05:36.076
En esta línea, estamos haciendo una nueva variable "y" dándole el valor 20,

0:05:36.076,0:05:39.693
no le hacemos nada a "x",[br]así que el valor de "x" sigue siendo 10.

0:05:39.693,0:05:43.778
Aquí, decimos "x recibe y", y es un poco confuso,

0:05:43.778,0:05:46.566
pero si piensas en ello, sabemos que [br]sólo una de estas variables

0:05:46.566,0:05:49.781
está en el lugar seguro y feliz,[br]pero la otra variable,

0:05:49.781,0:05:53.669
está siendo tratada exactamente[br]como si fuera un número.

0:05:53.669,0:05:58.276
Así que aquí podemos reemplazar mentalmente esta "y" con este valor, sólo 20,

0:05:58.276,0:06:01.907
y sabemos que lo que esta línea significa en realidad es que "x recibe 20".

0:06:01.907,0:06:05.445
Entonces, el valor de "x" aquí es 20.

0:06:05.445,0:06:09.032
Y luego, aquí tenemos a "y" en el lugar seguro y feliz esta vez,

0:06:09.032,0:06:13.190
pero no es tan confuso, porque tenemos sólo un número en el otro lado.

0:06:13.190,0:06:14.941
Así que aquí está la gran pregunta,

0:06:14.941,0:06:20.980
Cuando cambio el valor de "y" aquí: [br]¿Eso modifica el valor de "x" aquí arriba?

0:06:20.980,0:06:22.644
Y la respuesta:

0:06:22.644,0:06:25.665
¡NOOOO,[br]no, no, no, no, no!

0:06:25.665,0:06:30.186
Tienes que recordar,[br]aquí arriba, "y" está siendo tratada

0:06:30.186,0:06:31.806
como un número.

0:06:31.806,0:06:34.354
La computadora va a ignorar completamente[br]que es una variable,

0:06:34.354,0:06:38.331
va a olvidarse del hecho de que puede cambiar,[br]y sólo va a decir:

0:06:38.331,0:06:42.518
"Oh, 'y', lo que en realidad quieres decir es 20".

0:06:42.518,0:06:45.275
Entonces, aquí sólo estamos asignando un número a "x",

0:06:45.275,0:06:49.609
no estamos asignando una variable,[br]estamos asignando el valor de "y", que es 20.

0:06:49.609,0:06:54.132
Y eso significa, que el valor de "x"[br]se mantiene en 20,

0:06:54.132,0:06:59.883
incluso después de que cambiamos el valor[br]de esta variable "y" en la última línea.

0:06:59.973,0:07:02.001
¡Ufff! ¿Entienden?

0:07:02.001,0:07:06.023
Bueno, ahora muchachos, ya son[br]expertos totales en variables.

0:07:06.023,0:07:08.620
¡Felicitaciones!