WEBVTT

00:00:01.562 --> 00:00:04.614
Agora que aprendemos a usar o "text", 
vamos à diante.

00:00:04.614 --> 00:00:07.891
A primeira coisa diferente é que agora
vamos usar a palavra "string".

00:00:07.891 --> 00:00:10.606
Você pode pensar: 
"string? Meus gatos brincam com isso!"

00:00:10.606 --> 00:00:13.998
Mas, para programadores, uma string
é o nome usado para bits de texto.

00:00:13.998 --> 00:00:16.723
Imagine como se fosse uma 
linha de caracteres, se ajudar.

00:00:16.723 --> 00:00:19.396
Seu nome é uma string, 
o nome da sua escola é uma string

00:00:19.396 --> 00:00:22.300
e todas as mensagens de texto que 
você já enviou são strings.

00:00:22.300 --> 00:00:25.427
Basicamente, entenda que 
uma "string" é igual a um texto.

00:00:25.427 --> 00:00:28.367
Então, nós já escrevemos e 
colorimos usando strings.

00:00:28.367 --> 00:00:30.990
Será que podemos usar variáveis 
com "strings"? É claro!

00:00:30.990 --> 00:00:33.593
Assim como você pode colocar um
número em uma variável

00:00:33.593 --> 00:00:35.407
você também pode colocar
uma string.

00:00:35.407 --> 00:00:40.176
Vamos escrever algo como: "var myName = 
(qualquer que seja seu nome)".

00:00:40.176 --> 00:00:42.317
Assim, "Sophia". Lembre-se dessas aspas.

00:00:42.317 --> 00:00:45.370
E vamos colocar a variável "myName" 
no lugar do texto com aspas

00:00:45.370 --> 00:00:48.837
ao invés de escrevermos "Sophia",
como fizemos antes.

00:00:48.837 --> 00:00:53.334
Assim parece que tudo está igual, mas 
agora podemos escrever isso várias vezes

00:00:53.334 --> 00:00:56.817
Sabe como é, uma vez aqui, outra ali, 
podemos até sermos artísticos aqui.

00:00:56.820 --> 00:01:00.800
E então tudo que precisamos é fazer 
com que essa varíavel contenha o seu nome

00:01:00.800 --> 00:01:03.774
Agora você tem seu nome 
escrito três vezes.

00:01:03.774 --> 00:01:09.511
Retomando, e se ficarmos loucos e
começarmos a somar strings?

00:01:09.511 --> 00:01:12.808
Talvez do mesmo jeito que fizemos quando 
começamos a somar variáveis?

00:01:12.808 --> 00:01:17.128
Bom, na verdade, podemos fazer isso, o
computador irá juntar as duas strings.

00:01:17.128 --> 00:01:20.370
Por exemplo, vamos nos livrar disso e 
e escrever apenas uma vez

00:01:20.370 --> 00:01:24.414
e, assim, podemos usar outra variável
chamada "message" que irá conter meu nome

00:01:24.414 --> 00:01:27.383
mais alguns pontos de exclamação.

00:01:27.383 --> 00:01:30.100
E, se colocarmos "message" 
dentro de text para mostrá-la

00:01:30.100 --> 00:01:35.467
no lugar do meu nome, podemos ver que os 
pontos de exclamação que tínhamos

00:01:35.467 --> 00:01:37.661
foram colocados logo após o meu nome.

00:01:37.661 --> 00:01:40.319
Podemos deixar as coisas ainda mais 
divertidas

00:01:40.319 --> 00:01:42.986
se quisermos escrever essa mensagem, 
assim, duas vezes.

00:01:42.986 --> 00:01:47.512
Então, parece bem justo: você sabe, somar 
strings significa adicionar uma string

00:01:47.512 --> 00:01:49.242
no final de outra string.

00:01:49.242 --> 00:01:51.577
Você deve estar pensando: podemos ficar
bem loucos

00:01:51.577 --> 00:01:54.650
e começarmos a multiplicar, dividir ou 
subtrair strings?

00:01:54.650 --> 00:01:57.075
Podemos fazer isso? Bom, não podemos.

