0:00:01.562,0:00:04.614 Agora que aprendemos a usar o "text", [br]vamos à diante. 0:00:04.614,0:00:07.891 A primeira coisa diferente é que agora[br]vamos usar a palavra "string". 0:00:07.891,0:00:10.606 Você pode pensar: [br]"string? Meus gatos brincam com isso!" 0:00:10.606,0:00:13.998 Mas, para programadores, uma string[br]é o nome usado para bits de texto. 0:00:13.998,0:00:16.723 Imagine como se fosse uma [br]linha de caracteres, se ajudar. 0:00:16.723,0:00:19.396 Seu nome é uma string, [br]o nome da sua escola é uma string 0:00:19.396,0:00:22.300 e todas as mensagens de texto que [br]você já enviou são strings. 0:00:22.300,0:00:25.427 Basicamente, entenda que [br]uma "string" é igual a um texto. 0:00:25.427,0:00:28.367 Então, nós já escrevemos e [br]colorimos usando strings. 0:00:28.367,0:00:30.990 Será que podemos usar variáveis [br]com "strings"? É claro! 0:00:30.990,0:00:33.593 Assim como você pode colocar um[br]número em uma variável 0:00:33.593,0:00:35.407 você também pode colocar[br]uma string. 0:00:35.407,0:00:40.176 Vamos escrever algo como: "var myName = [br](qualquer que seja seu nome)". 0:00:40.176,0:00:42.317 Assim, "Sophia". Lembre-se dessas aspas. 0:00:42.317,0:00:45.370 E vamos colocar a variável "myName" [br]no lugar do texto com aspas 0:00:45.370,0:00:48.837 ao invés de escrevermos "Sophia",[br]como fizemos antes. 0:00:48.837,0:00:53.334 Assim parece que tudo está igual, mas [br]agora podemos escrever isso várias vezes 0:00:53.334,0:00:56.817 Sabe como é, uma vez aqui, outra ali, [br]podemos até sermos artísticos aqui. 0:00:56.820,0:01:00.800 E então tudo que precisamos é fazer [br]com que essa varíavel contenha o seu nome 0:01:00.800,0:01:03.774 Agora você tem seu nome [br]escrito três vezes. 0:01:03.774,0:01:09.511 Retomando, e se ficarmos loucos e[br]começarmos a somar strings? 0:01:09.511,0:01:12.808 Talvez do mesmo jeito que fizemos quando [br]começamos a somar variáveis? 0:01:12.808,0:01:17.128 Bom, na verdade, podemos fazer isso, o[br]computador irá juntar as duas strings. 0:01:17.128,0:01:20.370 Por exemplo, vamos nos livrar disso e [br]e escrever apenas uma vez 0:01:20.370,0:01:24.414 e, assim, podemos usar outra variável[br]chamada "message" que irá conter meu nome 0:01:24.414,0:01:27.383 mais alguns pontos de exclamação. 0:01:27.383,0:01:30.100 E, se colocarmos "message" [br]dentro de text para mostrá-la 0:01:30.100,0:01:35.467 no lugar do meu nome, podemos ver que os [br]pontos de exclamação que tínhamos 0:01:35.467,0:01:37.661 foram colocados logo após o meu nome. 0:01:37.661,0:01:40.319 Podemos deixar as coisas ainda mais [br]divertidas 0:01:40.319,0:01:42.986 se quisermos escrever essa mensagem, [br]assim, duas vezes. 0:01:42.986,0:01:47.512 Então, parece bem justo: você sabe, somar [br]strings significa adicionar uma string 0:01:47.512,0:01:49.242 no final de outra string. 0:01:49.242,0:01:51.577 Você deve estar pensando: podemos ficar[br]bem loucos 0:01:51.577,0:01:54.650 e começarmos a multiplicar, dividir ou [br]subtrair strings? 0:01:54.650,0:01:57.075 Podemos fazer isso? Bom, não podemos. 0:01:57.075,0:01:59.425 Tratando-se de strings, podemos apenas [br]somá-las. 0:01:59.425,0:02:02.189 É certo que podemos dividir e subtrair [br]variáveis numéricas 0:02:02.189,0:02:04.538 mas variáveis strings só nos permitem [br]somá-las. 0:02:04.538,0:02:07.584 Mas, ainda assim, ser curioso e fazer [br]esses tipos de perguntas 0:02:07.584,0:02:09.329 é a atitude certa na programação. 0:02:09.329,0:02:11.988 Você pode pensar: "O que significa [br]dividir uma string?" 0:02:12.470,0:02:16.931 Então, nós também podemos usar animações [br]e as interações do mouse com as strings 0:02:16.931,0:02:19.855 Por exemplo, podemos fazer uma [br]string seguir o mouse. 0:02:19.855,0:02:23.191 É só colocar isso dentro de um draw[br]loop, como fizemos com retângulos. 0:02:23.191,0:02:26.669 Então, se pensarmos em como fazer isso,[br]podemos declarar "var draw" 0:02:26.669,0:02:29.527 e colocar tudo isso bem aqui. 0:02:29.527,0:02:32.905 Provavelmente isso deve parecer bem [br]familiar com Introdução à Animação. 0:02:32.905,0:02:36.332 E você deve pensar, tudo bem, para que[br]isso siga o mouse, certamente 0:02:36.332,0:02:39.289 precisaremos usar mouseX e mouseY. 0:02:39.289,0:02:42.969 E aí vemos que realmente estamos pintando [br]com nosso nome. 0:02:42.969,0:02:46.462 E, claro, se quiséssemos, poderíamos [br]facilmente definir uma cor de fundo. 0:02:46.462,0:02:49.971 Você sabe... um azul bem clarinho. 0:02:49.971,0:02:56.165 Agora nós temos o texto seguindo o mouse,[br]assim como fizemos com os retângulos. 0:02:56.165,0:03:00.159 E agora, como um último truque divertido,[br]vamos usar animação 0:03:00.159,0:03:02.783 e fazer o tamanho do texto crescer e [br]crescer. 0:03:02.783,0:03:04.810 Então, aqui iremos definir [br]"textSize" como 30. 0:03:04.810,0:03:10.794 Conforme aprendemos, em vez de usar 30, [br]podemos utilizar "var howBig = 30". 0:03:10.794,0:03:13.719 E então usar essa variável em vez de usar [br]30 diretamente. 0:03:13.719,0:03:16.344 Bom, isso é exatamente a mesma coisa. 0:03:16.344,0:03:19.946 e obviamente precisamos mudar algumas[br]coisas para fazermos uma animação. 0:03:19.946,0:03:25.184 Então, podemos fazer isso declarando que[br]howBig é igual a howBig mais um. 0:03:25.184,0:03:30.534 Isso significa que "howBig" recebe o [br]que "howBig" continha antes, e soma-se um 0:03:30.534,0:03:32.014 para torná-lo um pouco maior. 0:03:32.014,0:03:35.694 E, agora, só precisamos reiniciar o[br]programa, e aqui vemos que 0:03:35.694,0:03:39.974 ao mover o mouse, o texto vai [br]crescendo e crescendo. 0:03:39.974,0:03:41.939 devido a essa linha aqui. 0:03:43.262,0:03:45.079 Sabe, você pode pensar consigo mesmo: 0:03:45.079,0:03:47.866 certo, como é que podemos fazê-lo [br]crescer mais rápido? 0:03:47.876,0:03:51.233 Então, agora você não apenas sabe como [br]manipular formas com o código 0:03:51.233,0:03:55.123 como também sabe manipular texto [br]com o código. 0:03:55.218,0:04:00.168 Legendado por [Felipe Francisco][br]Revisado por [Cainã Perri]