WEBVTT

00:00:00.446 --> 00:00:02.419
Já desenhamos bastante

00:00:02.419 --> 00:00:05.193
Falamos sobre coisas simples como
escrever o seu nome.

00:00:05.193 --> 00:00:07.595
Essa lição é sobre isso, texto.

00:00:07.595 --> 00:00:11.208
Então, porque você vai querer usar texto?
Ou mostrar o placar de um jogo

00:00:11.208 --> 00:00:12.553
Ou falas de personagens

00:00:12.553 --> 00:00:15.139
Ou só fazer o nome crescer,
diminuir e mudar de cor.

00:00:15.149 --> 00:00:18.145
Então, vamos continuar e tentar
dizer o "texto" Hello.

00:00:18.145 --> 00:00:20.255
Podemos dizer text("hello")

00:00:20.265 --> 00:00:23.635
E temos essa mensagem estranha
que aperece

00:00:23.735 --> 00:00:26.045
dizendo que o hello não está definido

00:00:26.045 --> 00:00:28.462
O que isso significa?

00:00:28.462 --> 00:00:31.951
O problema é que o programa acha 
que hello é uma variável

00:00:31.951 --> 00:00:34.329
E meio que faz sentido da perspectiva 
do programa.

00:00:34.329 --> 00:00:37.450
Talvez hello seja uma variável,
mas como ele saberia?

00:00:37.450 --> 00:00:40.723
Como dizemos ao programa que "hello"
é na verdade um texto?

00:00:40.723 --> 00:00:43.659
Isso é fácil. Só precisamos lembrar 
de usar aspas.

00:00:43.659 --> 00:00:46.292
E isso diz que não é uma variável
E sim um texto.

00:00:46.292 --> 00:00:48.486
Ou que queremos mostrar 
como um texto

00:00:48.486 --> 00:00:50.897
E você pode lembrar disso 
pensando num livro

00:00:50.897 --> 00:00:54.274
em que todas as falas dos personagens
ficam entre aspas.

00:00:54.274 --> 00:00:55.844
E assim como no livro

00:00:55.864 --> 00:00:57.448
quando você quiser que o 
programa diga algo

00:00:57.448 --> 00:00:59.510
precisa ter o texto com aspas.

00:00:59.510 --> 00:01:01.144
E isso é muito importante
e fácil de errar.

00:01:01.144 --> 00:01:02.764
Então, repetindo:

00:01:02.764 --> 00:01:04.774
quando quiser usar
texto no seu programa

00:01:04.774 --> 00:01:07.374
sempre coloque-o entre aspas

00:01:07.374 --> 00:01:10.139
Senão voce vai receber mensagens
de erro muito estranhas.

00:01:10.139 --> 00:01:14.581
Lembre-se: se você ver essas mensagens,
verifique se o texto está entre aspas.

00:01:14.581 --> 00:01:18.663
Ótimo! Agora utilizando as aspas
não está mais dando erro

00:01:18.663 --> 00:01:21.428
Mas você notou que nada 
está acontecendo?

00:01:21.428 --> 00:01:23.214
E ainda está tudo em branco

00:01:23.214 --> 00:01:25.979
Mas o estranho é que se colocarmos
um "background"

00:01:25.979 --> 00:01:29.230
Alguma coisa como red, vemos que está aqui

00:01:29.230 --> 00:01:35.075
É apenas branco. O problema, 
é que escrevemos em branco


00:01:35.075 --> 00:01:38.577
num fundo branco. E é por isso que
não podemos ver o texto.

00:01:38.577 --> 00:01:43.345
Parace bobo você escrever um 
texto branco num fundo branco

00:01:43.546 --> 00:01:46.445
Podemos mudar isso porque 
aprendemos como preencher algo.

00:01:46.615 --> 00:01:50.164
E como podemos definir o preenchimento
de um retângulo ou uma linha

00:01:50.164 --> 00:01:52.869
Podemos definir o preenchimento 
do texto de qualquer forma.

