Return to Video

Texto Fantástico Parte 2

  • 0:02 - 0:05
    Agora que aprendemos a usar o "text",
    vamos à diante.
  • 0:05 - 0:08
    A primeira coisa diferente é que agora
    vamos usar a palavra "string".
  • 0:08 - 0:11
    Você pode pensar:
    "string? Meus gatos brincam com isso!"
  • 0:11 - 0:14
    Mas, para programadores, uma string
    é o nome usado para bits de texto.
  • 0:14 - 0:17
    Imagine como se fosse uma
    linha de caracteres, se ajudar.
  • 0:17 - 0:19
    Seu nome é uma string,
    o nome da sua escola é uma string
  • 0:19 - 0:22
    e todas as mensagens de texto que
    você já enviou são strings.
  • 0:22 - 0:25
    Basicamente, entenda que
    uma "string" é igual a um texto.
  • 0:25 - 0:28
    Então, nós já escrevemos e
    colorimos usando strings.
  • 0:28 - 0:31
    Será que podemos usar variáveis
    com "strings"? É claro!
  • 0:31 - 0:34
    Assim como você pode colocar um
    número em uma variável
  • 0:34 - 0:35
    você também pode colocar
    uma string.
  • 0:35 - 0:40
    Vamos escrever algo como: "var myName =
    (qualquer que seja seu nome)".
  • 0:40 - 0:42
    Assim, "Sophia". Lembre-se dessas aspas.
  • 0:42 - 0:45
    E vamos colocar a variável "myName"
    no lugar do texto com aspas
  • 0:45 - 0:49
    ao invés de escrevermos "Sophia",
    como fizemos antes.
  • 0:49 - 0:53
    Assim parece que tudo está igual, mas
    agora podemos escrever isso várias vezes
  • 0:53 - 0:57
    Sabe como é, uma vez aqui, outra ali,
    podemos até sermos artísticos aqui.
  • 0:57 - 1:01
    E então tudo que precisamos é fazer
    com que essa varíavel contenha o seu nome
  • 1:01 - 1:04
    Agora você tem seu nome
    escrito três vezes.
  • 1:04 - 1:10
    Retomando, e se ficarmos loucos e
    começarmos a somar strings?
  • 1:10 - 1:13
    Talvez do mesmo jeito que fizemos quando
    começamos a somar variáveis?
  • 1:13 - 1:17
    Bom, na verdade, podemos fazer isso, o
    computador irá juntar as duas strings.
  • 1:17 - 1:20
    Por exemplo, vamos nos livrar disso e
    e escrever apenas uma vez
  • 1:20 - 1:24
    e, assim, podemos usar outra variável
    chamada "message" que irá conter meu nome
  • 1:24 - 1:27
    mais alguns pontos de exclamação.
  • 1:27 - 1:30
    E, se colocarmos "message"
    dentro de text para mostrá-la
  • 1:30 - 1:35
    no lugar do meu nome, podemos ver que os
    pontos de exclamação que tínhamos
  • 1:35 - 1:38
    foram colocados logo após o meu nome.
  • 1:38 - 1:40
    Podemos deixar as coisas ainda mais
    divertidas
  • 1:40 - 1:43
    se quisermos escrever essa mensagem,
    assim, duas vezes.
  • 1:43 - 1:48
    Então, parece bem justo: você sabe, somar
    strings significa adicionar uma string
  • 1:48 - 1:49
    no final de outra string.
  • 1:49 - 1:52
    Você deve estar pensando: podemos ficar
    bem loucos
  • 1:52 - 1:55
    e começarmos a multiplicar, dividir ou
    subtrair strings?
  • 1:55 - 1:57
    Podemos fazer isso? Bom, não podemos.
  • 1:57 - 1:59
    Tratando-se de strings, podemos apenas
    somá-las.
  • 1:59 - 2:02
    É certo que podemos dividir e subtrair
    variáveis numéricas
  • 2:02 - 2:05
    mas variáveis strings só nos permitem
    somá-las.
  • 2:05 - 2:08
    Mas, ainda assim, ser curioso e fazer
    esses tipos de perguntas
  • 2:08 - 2:09
    é a atitude certa na programação.
  • 2:09 - 2:12
    Você pode pensar: "O que significa
    dividir uma string?"
  • 2:12 - 2:17
    Então, nós também podemos usar animações
    e as interações do mouse com as strings
  • 2:17 - 2:20
    Por exemplo, podemos fazer uma
    string seguir o mouse.
  • 2:20 - 2:23
    É só colocar isso dentro de um draw
    loop, como fizemos com retângulos.
  • 2:23 - 2:27
    Então, se pensarmos em como fazer isso,
    podemos declarar "var draw"
  • 2:27 - 2:30
    e colocar tudo isso bem aqui.
  • 2:30 - 2:33
    Provavelmente isso deve parecer bem
    familiar com Introdução à Animação.
  • 2:33 - 2:36
    E você deve pensar, tudo bem, para que
    isso siga o mouse, certamente
  • 2:36 - 2:39
    precisaremos usar mouseX e mouseY.
  • 2:39 - 2:43
    E aí vemos que realmente estamos pintando
    com nosso nome.
  • 2:43 - 2:46
    E, claro, se quiséssemos, poderíamos
    facilmente definir uma cor de fundo.
  • 2:46 - 2:50
    Você sabe... um azul bem clarinho.
  • 2:50 - 2:56
    Agora nós temos o texto seguindo o mouse,
    assim como fizemos com os retângulos.
  • 2:56 - 3:00
    E agora, como um último truque divertido,
    vamos usar animação
  • 3:00 - 3:03
    e fazer o tamanho do texto crescer e
    crescer.
  • 3:03 - 3:05
    Então, aqui iremos definir
    "textSize" como 30.
  • 3:05 - 3:11
    Conforme aprendemos, em vez de usar 30,
    podemos utilizar "var howBig = 30".
  • 3:11 - 3:14
    E então usar essa variável em vez de usar
    30 diretamente.
  • 3:14 - 3:16
    Bom, isso é exatamente a mesma coisa.
  • 3:16 - 3:20
    e obviamente precisamos mudar algumas
    coisas para fazermos uma animação.
  • 3:20 - 3:25
    Então, podemos fazer isso declarando que
    howBig é igual a howBig mais um.
  • 3:25 - 3:31
    Isso significa que "howBig" recebe o
    que "howBig" continha antes, e soma-se um
  • 3:31 - 3:32
    para torná-lo um pouco maior.
  • 3:32 - 3:36
    E, agora, só precisamos reiniciar o
    programa, e aqui vemos que
  • 3:36 - 3:40
    ao mover o mouse, o texto vai
    crescendo e crescendo.
  • 3:40 - 3:42
    devido a essa linha aqui.
  • 3:43 - 3:45
    Sabe, você pode pensar consigo mesmo:
  • 3:45 - 3:48
    certo, como é que podemos fazê-lo
    crescer mais rápido?
  • 3:48 - 3:51
    Então, agora você não apenas sabe como
    manipular formas com o código
  • 3:51 - 3:55
    como também sabe manipular texto
    com o código.
  • 3:55 - 4:00
    Legendado por [Felipe Francisco]
    Revisado por [Cainã Perri]
Title:
Texto Fantástico Parte 2
Description:

more » « less
Video Language:
English
Duration:
03:57

Portuguese, Brazilian subtitles

Revisions