00:01:57.075 --> 00:01:59.425
Tratando-se de strings, podemos apenas 
somá-las.

00:01:59.425 --> 00:02:02.189
É certo que podemos dividir e subtrair 
variáveis numéricas

00:02:02.189 --> 00:02:04.538
mas variáveis strings só nos permitem 
somá-las.

00:02:04.538 --> 00:02:07.584
Mas, ainda assim, ser curioso e fazer 
esses tipos de perguntas

00:02:07.584 --> 00:02:09.329
é a atitude certa na programação.

00:02:09.329 --> 00:02:11.988
Você pode pensar: "O que significa 
dividir uma string?"

00:02:12.470 --> 00:02:16.931
Então, nós também podemos usar animações 
e as interações do mouse com as strings

00:02:16.931 --> 00:02:19.855
Por exemplo, podemos fazer uma 
string seguir o mouse.

00:02:19.855 --> 00:02:23.191
É só colocar isso dentro de um draw
loop, como fizemos com retângulos.

00:02:23.191 --> 00:02:26.669
Então, se pensarmos em como fazer isso,
podemos declarar "var draw"

00:02:26.669 --> 00:02:29.527
e colocar tudo isso bem aqui.

00:02:29.527 --> 00:02:32.905
Provavelmente isso deve parecer bem 
familiar com Introdução à Animação.

00:02:32.905 --> 00:02:36.332
E você deve pensar, tudo bem, para que
isso siga o mouse, certamente

00:02:36.332 --> 00:02:39.289
precisaremos usar mouseX e mouseY.

00:02:39.289 --> 00:02:42.969
E aí vemos que realmente estamos pintando 
com nosso nome.

00:02:42.969 --> 00:02:46.462
E, claro, se quiséssemos, poderíamos 
facilmente definir uma cor de fundo.

00:02:46.462 --> 00:02:49.971
Você sabe... um azul bem clarinho.

00:02:49.971 --> 00:02:56.165
Agora nós temos o texto seguindo o mouse,
assim como fizemos com os retângulos.

00:02:56.165 --> 00:03:00.159
E agora, como um último truque divertido,
vamos usar animação

00:03:00.159 --> 00:03:02.783
e fazer o tamanho do texto crescer e 
crescer.

00:03:02.783 --> 00:03:04.810
Então, aqui iremos definir 
"textSize" como 30.

00:03:04.810 --> 00:03:10.794
Conforme aprendemos, em vez de usar 30, 
podemos utilizar "var howBig = 30".

00:03:10.794 --> 00:03:13.719
E então usar essa variável em vez de usar 
30 diretamente.

00:03:13.719 --> 00:03:16.344
Bom, isso é exatamente a mesma coisa.

00:03:16.344 --> 00:03:19.946
e obviamente precisamos mudar algumas
coisas para fazermos uma animação.

00:03:19.946 --> 00:03:25.184
Então, podemos fazer isso declarando que
howBig é igual a howBig mais um.

00:03:25.184 --> 00:03:30.534
Isso significa que "howBig" recebe o 
que "howBig" continha antes, e soma-se um

00:03:30.534 --> 00:03:32.014
para torná-lo um pouco maior.

00:03:32.014 --> 00:03:35.694
E, agora, só precisamos reiniciar o
programa, e aqui vemos que

00:03:35.694 --> 00:03:39.974
ao mover o mouse, o texto vai 
crescendo e crescendo.

00:03:39.974 --> 00:03:41.939
devido a essa linha aqui.

00:03:43.262 --> 00:03:45.079
Sabe, você pode pensar consigo mesmo:

00:03:45.079 --> 00:03:47.866
certo, como é que podemos fazê-lo 
crescer mais rápido?

00:03:47.876 --> 00:03:51.233
Então, agora você não apenas sabe como 
manipular formas com o código

00:03:51.233 --> 00:03:55.123
como também sabe manipular texto 
com o código.

00:03:55.218 --> 00:04:00.168
Legendado por [Felipe Francisco]
Revisado por [Cainã Perri]