00:01:53.138 --> 00:01:56.639
Como fizemos antes. E... aí está!
Sem precisar do background.

00:01:56.639 --> 00:02:00.031
Vamos ver como esse texto 
está funcionando.

00:02:00.231 --> 00:02:04.438
A primeira parte é óbvia. Qualquer texto
que a gente queira escrever.

00:02:04.609 --> 00:02:08.574
A próxima parte, se a gente mudar, 
podemos ver que é localização.

00:02:08.786 --> 00:02:11.883
E a próxima parte apenas 
mais para baixo e para cima

00:02:11.883 --> 00:02:15.184
Isso me lembra de quando 
desenhávamos retângulos.

00:02:15.798 --> 00:02:19.985
Uma coisa que confunde é que
o texto tem duas coordenadas.

00:02:20.203 --> 00:02:24.575
Que especifica a parte inferior esquerda,
esse canto do texto

00:02:24.575 --> 00:02:27.894
Enquanto com retângulos é a parte
superior esquerda neste canto

00:02:28.234 --> 00:02:31.177
E parece que isso foi feito 
para confundir você.

00:02:31.394 --> 00:02:33.200
Mas é apenas algo para
lembrar.

00:02:33.206 --> 00:02:37.441
Podemos constatar isso configurando 
a altura.

00:02:37.595 --> 00:02:43.030
E sim, está configurando para que 
a altura seja esta.

00:02:44.015 --> 00:02:49.296
Ou podemos configurar para zero,
e observamos.

00:02:49.572 --> 00:02:54.129
E não vemos nada, mas se calmamente
começarmos a aumentar isso podemos ver que

00:02:54.267 --> 00:02:56.709
Sim é como dar uma espiada lá fora

00:02:56.828 --> 00:03:00.220
Novamente, a coordenada inferior esquerda
é a que especificamos.

00:03:00.386 --> 00:03:01.923
Não a superior esquerda

00:03:02.066 --> 00:03:06.781
Chega de analisar esse negócio de texto.
Vamos deixar isso mais interessante.

00:03:07.065 --> 00:03:11.270
Por exemplo, vamos começar a deixar maior,
podemos fazer isso com "textSize"

00:03:11.468 --> 00:03:14.095
E isso diz ao programa o quão grande é
para desenhar o texto.

00:03:14.485 --> 00:03:19.049
Podemos colocar tamanho "30" que é grande. 
Podemos até colocar mais que isso


00:03:19.186 --> 00:03:21.825
ou deixar bem menor. 
O que quisermos.

00:03:22.013 --> 00:03:26.730
Vamos desenhar seu nome, e talvez uma 
mensagem sobre você embaixo.

00:03:26.965 --> 00:03:30.171
Como não sei seu nome, vou desenhar o meu.
Você pode mudar quando quiser.

00:03:30.523 --> 00:03:36.496
Usando o que apredendemos, podemos dizer
text("Sophia") e lá está o meu nome.

00:03:36.772 --> 00:03:42.952
E talvez uma mensagem embaixo como
"Gosto de cachorrinhos, guitarra e de programar"

00:03:42.952 --> 00:03:48.502
Isso é ótimo, mas precisamos mudar 
as posições para não sobrepor.

00:03:48.781 --> 00:03:55.105
Mas este é um texto longo. Vamos mudar 
para um tamanho de texto menor.

00:03:55.355 --> 00:04:00.191
E lá vamos nós, assim está muito bom

00:04:00.424 --> 00:04:02.984
Exceto, eu não sei mas não é meio chato
ter os dois em azul?

00:04:02.984 --> 00:04:07.645
Vamos mudar o "preenchimento"
e deixar mais bonito,

00:04:07.689 --> 00:04:09.990
talvez em roxo ficará bom.

00:04:10.995 --> 00:04:16.712
OK. Terminamos. Isso é tudo sobre 
desenhar texto, e mudar cor e tamanho

00:04:16.723 --> 00:04:20.813
Legendado por [Junior Dias]
Revisado por [Cainã Perri]