1
00:00:01,562 --> 00:00:04,614
Agora que aprendemos a usar o "text", 
vamos à diante.

2
00:00:04,614 --> 00:00:07,891
A primeira coisa diferente é que agora
vamos usar a palavra "string".

3
00:00:07,891 --> 00:00:10,606
Você pode pensar: 
"string? Meus gatos brincam com isso!"

4
00:00:10,606 --> 00:00:13,998
Mas, para programadores, uma string
é o nome usado para bits de texto.

5
00:00:13,998 --> 00:00:16,723
Imagine como se fosse uma 
linha de caracteres, se ajudar.

6
00:00:16,723 --> 00:00:19,396
Seu nome é uma string, 
o nome da sua escola é uma string

7
00:00:19,396 --> 00:00:22,300
e todas as mensagens de texto que 
você já enviou são strings.

8
00:00:22,300 --> 00:00:25,427
Basicamente, entenda que 
uma "string" é igual a um texto.

9
00:00:25,427 --> 00:00:28,367
Então, nós já escrevemos e 
colorimos usando strings.

10
00:00:28,367 --> 00:00:30,990
Será que podemos usar variáveis 
com "strings"? É claro!

11
00:00:30,990 --> 00:00:33,593
Assim como você pode colocar um
número em uma variável

12
00:00:33,593 --> 00:00:35,407
você também pode colocar
uma string.

13
00:00:35,407 --> 00:00:40,176
Vamos escrever algo como: "var myName = 
(qualquer que seja seu nome)".

14
00:00:40,176 --> 00:00:42,317
Assim, "Sophia". Lembre-se dessas aspas.

15
00:00:42,317 --> 00:00:45,370
E vamos colocar a variável "myName" 
no lugar do texto com aspas

16
00:00:45,370 --> 00:00:48,837
ao invés de escrevermos "Sophia",
como fizemos antes.

17
00:00:48,837 --> 00:00:53,334
Assim parece que tudo está igual, mas 
agora podemos escrever isso várias vezes

18
00:00:53,334 --> 00:00:56,817
Sabe como é, uma vez aqui, outra ali, 
podemos até sermos artísticos aqui.

19
00:00:56,820 --> 00:01:00,800
E então tudo que precisamos é fazer 
com que essa varíavel contenha o seu nome

20
00:01:00,800 --> 00:01:03,774
Agora você tem seu nome 
escrito três vezes.

21
00:01:03,774 --> 00:01:09,511
Retomando, e se ficarmos loucos e
começarmos a somar strings?

22
00:01:09,511 --> 00:01:12,808
Talvez do mesmo jeito que fizemos quando 
começamos a somar variáveis?

23
00:01:12,808 --> 00:01:17,128
Bom, na verdade, podemos fazer isso, o
computador irá juntar as duas strings.

24
00:01:17,128 --> 00:01:20,370
Por exemplo, vamos nos livrar disso e 
e escrever apenas uma vez

25
00:01:20,370 --> 00:01:24,414
e, assim, podemos usar outra variável
chamada "message" que irá conter meu nome

26
00:01:24,414 --> 00:01:27,383
mais alguns pontos de exclamação.

27
00:01:27,383 --> 00:01:30,100
E, se colocarmos "message" 
dentro de text para mostrá-la

28
00:01:30,100 --> 00:01:35,467
no lugar do meu nome, podemos ver que os 
pontos de exclamação que tínhamos

29
00:01:35,467 --> 00:01:37,661
foram colocados logo após o meu nome.

30
00:01:37,661 --> 00:01:40,319
Podemos deixar as coisas ainda mais 
divertidas

31
00:01:40,319 --> 00:01:42,986
se quisermos escrever essa mensagem, 
assim, duas vezes.

32
00:01:42,986 --> 00:01:47,512
Então, parece bem justo: você sabe, somar 
strings significa adicionar uma string

33
00:01:47,512 --> 00:01:49,242
no final de outra string.

34
00:01:49,242 --> 00:01:51,577
Você deve estar pensando: podemos ficar
bem loucos

35
00:01:51,577 --> 00:01:54,650
e começarmos a multiplicar, dividir ou 
subtrair strings?

