0:00:02.016,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[br]porque nos ahorra mucho tipeo,

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

0:00:10.686,0:00:13.764
Recuerda, antes teníamos que tipear[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, [br]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;[br](x recibe 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"[br]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.680
y su cara está siendo dibujada en...[br]... esto es 200,

0:01:22.680,0:01:25.130
y veamos su ojo izquierdo primero.

0:01:25.130,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.566
... justo aquí, esto es 150.

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

0:01:37.644,0:01:41.346
así que su ojo izquierdo debería estar [br]en "donde sea que esté su cara...

0:01:41.346,0:01:42.899
...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 ( x-50 ),

0:01:47.932,0:01:52.705
y ahora si cambio el valor de x,[br]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...

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:09.102
Así que su ojo derecho debería estar, en[br]"donde sea que esté su cara...

0:02:09.102,0:02:10.515
... más 100".

0:02:10.515,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. [br]y 250 es...

0:02:21.021,0:02:24.007
"200 más 50".

0:02:24.007,0:02:27.473
Entonces es, [br]"donde sea que su cara esté...

0:02:27.473,0:02:30.939
x más 50". (x + 50).

0:02:30.939,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:38.134
se mueve toda su cara.

0:02:39.442,0:02:41.248
Ahora, antes de que continúes, [br]deberías saber...

0:02:41.248,0:02:43.430
... un par de cosas más acerca de las variables.

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

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

0:02:49.039,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:04.233
con lo que sea que le hayamos asignado la última vez.

0:03:04.233,0:03:05.806
Así que en este caso, 150.

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

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

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

0:03:19.267,0:03:21.873
así que todas estas variables se van, al tacho.

0:03:21.873,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 cosas horribles te pasen,

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[br](x = algo),

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

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

0:03:51.520,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 hará de cuenta que es un valor,

0:04:00.374,0:04:07.443
así que aunque que 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.797
pero en la derecha...[br]sólo es 10... ¡Tan triste!.

0:04:26.797,0:04:29.018
Pero eso significa que podemos hacer cosas realmente útiles como esta,

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:43.095
... en la derecha, tenemos esta variable,[br]que sabemos que es básicamente sólo un número

0:04:43.095,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.964
que sólo significa que x recibe 11.

0:04:51.964,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.696
y = 7;

0:05:17.696,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émosolo, 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.999
está siendo tratada exactamente[br]como si fuera un número.

0:05:53.999,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.732
Y luego, aquí tenemos a "y" en el lugar seguro y feliz esta vez,

0:06:09.732,0:06:13.190
pero no es tan confuso, porque tenemos solo un número en el otro lado.

0:06:13.190,0:06:14.941
Así que aqúi está la gran pregunta...

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

0:06:21.560,0:06:22.934
Y la respuesta:

0:06:22.934,0:06:25.665
¡NOOOO...[br]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
... olvidarse del hecho de que puede cambiar...[br]y sólo decir...

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

0:06:42.968,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.612
Y eso significa, que el valor de x[br]se mantiene en 20,

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

0:07:00.143,0:07:02.233
¡Ufff![br]¿Capisce?

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

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