0:00:01.566,0:00:04.608
Ahora que aprendimos cómo usar texto, hagamos algo mas 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
Puedieras pensar: "¿Cadena? Con eso aseguro mi bicicleta" (comparación cambiada).

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 vada mensaje de texto que hayas enviado también lo es.

0:00:21.691,0:00:25.498
Basicamente 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.

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 poca 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 solo unirá las dos cadenas.

0:01:16.606,0:01:20.362
Por ejemplo: bueno, desagá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" mas, 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 mas emocionante si quisiéramos escribir "message", digamos, dos veces.

0:01:42.345,0:01:48.904
Esto parece muy rasonable, 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 solo 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:11.859
Podrías pensar: "¿qué significaría dividir una cadena?"

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

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

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 mouse 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 facilmente, digamos a un buen azul claro.

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

0:02:56.165,0:03:02.232
Ahora, como último y divertido truco, usemos la animacion 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
Que significa, si recuerdas, howBig contiene lo que era howBig mas uno para hacerlo un poco mas 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 mouse, 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
Bien, por tí mismo pudieras pensar: bueno, ¿cómo podemos hacerlo crecer mas rápido?

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

0:03:53.003,0:03:54.771
también.