0:00:01.565,0:00:04.608
Ahora que aprendimos cómo usar texto, hagamos algo más vistoso.

0:00:04.608,0:00:07.739
La primera cosa vistosa es que ahora empezaremos a usar la palabra "cadena".

0:00:07.739,0:00:10.610
Pudieras pensar: "¿Cadena? Es con lo que juega mi gato".

0:00:10.610,0:00:14.141
Pero para programadores, cadena es un nombre especial que usamos para partes de texto.

0:00:14.141,0:00:16.566
Puedes pensar en esto como una cadena de caracteres, si ayuda.

0:00:16.566,0:00:21.691
Tu nombre es una cadena, el nombre de tu escuela es una cadena y cada mensaje de texto que hayas enviado también lo es.

0:00:21.691,0:00:25.498
Básicamente, sólo piensa que cadena es igual a texto.

0:00:25.498,0:00:28.565
Ya hemos dibujado y coloreado cadenas.

0:00:28.565,0:00:30.987
¿Podemos usar variables con cadenas? ¡Claro!

0:00:30.987,0:00:34.990
Igual que como normalmente pondrías un número en una variable, también podrías asignarle una cadena a una variable.

0:00:34.990,0:00:42.323
Decimos algo como: "var myName = (tu nombre aquí)" pongo "Sophia"; hay que recordar las comillas.

0:00:42.323,0:00:47.537
Luego ponemos la variable "myName" en el texto entre comillas en lugar de escribir directamente "Sophia",

0:00:47.537,0:00:48.906
como hicimos antes.

0:00:48.906,0:00:53.377
De esta forma se ve igual ahora, pero podemos escribir esto varias veces.

0:00:53.377,0:00:56.652
Ya sabes, una vez aquí, otra aquí, tal vez podamos ser un poco artísticos.

0:00:56.652,0:01:01.701
Lo único que tienes que hacer después, es cambiar esta variable para que sea tu nombre y entonces tienes

0:01:01.701,0:01:03.765
tu nombre escrito tres veces.

0:01:03.765,0:01:10.070
Sólo para variar, ¿qué tal si queremos alocarnos? ¿podemos empezar a sumar cadenas entre sí?

0:01:10.070,0:01:12.429
Como ¿tal vez recuerdas cuando empezamos a sumar variables entre sí?

0:01:12.429,0:01:16.606
Bueno, de hecho, podemos hacerlo. La computadora sólo unirá las dos cadenas.

0:01:16.606,0:01:20.362
Por ejemplo: bueno, deshagámonos de esto, para hacerlo sólo una vez,

0:01:20.362,0:01:27.590
después podemos usar esta otra variable, "message" que será "myName" más, digamos, un montón de signos de exclamación.

0:01:27.590,0:01:31.313
Y si ponemos "message" en el texto para dibujar esta variable en vez de "myName"

0:01:31.313,0:01:37.117
podemos ver que lo que hizo fue pegar, después de mi nombre, esos signos de exclamación.

0:01:37.117,0:01:42.345
Podemos hacer esto un poco más emocionante si quisiéramos escribir "message", digamos, dos veces.

0:01:42.345,0:01:48.904
Esto parece muy razonable, añadir cadenas significa que pegas una cadena después de la otra.

0:01:48.904,0:01:54.500
Pudieras estar pensando: ¿podemos alocarnos de verdad y empezar a multiplicar, dividir o restar cadenas?

0:01:54.500,0:01:59.163
¿Podríamos? Bueno, no podemos. Con las cadenas sólo podemos sumarlas.

0:01:59.163,0:02:04.136
Tienes razón en cuanto a que podemos sumar y dividir con variables numéricas, pero variables de cadenas sólo se pueden sumar.

0:02:04.136,0:02:09.220
Pero, ser curioso y hacer este tipo de preguntas es la actitud correcta al programar.

0:02:09.220,0:02:12.519
Podrías pensar: "¿qué significaría dividir una cadena?"

0:02:12.519,0:02:16.930
También podemos usar animación e interacción del ratón con cadenas de texto.

0:02:16.930,0:02:20.291
Por ejemplo, podemos hacer que la cadena siga al ratón.

0:02:20.291,0:02:23.186
Sólo con pegarlo en un ciclo de dibujo como hicimos con los rectángulos.

0:02:23.186,0:02:29.634
Entonces, si piensas acerca de cómo hacer esto, podríamos decir "var draw", luego pegamos todo esto justo aquí.

0:02:29.634,0:02:32.905
Probablemente se ve muy familiar a "Introducción a la animación".

0:02:32.905,0:02:39.161
Y pudieras pensar: bueno, para hacer que siga al ratón ciertamente necesitamos usar "mouseX" y "mouseY".

0:02:39.161,0:02:43.188
Y ahí lo tienes, realmente estamos pintando con nuestro nombre.

0:02:43.188,0:02:49.965
Claro que, si queremos, podríamos cambiar de fondo fácilmente, digamos a un buen azul claro.

0:02:49.965,0:02:57.395
Y ahora tenemos que el texto sólo sigue al ratón, justo como vimos con los rectángulos.

0:02:57.395,0:03:02.232
Ahora, como último y divertido truco, usemos la animación y hagamos que el tamaño del texto crezca y crezca y crezca.

0:03:02.232,0:03:06.229
Vamos a configurar aquí textSize a 30. Como aprendimos en variables

0:03:06.229,0:03:13.723
en lugar de usar 30, también podemos decir: "var howBig = 30;" y usar esta variable en lugar del 30 directamente.

0:03:13.723,0:03:19.925
Bueno, eso es lo mismo y necesitamos, obviamente, estar cambiando algo para obtener una animación.

0:03:19.925,0:03:25.254
Podemos hacerlo diciendo "howBig = howBig + 1".

0:03:25.254,0:03:31.585
Lo que significa, si recuerdas, "howBig" contiene lo que era "howBig" más uno para hacerlo un poco más grande.

0:03:31.585,0:03:35.694
Ahora sólo necesitamos reiniciar el programa y tenemos que

0:03:35.694,0:03:39.974
cuando movemos el ratón, "textSize" está creciendo y creciendo y creciendo y creciendo

0:03:39.974,0:03:41.939
por esta línea de aquí.

0:03:43.262,0:03:46.962
También podrías pensar: bueno, ¿cómo podemos hacerlo crecer más rápido?

0:03:47.823,0:03:53.003
Ahora no sólo sabes cómo manipular figuras con código, sino que también puedes usar texto con código.