36
00:01:54,650 --> 00:01:57,075
Podemos fazer isso? Bom, não podemos.

37
00:01:57,075 --> 00:01:59,425
Tratando-se de strings, podemos apenas 
somá-las.

38
00:01:59,425 --> 00:02:02,189
É certo que podemos dividir e subtrair 
variáveis numéricas

39
00:02:02,189 --> 00:02:04,538
mas variáveis strings só nos permitem 
somá-las.

40
00:02:04,538 --> 00:02:07,584
Mas, ainda assim, ser curioso e fazer 
esses tipos de perguntas

41
00:02:07,584 --> 00:02:09,329
é a atitude certa na programação.

42
00:02:09,329 --> 00:02:11,988
Você pode pensar: "O que significa 
dividir uma string?"

43
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

44
00:02:16,931 --> 00:02:19,855
Por exemplo, podemos fazer uma 
string seguir o mouse.

45
00:02:19,855 --> 00:02:23,191
É só colocar isso dentro de um draw
loop, como fizemos com retângulos.

46
00:02:23,191 --> 00:02:26,669
Então, se pensarmos em como fazer isso,
podemos declarar "var draw"

47
00:02:26,669 --> 00:02:29,527
e colocar tudo isso bem aqui.

48
00:02:29,527 --> 00:02:32,905
Provavelmente isso deve parecer bem 
familiar com Introdução à Animação.

49
00:02:32,905 --> 00:02:36,332
E você deve pensar, tudo bem, para que
isso siga o mouse, certamente

50
00:02:36,332 --> 00:02:39,289
precisaremos usar mouseX e mouseY.

51
00:02:39,289 --> 00:02:42,969
E aí vemos que realmente estamos pintando 
com nosso nome.

52
00:02:42,969 --> 00:02:46,462
E, claro, se quiséssemos, poderíamos 
facilmente definir uma cor de fundo.

53
00:02:46,462 --> 00:02:49,971
Você sabe... um azul bem clarinho.

54
00:02:49,971 --> 00:02:56,165
Agora nós temos o texto seguindo o mouse,
assim como fizemos com os retângulos.

55
00:02:56,165 --> 00:03:00,159
E agora, como um último truque divertido,
vamos usar animação

56
00:03:00,159 --> 00:03:02,783
e fazer o tamanho do texto crescer e 
crescer.

57
00:03:02,783 --> 00:03:04,810
Então, aqui iremos definir 
"textSize" como 30.

58
00:03:04,810 --> 00:03:10,794
Conforme aprendemos, em vez de usar 30, 
podemos utilizar "var howBig = 30".

59
00:03:10,794 --> 00:03:13,719
E então usar essa variável em vez de usar 
30 diretamente.

60
00:03:13,719 --> 00:03:16,344
Bom, isso é exatamente a mesma coisa.

61
00:03:16,344 --> 00:03:19,946
e obviamente precisamos mudar algumas
coisas para fazermos uma animação.

62
00:03:19,946 --> 00:03:25,184
Então, podemos fazer isso declarando que
howBig é igual a howBig mais um.

63
00:03:25,184 --> 00:03:30,534
Isso significa que "howBig" recebe o 
que "howBig" continha antes, e soma-se um

64
00:03:30,534 --> 00:03:32,014
para torná-lo um pouco maior.

65
00:03:32,014 --> 00:03:35,694
E, agora, só precisamos reiniciar o
programa, e aqui vemos que

66
00:03:35,694 --> 00:03:39,974
ao mover o mouse, o texto vai 
crescendo e crescendo.

67
00:03:39,974 --> 00:03:41,939
devido a essa linha aqui.

68
00:03:43,262 --> 00:03:45,079
Sabe, você pode pensar consigo mesmo:

69
00:03:45,079 --> 00:03:47,866
certo, como é que podemos fazê-lo 
crescer mais rápido?

70
00:03:47,876 --> 00:03:51,233
Então, agora você não apenas sabe como 
manipular formas com o código

71
00:03:51,233 --> 00:03:55,123
como também sabe manipular texto 
com o código.

72
00:03:55,218 --> 00:04:00,168
Legendado por [Felipe Francisco]
Revisado por [Cainã Perri]