-
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.