Ahora que aprendimos cómo usar texto, hagamos algo mas vistoso.
La primera cosa vistosa es que ahora empezaremos a usar la palabra "cadena".
Puedieras pensar: "¿Cadena? Con eso aseguro mi bicicleta" (comparación cambiada).
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 vada mensaje de texto que hayas enviado también lo es.
Basicamente 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.
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 poca 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 solo unirá las dos cadenas.
Por ejemplo: bueno, desagámonos de esto, para hacerlo sólo una vez
después podemos usar esta otra variable, "message" que será "myName" mas, 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 mas emocionante si quisiéramos escribir "message", digamos, dos veces.
Esto parece muy rasonable, 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 solo 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 mouse con cadenas de texto.
Por ejemplo, podemos hacer que la cadena siga al mouse.
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 mouse 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 facilmente, digamos a un buen azul claro.
Y ahora tenemos que el texto sólo sigue al mouse, justo como vimos con los rectángulos.
Ahora, como último y divertido truco, usemos la animacion 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
Que significa, si recuerdas, howBig contiene lo que era howBig mas uno para hacerlo un poco mas grande
Ahora sólo necesitamos reiniciar el programa y tenemos que
cuando movemos el mouse, textSize está creciendo y creciendo y creciendo y creciendo
Por esta línea de aquí.
Bien, por tí mismo pudieras pensar: bueno, ¿cómo podemos hacerlo crecer mas rápido?
Ahora no sólo sabes cómo manipular formas con código, si no que también puedes usar texto con código
también.