[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.36,0:00:03.01,Default,,0000,0000,0000,,Há muitas formas de fazer com que \Nalgo pareça animado
Dialogue: 0,0:00:03.01,0:00:05.07,Default,,0000,0000,0000,,mas o princípio básico é sempre o mesmo.
Dialogue: 0,0:00:05.07,0:00:07.44,Default,,0000,0000,0000,,Se pegarmos um grupo de \Ndesenhos ou imagens
Dialogue: 0,0:00:07.44,0:00:09.73,Default,,0000,0000,0000,,onde cada uma é um pouco\Ndiferente da última,
Dialogue: 0,0:00:09.73,0:00:11.39,Default,,0000,0000,0000,,e folhearmos as imagens \Nbem rápido,
Dialogue: 0,0:00:11.39,0:00:13.42,Default,,0000,0000,0000,,vai parecer que a imagem está\Nem movimento.
Dialogue: 0,0:00:13.42,0:00:16.57,Default,,0000,0000,0000,,De volta aos velhos tempos,\Nquando desenhávamos a mão livre
Dialogue: 0,0:00:16.57,0:00:19.72,Default,,0000,0000,0000,,levaria um tempão para uma \Nanimação de três segundos.
Dialogue: 0,0:00:19.72,0:00:22.88,Default,,0000,0000,0000,,Felizmente para nós, vivemos no futuro.
Dialogue: 0,0:00:22.88,0:00:26.13,Default,,0000,0000,0000,,Na verdade é muito fácil fazer uma \Nanimação simples com código.
Dialogue: 0,0:00:26.13,0:00:27.57,Default,,0000,0000,0000,,E eu irei mostrar como!
Dialogue: 0,0:00:27.57,0:00:30.27,Default,,0000,0000,0000,,No lado direito, você pode ver que \Nhá um carrinho fofo
Dialogue: 0,0:00:30.27,0:00:32.01,Default,,0000,0000,0000,,em um lindo fundo amarelo.
Dialogue: 0,0:00:32.01,0:00:34.96,Default,,0000,0000,0000,,E sim, eu mesma desenhei o carrinho, \Nobrigada.
Dialogue: 0,0:00:34.98,0:00:36.66,Default,,0000,0000,0000,,Aqui você pode ver que estamos
Dialogue: 0,0:00:36.66,0:00:39.31,Default,,0000,0000,0000,,configurando esta linda \Ncor de fundo.
Dialogue: 0,0:00:39.31,0:00:43.14,Default,,0000,0000,0000,,E o carro não tem contorno, então \Nchamaremos isto de função noStroke.
Dialogue: 0,0:00:43.14,0:00:46.04,Default,,0000,0000,0000,,Aqui fazemos uma nova \Nvariável, X, a posição do carro
Dialogue: 0,0:00:46.04,0:00:47.31,Default,,0000,0000,0000,,e atribuindo o valor 10.
Dialogue: 0,0:00:47.31,0:00:49.46,Default,,0000,0000,0000,,Você verá que se \Nalterarmos este valor,
Dialogue: 0,0:00:49.46,0:00:52.10,Default,,0000,0000,0000,,o carro se move pra trás \Ne pra frente.
Dialogue: 0,0:00:52.10,0:00:53.31,Default,,0000,0000,0000,,Vamos trazê-lo para 10.
Dialogue: 0,0:00:53.31,0:00:55.97,Default,,0000,0000,0000,,Aqui configuramos a cor de \Npreenchimento do carro
Dialogue: 0,0:00:55.97,0:00:58.50,Default,,0000,0000,0000,,e desenhamos 2 retângulos \Npara o corpo do carro.
Dialogue: 0,0:00:58.50,0:01:00.73,Default,,0000,0000,0000,,Então, o primeiro retângulo \Né a parte debaixo
Dialogue: 0,0:01:00.73,0:01:02.52,Default,,0000,0000,0000,,e este retângulo \Na parte de cima.
Dialogue: 0,0:01:02.52,0:01:05.03,Default,,0000,0000,0000,,E então aqui faremos o \Nmesmo com as rodas.
Dialogue: 0,0:01:05.03,0:01:07.30,Default,,0000,0000,0000,,Configuramos a cor e \Ndesenhamos duas elipses:
Dialogue: 0,0:01:07.30,0:01:08.65,Default,,0000,0000,0000,,Uma em "x + 25"
Dialogue: 0,0:01:08.65,0:01:10.19,Default,,0000,0000,0000,,e outra "x + 75"
Dialogue: 0,0:01:10.19,0:01:12.83,Default,,0000,0000,0000,,E finalmente teremos algo novo.
Dialogue: 0,0:01:12.83,0:01:15.10,Default,,0000,0000,0000,,Isto aqui é chamado de\Nfunção definição
Dialogue: 0,0:01:15.10,0:01:17.35,Default,,0000,0000,0000,,Você aprenderá tudo sobre\Nisso mais tarde,
Dialogue: 0,0:01:17.35,0:01:19.72,Default,,0000,0000,0000,,Por enquanto, basta observar \Ne memorizar.
Dialogue: 0,0:01:19.72,0:01:24.01,Default,,0000,0000,0000,,As coisas importantes para se observar são\Nesta palavra "desenhar" e estas chaves.
Dialogue: 0,0:01:24.01,0:01:26.74,Default,,0000,0000,0000,,Esta chave aberta aqui\Ne este chave fechada aqui.
Dialogue: 0,0:01:26.75,0:01:30.21,Default,,0000,0000,0000,,Este todo é o que nós chamamos de\Nloop de desenho ou loop de animação.
Dialogue: 0,0:01:30.21,0:01:32.59,Default,,0000,0000,0000,,E tudo o que você coloca\Ndentro destes chaves
Dialogue: 0,0:01:32.59,0:01:35.23,Default,,0000,0000,0000,,É executado várias vezes,\Nmuito, muito rápido.
Dialogue: 0,0:01:35.23,0:01:36.70,Default,,0000,0000,0000,,Por isso se chama loop.
Dialogue: 0,0:01:36.70,0:01:38.73,Default,,0000,0000,0000,,E então tudo fora destas chaves
Dialogue: 0,0:01:38.73,0:01:41.66,Default,,0000,0000,0000,,é executado apenas uma vez\Nbem no início do programa.
Dialogue: 0,0:01:41.66,0:01:45.48,Default,,0000,0000,0000,,O primeiro passo da animação é mover\Ntodo o seu código nas chaves
Dialogue: 0,0:01:45.48,0:01:47.83,Default,,0000,0000,0000,,então sua imagem será desenhada repetidas\Nvezes.
Dialogue: 0,0:01:47.83,0:01:48.88,Default,,0000,0000,0000,,Vamos tentar.
Dialogue: 0,0:01:48.88,0:01:52.00,Default,,0000,0000,0000,,Vou puxar todo o código do desenho
Dialogue: 0,0:01:52.00,0:01:54.26,Default,,0000,0000,0000,,e então colar dentro do loop.
Dialogue: 0,0:01:54.26,0:01:58.09,Default,,0000,0000,0000,,Para lembrar que esse bloqueio de códigos \Nvai dentro das chaves,
Dialogue: 0,0:01:58.09,0:02:01.92,Default,,0000,0000,0000,,vou indentar tudo selecionando \Ne pressionando Tab.
Dialogue: 0,0:02:02.24,0:02:05.02,Default,,0000,0000,0000,,E agora eu sei que este código \Nestá dentro das chaves.
Dialogue: 0,0:02:05.75,0:02:08.73,Default,,0000,0000,0000,,Então você pode dizer,\Ntudo parece exatamente o mesmo;
Dialogue: 0,0:02:08.73,0:02:10.03,Default,,0000,0000,0000,,nada mudou.
Dialogue: 0,0:02:10.03,0:02:12.62,Default,,0000,0000,0000,,Porque a primeira vez que \Ndesenharmos em loop,
Dialogue: 0,0:02:12.62,0:02:14.12,Default,,0000,0000,0000,,O computador vai processar:
Dialogue: 0,0:02:14.12,0:02:18.12,Default,,0000,0000,0000,,"Faça uma nova variável x, configure para 10, \Ndesenhe 2 retângulos e duas elipses".
Dialogue: 0,0:02:18.12,0:02:20.49,Default,,0000,0000,0000,,E depois ele vai até o \Ncomeço e processar:
Dialogue: 0,0:02:20.49,0:02:22.65,Default,,0000,0000,0000,,"Faça uma nova variável x, \Nconfigure para 10,\N
Dialogue: 0,0:02:22.65,0:02:25.62,Default,,0000,0000,0000,,desenhe dois retângulos e duas elipses".
Dialogue: 0,0:02:25.62,0:02:28.30,Default,,0000,0000,0000,,E assim consecutivamente.\N
Dialogue: 0,0:02:28.30,0:02:31.30,Default,,0000,0000,0000,,Nada mudou, e você não verá animação.
Dialogue: 0,0:02:31.30,0:02:34.66,Default,,0000,0000,0000,,só desenhando retângulos e elipses \Nno topo das anteriores.
Dialogue: 0,0:02:34.66,0:02:37.77,Default,,0000,0000,0000,,Lembre-se o que: se queremos\Nfazer algo parecer animado,
Dialogue: 0,0:02:37.77,0:02:40.36,Default,,0000,0000,0000,,você vai precisar mudar seu desenho\Num pouco cada vez.
Dialogue: 0,0:02:40.36,0:02:42.76,Default,,0000,0000,0000,,Então se quero meu carro \Nindo para frente,
Dialogue: 0,0:02:42.76,0:02:45.36,Default,,0000,0000,0000,,devo mudar o valor da variável x, certo?
Dialogue: 0,0:02:45.36,0:02:48.05,Default,,0000,0000,0000,,É mesmo, então vamos fazer isto...11.
Dialogue: 0,0:02:48.05,0:02:51.12,Default,,0000,0000,0000,,Ah! Não! Mas agora o valor será \N11 em cada uma das vezes.
Dialogue: 0,0:02:51.12,0:02:54.43,Default,,0000,0000,0000,,Que valor de x devo obter para \Nmanter a mudança
Dialogue: 0,0:02:54.43,0:02:57.51,Default,,0000,0000,0000,,quando o computador só executa o \Nmesmo código diversas vezes?
Dialogue: 0,0:02:57.51,0:02:59.71,Default,,0000,0000,0000,,Okay, veja esse truque de mágica.
Dialogue: 0,0:02:59.71,0:03:02.48,Default,,0000,0000,0000,,Lembre-se, esta variável x\Nfaz uma nova variável.
Dialogue: 0,0:03:02.48,0:03:04.75,Default,,0000,0000,0000,,Quando temos isto dentro \Ndo loop do desenho,
Dialogue: 0,0:03:04.75,0:03:07.74,Default,,0000,0000,0000,,isto gera uma nova variável\Nchamada "x"cada única vez.
Dialogue: 0,0:03:07.74,0:03:10.76,Default,,0000,0000,0000,,O que precisamos é fazer esta\Nvariável fora do loop do desenho.
Dialogue: 0,0:03:10.76,0:03:13.26,Default,,0000,0000,0000,,Desta forma, isto será feito somente \Numa vez.
Dialogue: 0,0:03:13.26,0:03:17.49,Default,,0000,0000,0000,,Toda vez que o computador executar \Neste código e ver a variável x,
Dialogue: 0,0:03:17.49,0:03:22.48,Default,,0000,0000,0000,,irá reutilizar a variável anterior, \Nusando o último valor atribuído.
Dialogue: 0,0:03:22.48,0:03:25.08,Default,,0000,0000,0000,,Então farei o seguinte:\Nvou pegar esta variável
Dialogue: 0,0:03:25.08,0:03:27.48,Default,,0000,0000,0000,,e faremos isso fora \Ndo loop do desenho.
Dialogue: 0,0:03:27.48,0:03:30.27,Default,,0000,0000,0000,,Então agora ele está fazendo\Na variável uma vez.
Dialogue: 0,0:03:31.23,0:03:33.48,Default,,0000,0000,0000,,E toda vez que executa em\Numa variável x,
Dialogue: 0,0:03:33.48,0:03:35.48,Default,,0000,0000,0000,,Ele vai reutilizar a mesma variável.
Dialogue: 0,0:03:35.48,0:03:38.12,Default,,0000,0000,0000,,E agora, o último valor atribuído,\Nfoi 11.
Dialogue: 0,0:03:38.12,0:03:39.49,Default,,0000,0000,0000,,e então será sempre 11.
Dialogue: 0,0:03:39.49,0:03:41.99,Default,,0000,0000,0000,,E é aqui onde a mágica começa.
Dialogue: 0,0:03:41.99,0:03:43.56,Default,,0000,0000,0000,,Em algum lugar do loop,
Dialogue: 0,0:03:43.56,0:03:45.14,Default,,0000,0000,0000,,faremos mudanças no valor de x
Dialogue: 0,0:03:45.14,0:03:47.47,Default,,0000,0000,0000,,para ser um pouco maior do \Nque costumava ser. Assim:
Dialogue: 0,0:03:47.47,0:03:51.99,Default,,0000,0000,0000,,x obtém o valor antigo de x\Nmais, digamos, um.
Dialogue: 0,0:03:52.75,0:03:54.27,Default,,0000,0000,0000,,Opa! Funcionou!
Dialogue: 0,0:03:54.76,0:03:56.89,Default,,0000,0000,0000,,Exceto, por estar borrado.
Dialogue: 0,0:03:56.89,0:03:59.16,Default,,0000,0000,0000,,Se você está imaginando\Nporque ele ficou assim,
Dialogue: 0,0:03:59.16,0:04:02.38,Default,,0000,0000,0000,,é porque nos esquecemos de desenhar \Neste fundo dentro do loop
Dialogue: 0,0:04:02.38,0:04:04.45,Default,,0000,0000,0000,,Então o carro é desenhado\Nconstantemente,
Dialogue: 0,0:04:04.45,0:04:07.07,Default,,0000,0000,0000,,mas você pode ver todos os carros \Nabaixo do novo.
Dialogue: 0,0:04:07.07,0:04:11.74,Default,,0000,0000,0000,,Se eu só puxar esta linha dentro do \Ntopo do loop do desenho, como este,
Dialogue: 0,0:04:12.04,0:04:15.98,Default,,0000,0000,0000,,então pressiono "Restart"\Ne posso ver meu carro de novo...
Dialogue: 0,0:04:15.98,0:04:18.03,Default,,0000,0000,0000,,Uau! Está perfeito!
Dialogue: 0,0:04:18.03,0:04:19.97,Default,,0000,0000,0000,,Se quisermos fazer o carro\Nir mais rápido,
Dialogue: 0,0:04:19.97,0:04:22.63,Default,,0000,0000,0000,,deevemos mudar a quantidade\Naumentando o valor de x.
Dialogue: 0,0:04:22.63,0:04:24.83,Default,,0000,0000,0000,,Se nós fizermos 10, uau!\NEle sai da tela!
Dialogue: 0,0:04:24.83,0:04:28.73,Default,,0000,0000,0000,,E se colocarmos um valor negativo,\Ncomo x-10 e ...
Dialogue: 0,0:04:28.73,0:04:29.78,Default,,0000,0000,0000,,Aqui está!
Dialogue: 0,0:04:30.02,0:04:32.20,Default,,0000,0000,0000,,Faça isso positivo novamente,
Dialogue: 0,0:04:33.48,0:04:34.54,Default,,0000,0000,0000,,Aí está!
Dialogue: 0,0:04:34.54,0:04:36.55,Default,,0000,0000,0000,,Há coisas importantes para \Nse lembrar:
Dialogue: 0,0:04:36.55,0:04:39.16,Default,,0000,0000,0000,,Isto aqui é chamado \Nde loop de desenho.
Dialogue: 0,0:04:39.16,0:04:41.68,Default,,0000,0000,0000,,Você deve colocar o código do desenho\Naqui dentro
Dialogue: 0,0:04:41.68,0:04:43.49,Default,,0000,0000,0000,,para ele desenhar continuamente.
Dialogue: 0,0:04:43.49,0:04:46.29,Default,,0000,0000,0000,,E então, você quer fazer\Na variável fora de seu desenho.
Dialogue: 0,0:04:46.29,0:04:49.25,Default,,0000,0000,0000,,É super importante fazer a variável\Nfora do loop do desenho.
Dialogue: 0,0:04:49.25,0:04:51.50,Default,,0000,0000,0000,,Podemos reutilizar todas as vezes.
Dialogue: 0,0:04:51.50,0:04:53.52,Default,,0000,0000,0000,,Então dentro do loop de desenho, bem aqui,
Dialogue: 0,0:04:53.52,0:04:56.03,Default,,0000,0000,0000,,vamos mudar a variável um pouco,
Dialogue: 0,0:04:56.03,0:04:58.24,Default,,0000,0000,0000,,de preferência configurando \Npara um valor antigo,
Dialogue: 0,0:04:58.24,0:05:01.43,Default,,0000,0000,0000,,mais algum número mais ou \Nmenos algum numero.
Dialogue: 0,0:05:01.43,0:05:05.50,Default,,0000,0000,0000,,Por fim, você quer utilizar sua variável\Nem algum lugar dentro do código
Dialogue: 0,0:05:05.50,0:05:07.02,Default,,0000,0000,0000,,para que o desenho apareça \Nsempre diferente.
Dialogue: 0,0:05:08.53,0:05:10.05,Default,,0000,0000,0000,,E ... é isso!\N
Dialogue: 0,0:05:10.05,0:05:14.14,Default,,0000,0000,0000,,Legendado por [Marcus Abud]\NRevisado por [Cainã Perri]