Terrific Text Part 2

This is just a screen grab of our interactive coding talk-through, prepared to make captioning and translation easier. It is better to watch our talk-throughs here:
https://www.khanacademy.org/cs/programming/

Ahora que aprendimos cómo usar texto, hagamos algo más vistoso.

La primera cosa vistosa es que ahora empezaremos a usar la palabra "cadena".

Pudieras pensar: "¿Cadena? Es con lo que juega mi gato".

Pero para programadores, cadena es un nombre especial que usamos para partes de texto.

Puedes pensar en esto como una cadena de caracteres, si ayuda.

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.

Básicamente, sólo piensa que cadena es igual a texto.

Ya hemos dibujado y coloreado cadenas.

¿Podemos usar variables con cadenas? ¡Claro!

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

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

Luego ponemos la variable "myName" en el texto entre comillas en lugar de escribir directamente "Sophia",

como hicimos antes.

De esta forma se ve igual ahora, pero podemos escribir esto varias veces.

Ya sabes, una vez aquí, otra aquí, tal vez podamos ser un poco artísticos.

Lo único que tienes que hacer después, es cambiar esta variable para que sea tu nombre y entonces tienes

tu nombre escrito tres veces.

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

Como ¿tal vez recuerdas cuando empezamos a sumar variables entre sí?

Bueno, de hecho, podemos hacerlo. La computadora sólo unirá las dos cadenas.

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

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

Y si ponemos "message" en el texto para dibujar esta variable en vez de "myName"

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

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

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

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

¿Podríamos? Bueno, no podemos. Con las cadenas sólo podemos sumarlas.

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

Pero, ser curioso y hacer este tipo de preguntas es la actitud correcta al programar.

Podrías pensar: "¿qué significaría dividir una cadena?"

También podemos usar animación e interacción del ratón con cadenas de texto.

Por ejemplo, podemos hacer que la cadena siga al ratón.

Sólo con pegarlo en un ciclo de dibujo como hicimos con los rectángulos.

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

Probablemente se ve muy familiar a "Introducción a la animación".

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

Y ahí lo tienes, realmente estamos pintando con nuestro nombre.

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

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

Ahora, como último y divertido truco, usemos la animación y hagamos que el tamaño del texto crezca y crezca y crezca.

Vamos a configurar aquí textSize a 30. Como aprendimos en variables

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

Bueno, eso es lo mismo y necesitamos, obviamente, estar cambiando algo para obtener una animación.

Podemos hacerlo diciendo "howBig = howBig + 1".

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

Ahora sólo necesitamos reiniciar el programa y tenemos que

cuando movemos el ratón, "textSize" está creciendo y creciendo y creciendo y creciendo

por esta línea de aquí.

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

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