Return to Video

Texto Terrível parte 1

  • 0:00 - 0:02
    Já desenhamos bastante
  • 0:02 - 0:05
    Falamos sobre coisas simples como
    escrever o seu nome.
  • 0:05 - 0:08
    Essa lição é sobre isso, texto.
  • 0:08 - 0:11
    Então, porque você vai querer usar texto?
    Ou mostrar o placar de um jogo
  • 0:11 - 0:13
    Ou falas de personagens
  • 0:13 - 0:15
    Ou só fazer o nome crescer,
    diminuir e mudar de cor.
  • 0:15 - 0:18
    Então, vamos continuar e tentar
    dizer o "texto" Hello.
  • 0:18 - 0:20
    Podemos dizer text("hello")
  • 0:20 - 0:24
    E temos essa mensagem estranha
    que aperece
  • 0:24 - 0:26
    dizendo que o hello não está definido
  • 0:26 - 0:28
    O que isso significa?
  • 0:28 - 0:32
    O problema é que o programa acha
    que hello é uma variável
  • 0:32 - 0:34
    E meio que faz sentido da perspectiva
    do programa.
  • 0:34 - 0:37
    Talvez hello seja uma variável,
    mas como ele saberia?
  • 0:37 - 0:41
    Como dizemos ao programa que "hello"
    é na verdade um texto?
  • 0:41 - 0:44
    Isso é fácil. Só precisamos lembrar
    de usar aspas.
  • 0:44 - 0:46
    E isso diz que não é uma variável
    E sim um texto.
  • 0:46 - 0:48
    Ou que queremos mostrar
    como um texto
  • 0:48 - 0:51
    E você pode lembrar disso
    pensando num livro
  • 0:51 - 0:54
    em que todas as falas dos personagens
    ficam entre aspas.
  • 0:54 - 0:56
    E assim como no livro
  • 0:56 - 0:57
    quando você quiser que o
    programa diga algo
  • 0:57 - 1:00
    precisa ter o texto com aspas.
  • 1:00 - 1:01
    E isso é muito importante
    e fácil de errar.
  • 1:01 - 1:03
    Então, repetindo:
  • 1:03 - 1:05
    quando quiser usar
    texto no seu programa
  • 1:05 - 1:07
    sempre coloque-o entre aspas
  • 1:07 - 1:10
    Senão voce vai receber mensagens
    de erro muito estranhas.
  • 1:10 - 1:15
    Lembre-se: se você ver essas mensagens,
    verifique se o texto está entre aspas.
  • 1:15 - 1:19
    Ótimo! Agora utilizando as aspas
    não está mais dando erro
  • 1:19 - 1:21
    Mas você notou que nada
    está acontecendo?
  • 1:21 - 1:23
    E ainda está tudo em branco
  • 1:23 - 1:26
    Mas o estranho é que se colocarmos
    um "background"
  • 1:26 - 1:29
    Alguma coisa como red, vemos que está aqui
  • 1:29 - 1:35
    É apenas branco. O problema,
    é que escrevemos em branco
  • 1:35 - 1:39
    num fundo branco. E é por isso que
    não podemos ver o texto.
  • 1:39 - 1:43
    Parace bobo você escrever um
    texto branco num fundo branco
  • 1:44 - 1:46
    Podemos mudar isso porque
    aprendemos como preencher algo.
  • 1:47 - 1:50
    E como podemos definir o preenchimento
    de um retângulo ou uma linha
  • 1:50 - 1:53
    Podemos definir o preenchimento
    do texto de qualquer forma.
  • 1:53 - 1:57
    Como fizemos antes. E... aí está!
    Sem precisar do background.
  • 1:57 - 2:00
    Vamos ver como esse texto
    está funcionando.
  • 2:00 - 2:04
    A primeira parte é óbvia. Qualquer texto
    que a gente queira escrever.
  • 2:05 - 2:09
    A próxima parte, se a gente mudar,
    podemos ver que é localização.
  • 2:09 - 2:12
    E a próxima parte apenas
    mais para baixo e para cima
  • 2:12 - 2:15
    Isso me lembra de quando
    desenhávamos retângulos.
  • 2:16 - 2:20
    Uma coisa que confunde é que
    o texto tem duas coordenadas.
  • 2:20 - 2:25
    Que especifica a parte inferior esquerda,
    esse canto do texto
  • 2:25 - 2:28
    Enquanto com retângulos é a parte
    superior esquerda neste canto
  • 2:28 - 2:31
    E parece que isso foi feito
    para confundir você.
  • 2:31 - 2:33
    Mas é apenas algo para
    lembrar.
  • 2:33 - 2:37
    Podemos constatar isso configurando
    a altura.
  • 2:38 - 2:43
    E sim, está configurando para que
    a altura seja esta.
  • 2:44 - 2:49
    Ou podemos configurar para zero,
    e observamos.
  • 2:50 - 2:54
    E não vemos nada, mas se calmamente
    começarmos a aumentar isso podemos ver que
  • 2:54 - 2:57
    Sim é como dar uma espiada lá fora
  • 2:57 - 3:00
    Novamente, a coordenada inferior esquerda
    é a que especificamos.
  • 3:00 - 3:02
    Não a superior esquerda
  • 3:02 - 3:07
    Chega de analisar esse negócio de texto.
    Vamos deixar isso mais interessante.
  • 3:07 - 3:11
    Por exemplo, vamos começar a deixar maior,
    podemos fazer isso com "textSize"
  • 3:11 - 3:14
    E isso diz ao programa o quão grande é
    para desenhar o texto.
  • 3:14 - 3:19
    Podemos colocar tamanho "30" que é grande.
    Podemos até colocar mais que isso
  • 3:19 - 3:22
    ou deixar bem menor.
    O que quisermos.
  • 3:22 - 3:27
    Vamos desenhar seu nome, e talvez uma
    mensagem sobre você embaixo.
  • 3:27 - 3:30
    Como não sei seu nome, vou desenhar o meu.
    Você pode mudar quando quiser.
  • 3:31 - 3:36
    Usando o que apredendemos, podemos dizer
    text("Sophia") e lá está o meu nome.
  • 3:37 - 3:43
    E talvez uma mensagem embaixo como
    "Gosto de cachorrinhos, guitarra e de programar"
  • 3:43 - 3:49
    Isso é ótimo, mas precisamos mudar
    as posições para não sobrepor.
  • 3:49 - 3:55
    Mas este é um texto longo. Vamos mudar
    para um tamanho de texto menor.
  • 3:55 - 4:00
    E lá vamos nós, assim está muito bom
  • 4:00 - 4:03
    Exceto, eu não sei mas não é meio chato
    ter os dois em azul?
  • 4:03 - 4:08
    Vamos mudar o "preenchimento"
    e deixar mais bonito,
  • 4:08 - 4:10
    talvez em roxo ficará bom.
  • 4:11 - 4:17
    OK. Terminamos. Isso é tudo sobre
    desenhar texto, e mudar cor e tamanho
  • 4:17 - 4:21
    Legendado por [Junior Dias]
    Revisado por [Cainã Perri]
Title:
Texto Terrível parte 1
Description:

more » « less
Video Language:
English
Duration:
04:19

Portuguese, Brazilian subtitles

Revisions