0:00:00.446,0:00:02.419 Já desenhamos bastante 0:00:02.419,0:00:05.193 Falamos sobre coisas simples como[br]escrever o seu nome. 0:00:05.193,0:00:07.595 Essa lição é sobre isso, texto. 0:00:07.595,0:00:11.208 Então, porque você vai querer usar texto?[br]Ou mostrar o placar de um jogo 0:00:11.208,0:00:12.553 Ou falas de personagens 0:00:12.553,0:00:15.139 Ou só fazer o nome crescer,[br]diminuir e mudar de cor. 0:00:15.149,0:00:18.145 Então, vamos continuar e tentar[br]dizer o "texto" Hello. 0:00:18.145,0:00:20.255 Podemos dizer text("hello") 0:00:20.265,0:00:23.635 E temos essa mensagem estranha[br]que aperece 0:00:23.735,0:00:26.045 dizendo que o hello não está definido 0:00:26.045,0:00:28.462 O que isso significa? 0:00:28.462,0:00:31.951 O problema é que o programa acha [br]que hello é uma variável 0:00:31.951,0:00:34.329 E meio que faz sentido da perspectiva [br]do programa. 0:00:34.329,0:00:37.450 Talvez hello seja uma variável,[br]mas como ele saberia? 0:00:37.450,0:00:40.723 Como dizemos ao programa que "hello"[br]é na verdade um texto? 0:00:40.723,0:00:43.659 Isso é fácil. Só precisamos lembrar [br]de usar aspas. 0:00:43.659,0:00:46.292 E isso diz que não é uma variável[br]E sim um texto. 0:00:46.292,0:00:48.486 Ou que queremos mostrar [br]como um texto 0:00:48.486,0:00:50.897 E você pode lembrar disso [br]pensando num livro 0:00:50.897,0:00:54.274 em que todas as falas dos personagens[br]ficam entre aspas. 0:00:54.274,0:00:55.844 E assim como no livro 0:00:55.864,0:00:57.448 quando você quiser que o [br]programa diga algo 0:00:57.448,0:00:59.510 precisa ter o texto com aspas. 0:00:59.510,0:01:01.144 E isso é muito importante[br]e fácil de errar. 0:01:01.144,0:01:02.764 Então, repetindo: 0:01:02.764,0:01:04.774 quando quiser usar[br]texto no seu programa 0:01:04.774,0:01:07.374 sempre coloque-o entre aspas 0:01:07.374,0:01:10.139 Senão voce vai receber mensagens[br]de erro muito estranhas. 0:01:10.139,0:01:14.581 Lembre-se: se você ver essas mensagens,[br]verifique se o texto está entre aspas. 0:01:14.581,0:01:18.663 Ótimo! Agora utilizando as aspas[br]não está mais dando erro 0:01:18.663,0:01:21.428 Mas você notou que nada [br]está acontecendo? 0:01:21.428,0:01:23.214 E ainda está tudo em branco 0:01:23.214,0:01:25.979 Mas o estranho é que se colocarmos[br]um "background" 0:01:25.979,0:01:29.230 Alguma coisa como red, vemos que está aqui 0:01:29.230,0:01:35.075 É apenas branco. O problema, [br]é que escrevemos em branco[br] 0:01:35.075,0:01:38.577 num fundo branco. E é por isso que[br]não podemos ver o texto. 0:01:38.577,0:01:43.345 Parace bobo você escrever um [br]texto branco num fundo branco 0:01:43.546,0:01:46.445 Podemos mudar isso porque [br]aprendemos como preencher algo. 0:01:46.615,0:01:50.164 E como podemos definir o preenchimento[br]de um retângulo ou uma linha 0:01:50.164,0:01:52.869 Podemos definir o preenchimento [br]do texto de qualquer forma. 0:01:53.138,0:01:56.639 Como fizemos antes. E... aí está![br]Sem precisar do background. 0:01:56.639,0:02:00.031 Vamos ver como esse texto [br]está funcionando. 0:02:00.231,0:02:04.438 A primeira parte é óbvia. Qualquer texto[br]que a gente queira escrever. 0:02:04.609,0:02:08.574 A próxima parte, se a gente mudar, [br]podemos ver que é localização. 0:02:08.786,0:02:11.883 E a próxima parte apenas [br]mais para baixo e para cima 0:02:11.883,0:02:15.184 Isso me lembra de quando [br]desenhávamos retângulos. 0:02:15.798,0:02:19.985 Uma coisa que confunde é que[br]o texto tem duas coordenadas. 0:02:20.203,0:02:24.575 Que especifica a parte inferior esquerda,[br]esse canto do texto 0:02:24.575,0:02:27.894 Enquanto com retângulos é a parte[br]superior esquerda neste canto 0:02:28.234,0:02:31.177 E parece que isso foi feito [br]para confundir você. 0:02:31.394,0:02:33.200 Mas é apenas algo para[br]lembrar. 0:02:33.206,0:02:37.441 Podemos constatar isso configurando [br]a altura. 0:02:37.595,0:02:43.030 E sim, está configurando para que [br]a altura seja esta. 0:02:44.015,0:02:49.296 Ou podemos configurar para zero,[br]e observamos. 0:02:49.572,0:02:54.129 E não vemos nada, mas se calmamente[br]começarmos a aumentar isso podemos ver que 0:02:54.267,0:02:56.709 Sim é como dar uma espiada lá fora 0:02:56.828,0:03:00.220 Novamente, a coordenada inferior esquerda[br]é a que especificamos. 0:03:00.386,0:03:01.923 Não a superior esquerda 0:03:02.066,0:03:06.781 Chega de analisar esse negócio de texto.[br]Vamos deixar isso mais interessante. 0:03:07.065,0:03:11.270 Por exemplo, vamos começar a deixar maior,[br]podemos fazer isso com "textSize" 0:03:11.468,0:03:14.095 E isso diz ao programa o quão grande é[br]para desenhar o texto. 0:03:14.485,0:03:19.049 Podemos colocar tamanho "30" que é grande. [br]Podemos até colocar mais que isso[br] 0:03:19.186,0:03:21.825 ou deixar bem menor. [br]O que quisermos. 0:03:22.013,0:03:26.730 Vamos desenhar seu nome, e talvez uma [br]mensagem sobre você embaixo. 0:03:26.965,0:03:30.171 Como não sei seu nome, vou desenhar o meu.[br]Você pode mudar quando quiser. 0:03:30.523,0:03:36.496 Usando o que apredendemos, podemos dizer[br]text("Sophia") e lá está o meu nome. 0:03:36.772,0:03:42.952 E talvez uma mensagem embaixo como[br]"Gosto de cachorrinhos, guitarra e de programar" 0:03:42.952,0:03:48.502 Isso é ótimo, mas precisamos mudar [br]as posições para não sobrepor. 0:03:48.781,0:03:55.105 Mas este é um texto longo. Vamos mudar [br]para um tamanho de texto menor. 0:03:55.355,0:04:00.191 E lá vamos nós, assim está muito bom 0:04:00.424,0:04:02.984 Exceto, eu não sei mas não é meio chato[br]ter os dois em azul? 0:04:02.984,0:04:07.645 Vamos mudar o "preenchimento"[br]e deixar mais bonito, 0:04:07.689,0:04:09.990 talvez em roxo ficará bom. 0:04:10.995,0:04:16.712 OK. Terminamos. Isso é tudo sobre [br]desenhar texto, e mudar cor e tamanho 0:04:16.723,0:04:20.813 Legendado por [Junior Dias][br]Revisado por [Cainã Perri]