1
00:00:01,434 --> 00:00:05,833
Agora que aprendeu o básico sobre loops,
vamos criar um desenho com loop bem legal
2
00:00:05,833 --> 00:00:09,189
Como esse, Ballon Hooper
voando em um lindo céu.
3
00:00:09,419 --> 00:00:14,305
Enquanto estou escrevendo um rascunho do
código, pense em como você faria isso,
4
00:00:14,305 --> 00:00:16,281
porque logo você vai fazer.
5
00:00:16,281 --> 00:00:19,987
Primeiro, sempre ajuda
dividir o programa em passos.
6
00:00:19,987 --> 00:00:24,832
Vamos começar desenhando os balões, que
é uma elipse repetida várias vezes
7
00:00:24,832 --> 00:00:26,897
E isso soa como um trabalho para um loop.
8
00:00:26,907 --> 00:00:32,224
Então, vamos adicionar umas linhas,
e depois adicionar a Balloon Hooper.
9
00:00:34,404 --> 00:00:37,293
Aqui temos um fundo branco.
Que pode ser bem intimidador.
10
00:00:37,763 --> 00:00:41,519
As vezes, ajuda a manter as coisas um
pouco mais amigáveis adicionando um fundo
11
00:00:41,519 --> 00:00:43,135
só pra contrabalancear.
12
00:00:44,035 --> 00:00:45,823
Agora, já que queremos fazer um loop,
13
00:00:45,823 --> 00:00:49,457
seu primeiro pensamento deve ter
sido as questões abordados da última vez.
14
00:00:50,547 --> 00:00:53,802
Vamos rever rapidamente dessa
vez, se você precisa de uma revisão,
15
00:00:53,802 --> 00:00:56,397
reveja "Introdução aos laço
de repetição While"
16
00:00:56,917 --> 00:01:00,243
Agora, a primeira pergunta:
"O que queremos repetir?"
17
00:01:01,393 --> 00:01:03,280
Vamos tentar desenhar o primeiro balão.
18
00:01:03,280 --> 00:01:05,655
Porque queremos desenhar aqueles balões.
19
00:01:05,765 --> 00:01:07,660
Você pode ir em frente e fazer isso,
20
00:01:07,830 --> 00:01:14,816
talvez assim, quer saber, está um
pouco pequeno, e meio deslocado também.
21
00:01:15,066 --> 00:01:16,699
Vamos tentar mover um pouquinho.
22
00:01:16,929 --> 00:01:20,606
Isso é apenas parte da programação,
quando tenta algo, você percebe que
23
00:01:20,606 --> 00:01:24,347
não é o que você queria, e então tenta
novamente e por acaso chega mais perto.
24
00:01:26,897 --> 00:01:28,588
Agora, vamos colorir, certo?
25
00:01:28,588 --> 00:01:31,279
Não pensamos nisso quando
estávamos pensando nos passos,
26
00:01:31,279 --> 00:01:33,752
podemos dizer que é apenas parte
do desenho do balão.
27
00:01:33,772 --> 00:01:34,575
Tudo bem?
28
00:01:34,575 --> 00:01:40,271
Precisamos pensar sobre como exatamente
queremos mudar esse balão durante o loop.
29
00:01:40,271 --> 00:01:43,467
Bem, queremos que o balão seja
desenhado por toda a tela, certo?
30
00:01:43,467 --> 00:01:47,003
Queremos que seja desenhado, aqui,
e aqui e aqui,
31
00:01:47,003 --> 00:01:50,329
Queremos que o computador faça
isso, porque eu desenho muito mal.
32
00:01:50,629 --> 00:01:52,426
Então podemos mudar um pouco,
33
00:01:52,426 --> 00:01:54,103
apenas mudando o primeiro número,
34
00:01:54,103 --> 00:01:57,681
que como você se lembra controla o eixo x:
o posicionamento lateral.
35
00:01:58,281 --> 00:01:59,839
Mas, é muito pouco, certo?
36
00:01:59,839 --> 00:02:02,465
Não é como aquela outra
foto bacana que tínhamos antes.
37
00:02:02,675 --> 00:02:06,471
Ao invés, vamos chama-lá de x,
para a posição x,
38
00:02:06,471 --> 00:02:09,598
e vamos usar outra variável para a
que usamos antes.
39
00:02:10,998 --> 00:02:13,955
E agora, vamos mudar a variável
dentro do nosso loop,
40
00:02:13,955 --> 00:02:15,602
então usaremos um loop while,
41
00:02:15,912 --> 00:02:21,076
e dentro do loop x vai mudar
toda vez, talvez, incrementando 20.
42
00:02:22,006 --> 00:02:27,058
Se movermos a elipse, com cuidado, para
não mudar a declaração da variável nela,
43
00:02:27,398 --> 00:02:30,209
porque, ai ficaríamos pensando o que
fizemos de errado.
44
00:02:30,209 --> 00:02:33,140
Vale a pena tentar fazer isso
sozinho, se você está curioso.
45
00:02:34,770 --> 00:02:37,131
Agora nosso terceira pergunta
sobre o loop é:
46
00:02:37,131 --> 00:02:38,932
"Por quanto tempo queremos repetir ?"
47
00:02:39,272 --> 00:02:43,518
Podemos imaginar que queremos
que repita até que tenha saído da tela.
48
00:02:43,648 --> 00:02:46,276
Talvez todo o percurso até
que x seja menor igual a 400.
49
00:02:46,276 --> 00:02:48,714
Isto é legal porque, tem algo
acontecendo, certo?
50
00:02:48,714 --> 00:02:50,803
Mas não é exatamente o que vislumbramos.
51
00:02:51,083 --> 00:02:55,259
Assim como antes, você tem que ir
incrementando até o ponto que imaginamos.
52
00:02:55,879 --> 00:02:59,000
Primeiro, as elipses estão
muito próximas, vamos arrumar isso.
53
00:02:59,340 --> 00:03:02,065
É bom dar um pouco de espaço
para entre elas.
54
00:03:02,295 --> 00:03:05,560
Mas agora, elas estão indo
um pouco além do limite da tela,
55
00:03:05,560 --> 00:03:09,217
se mudarmos o limite, elas podem sumir.
56
00:03:09,217 --> 00:03:16,507
As elipses que aparecem aqui, muito
próximas de x não serão mais desenhadas.
57
00:03:16,507 --> 00:03:18,645
E é isso o que essa parte do loop faz.
58
00:03:19,385 --> 00:03:23,182
Certo? Ainda podemos dizer
"Queremos mudar um pouco as elipses"
59
00:03:23,192 --> 00:03:28,689
queremos colocar elas um pouco
mais pra baixo,mudar o tamanho delas
60
00:03:29,139 --> 00:03:32,418
E parte legal do loop While é que
podemos fazer tudo ao mesmo tempo.
61
00:03:33,898 --> 00:03:36,060
Certo. Perfeito.
62
00:03:36,950 --> 00:03:40,002
Olhando para esses balões, seria legal
colocar uns cordões neles.
63
00:03:40,002 --> 00:03:42,674
Se gostamos deles, precisamos colocar
uns cordões neles.
64
00:03:42,674 --> 00:03:44,010
senão eles vão voar por aí.
65
00:03:44,010 --> 00:03:45,806
Precisamos de uma linha para cada um.
66
00:03:45,806 --> 00:03:49,728
Queremos colocar uma linha
que comece do centro de cada balão,
67
00:03:50,158 --> 00:03:54,120
para ficar mais fácil, e todos
descem meio que juntos ao mesmo ponto,
68
00:03:54,330 --> 00:03:55,752
mais ou menos assim.
69
00:03:55,912 --> 00:03:59,101
Como podemos fazer o programa
fazer isso, ao invés de desenhar isso?
70
00:03:59,291 --> 00:04:03,150
Podemos pensar que, se queremos repetir
alguma coisa, definitivamente queremos
71
00:04:03,280 --> 00:04:05,664
que esteja dentro do loop,
então vamos fazer isso.
72
00:04:05,664 --> 00:04:07,773
E se queremos que esteja no
centro da elipse,
73
00:04:07,773 --> 00:04:09,884
terá que começar
por essas duas coordenadas.
74
00:04:09,884 --> 00:04:10,825
Podemos fazer isso.
75
00:04:10,825 --> 00:04:13,535
E você pode dizer
vamos terminar isso, tanto faz.
76
00:04:14,125 --> 00:04:15,825
Já está perto o suficiente.
77
00:04:16,435 --> 00:04:19,206
Mas novamente, não está
perfeito, como você pode notar.
78
00:04:19,376 --> 00:04:23,267
Então precisamos arrumar isso. Primeiro
vamos arrumar essa coisa horrível.
79
00:04:23,457 --> 00:04:24,478
O que é isso ?
80
00:04:24,478 --> 00:04:29,319
O cordão que desenhamos está sobrepondo
nosso balão, e isso não está certo.
81
00:04:29,319 --> 00:04:34,634
Queremos que a elipse cubra a linha,
podemos fazer isso mudando a ordenação.
82
00:04:34,869 --> 00:04:38,987
Um monte de coisas que você
aprendeu estão sendo usadas aqui.
83
00:04:38,987 --> 00:04:42,145
Bem, está bom, mas talvez
queiramos mudar a cor dessas linhas,
84
00:04:42,245 --> 00:04:44,964
e como faremos isso se
estamos criando o programa?
85
00:04:45,134 --> 00:04:47,494
Bem nós faremos e iremos
verificar a documentação.
86
00:04:47,494 --> 00:04:50,684
Ou veremos o vídeo de documentação se
não soubermos como fazer isso.
87
00:04:50,684 --> 00:04:54,133
Seguindo em frente usaremos stroke()
para configurar o cor da linha.
88
00:04:54,873 --> 00:04:59,344
e talvez usar, não sei, talvez essa cor?
89
00:04:59,754 --> 00:05:05,605
Está lindo! Agora, tudo o que
precisamos fazer é desenhar o Hooper.
90
00:05:05,645 --> 00:05:09,839
E tudo o que temos que fazer é
desenhar ela nessa imagem, assim,
91
00:05:09,839 --> 00:05:12,751
Você pode ver a documentação
para saber como eu descobri isso,
92
00:05:12,751 --> 00:05:17,415
e apenas movendo ela, vai parecer que ela
está segurando o balão e voando pelo céu.
93
00:05:18,145 --> 00:05:19,879
E é isso, terminamos!
94
00:05:19,879 --> 00:05:25,784
Você pode tentar decorar os balões, como
adicionar coisas pra ficarem mais legais.
95
00:05:26,130 --> 00:05:29,480
E você pode até usar um
loop no seu próximo desenho.
96
00:05:29,480 --> 00:05:31,000
Legendado por [Valter Bigeli]
Revisado por [Fernando dos Reis]