[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.56,0:00:04.61,Default,,0000,0000,0000,,Ahora que aprendimos cómo usar texto, hagamos algo más vistoso.
Dialogue: 0,0:00:04.61,0:00:07.74,Default,,0000,0000,0000,,La primera cosa vistosa es que ahora empezaremos a usar la palabra "cadena".
Dialogue: 0,0:00:07.74,0:00:10.61,Default,,0000,0000,0000,,Pudieras pensar: "¿Cadena? Es con lo que juega mi gato".
Dialogue: 0,0:00:10.61,0:00:14.14,Default,,0000,0000,0000,,Pero para programadores, cadena es un nombre especial que usamos para partes de texto.
Dialogue: 0,0:00:14.14,0:00:16.57,Default,,0000,0000,0000,,Puedes pensar en esto como una cadena de caracteres, si ayuda.
Dialogue: 0,0:00:16.57,0:00:21.69,Default,,0000,0000,0000,,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.
Dialogue: 0,0:00:21.69,0:00:25.50,Default,,0000,0000,0000,,Básicamente, sólo piensa que cadena es igual a texto.
Dialogue: 0,0:00:25.50,0:00:28.56,Default,,0000,0000,0000,,Ya hemos dibujado y coloreado cadenas.
Dialogue: 0,0:00:28.56,0:00:30.99,Default,,0000,0000,0000,,¿Podemos usar variables con cadenas? ¡Claro!
Dialogue: 0,0:00:30.99,0:00:34.99,Default,,0000,0000,0000,,Igual que como normalmente pondrías un número en una variable, también podrías asignarle una cadena a una variable.
Dialogue: 0,0:00:34.99,0:00:42.32,Default,,0000,0000,0000,,Decimos algo como: "var myName = (tu nombre aquí)" pongo "Sophia"; hay que recordar las comillas.
Dialogue: 0,0:00:42.32,0:00:47.54,Default,,0000,0000,0000,,Luego ponemos la variable "myName" en el texto entre comillas en lugar de escribir directamente "Sophia",
Dialogue: 0,0:00:47.54,0:00:48.91,Default,,0000,0000,0000,,como hicimos antes.
Dialogue: 0,0:00:48.91,0:00:53.38,Default,,0000,0000,0000,,De esta forma se ve igual ahora, pero podemos escribir esto varias veces.
Dialogue: 0,0:00:53.38,0:00:56.65,Default,,0000,0000,0000,,Ya sabes, una vez aquí, otra aquí, tal vez podamos ser un poco artísticos.
Dialogue: 0,0:00:56.65,0:01:01.70,Default,,0000,0000,0000,,Lo único que tienes que hacer después, es cambiar esta variable para que sea tu nombre y entonces tienes
Dialogue: 0,0:01:01.70,0:01:03.76,Default,,0000,0000,0000,,tu nombre escrito tres veces.
Dialogue: 0,0:01:03.76,0:01:10.07,Default,,0000,0000,0000,,Sólo para variar, ¿qué tal si queremos alocarnos? ¿podemos empezar a sumar cadenas entre sí?
Dialogue: 0,0:01:10.07,0:01:12.43,Default,,0000,0000,0000,,Como ¿tal vez recuerdas cuando empezamos a sumar variables entre sí?
Dialogue: 0,0:01:12.43,0:01:16.61,Default,,0000,0000,0000,,Bueno, de hecho, podemos hacerlo. La computadora sólo unirá las dos cadenas.
Dialogue: 0,0:01:16.61,0:01:20.36,Default,,0000,0000,0000,,Por ejemplo: bueno, deshagámonos de esto, para hacerlo sólo una vez,
Dialogue: 0,0:01:20.36,0:01:27.59,Default,,0000,0000,0000,,después podemos usar esta otra variable, "message" que será "myName" más, digamos, un montón de signos de exclamación.
Dialogue: 0,0:01:27.59,0:01:31.31,Default,,0000,0000,0000,,Y si ponemos "message" en el texto para dibujar esta variable en vez de "myName"
Dialogue: 0,0:01:31.31,0:01:37.12,Default,,0000,0000,0000,,podemos ver que lo que hizo fue pegar, después de mi nombre, esos signos de exclamación.
Dialogue: 0,0:01:37.12,0:01:42.34,Default,,0000,0000,0000,,Podemos hacer esto un poco más emocionante si quisiéramos escribir "message", digamos, dos veces.
Dialogue: 0,0:01:42.34,0:01:48.90,Default,,0000,0000,0000,,Esto parece muy razonable, añadir cadenas significa que pegas una cadena después de la otra.
Dialogue: 0,0:01:48.90,0:01:54.50,Default,,0000,0000,0000,,Pudieras estar pensando: ¿podemos alocarnos de verdad y empezar a multiplicar, dividir o restar cadenas?
Dialogue: 0,0:01:54.50,0:01:59.16,Default,,0000,0000,0000,,¿Podríamos? Bueno, no podemos. Con las cadenas sólo podemos sumarlas.
Dialogue: 0,0:01:59.16,0:02:04.14,Default,,0000,0000,0000,,Tienes razón en cuanto a que podemos sumar y dividir con variables numéricas, pero variables de cadenas sólo se pueden sumar.
Dialogue: 0,0:02:04.14,0:02:09.22,Default,,0000,0000,0000,,Pero, ser curioso y hacer este tipo de preguntas es la actitud correcta al programar.
Dialogue: 0,0:02:09.22,0:02:12.52,Default,,0000,0000,0000,,Podrías pensar: "¿qué significaría dividir una cadena?"
Dialogue: 0,0:02:12.52,0:02:16.93,Default,,0000,0000,0000,,También podemos usar animación e interacción del ratón con cadenas de texto.
Dialogue: 0,0:02:16.93,0:02:20.29,Default,,0000,0000,0000,,Por ejemplo, podemos hacer que la cadena siga al ratón.
Dialogue: 0,0:02:20.29,0:02:23.19,Default,,0000,0000,0000,,Sólo con pegarlo en un ciclo de dibujo como hicimos con los rectángulos.
Dialogue: 0,0:02:23.19,0:02:29.63,Default,,0000,0000,0000,,Entonces, si piensas acerca de cómo hacer esto, podríamos decir "var draw", luego pegamos todo esto justo aquí.
Dialogue: 0,0:02:29.63,0:02:32.90,Default,,0000,0000,0000,,Probablemente se ve muy familiar a "Introducción a la animación".
Dialogue: 0,0:02:32.90,0:02:39.16,Default,,0000,0000,0000,,Y pudieras pensar: bueno, para hacer que siga al ratón ciertamente necesitamos usar "mouseX" y "mouseY".
Dialogue: 0,0:02:39.16,0:02:43.19,Default,,0000,0000,0000,,Y ahí lo tienes, realmente estamos pintando con nuestro nombre.
Dialogue: 0,0:02:43.19,0:02:49.96,Default,,0000,0000,0000,,Claro que, si queremos, podríamos cambiar de fondo fácilmente, digamos a un buen azul claro.
Dialogue: 0,0:02:49.96,0:02:57.40,Default,,0000,0000,0000,,Y ahora tenemos que el texto sólo sigue al ratón, justo como vimos con los rectángulos.
Dialogue: 0,0:02:57.40,0:03:02.23,Default,,0000,0000,0000,,Ahora, como último y divertido truco, usemos la animación y hagamos que el tamaño del texto crezca y crezca y crezca.
Dialogue: 0,0:03:02.23,0:03:06.23,Default,,0000,0000,0000,,Vamos a configurar aquí textSize a 30. Como aprendimos en variables
Dialogue: 0,0:03:06.23,0:03:13.72,Default,,0000,0000,0000,,en lugar de usar 30, también podemos decir: "var howBig = 30;" y usar esta variable en lugar del 30 directamente.
Dialogue: 0,0:03:13.72,0:03:19.92,Default,,0000,0000,0000,,Bueno, eso es lo mismo y necesitamos, obviamente, estar cambiando algo para obtener una animación.
Dialogue: 0,0:03:19.92,0:03:25.25,Default,,0000,0000,0000,,Podemos hacerlo diciendo "howBig = howBig + 1".
Dialogue: 0,0:03:25.25,0:03:31.58,Default,,0000,0000,0000,,Lo que significa, si recuerdas, "howBig" contiene lo que era "howBig" más uno para hacerlo un poco más grande.
Dialogue: 0,0:03:31.58,0:03:35.69,Default,,0000,0000,0000,,Ahora sólo necesitamos reiniciar el programa y tenemos que
Dialogue: 0,0:03:35.69,0:03:39.97,Default,,0000,0000,0000,,cuando movemos el ratón, "textSize" está creciendo y creciendo y creciendo y creciendo
Dialogue: 0,0:03:39.97,0:03:41.94,Default,,0000,0000,0000,,por esta línea de aquí.
Dialogue: 0,0:03:43.26,0:03:46.96,Default,,0000,0000,0000,,También podrías pensar: bueno, ¿cómo podemos hacerlo crecer más rápido?
Dialogue: 0,0:03:47.82,0:03:53.00,Default,,0000,0000,0000,,Ahora no sólo sabes cómo manipular figuras con código, sino que también puedes usar texto con código.