Agora que aprendeu o básico sobre loops,
vamos criar um desenho com loop bem legal
Como esse, Ballon Hooper
voando em um lindo céu.
Enquanto estou escrevendo um rascunho do
código, pense em como você faria isso,
porque logo você vai fazer.
Primeiro, sempre ajuda
dividir o programa em passos.
Vamos começar desenhando os balões, que
é uma elipse repetida várias vezes
E isso soa como um trabalho para um loop.
Então, vamos adicionar umas linhas,
e depois adicionar a Balloon Hooper.
Aqui temos um fundo branco.
Que pode ser bem intimidador.
As vezes, ajuda a manter as coisas um
pouco mais amigáveis adicionando um fundo
só pra contrabalancear.
Agora, já que queremos fazer um loop,
seu primeiro pensamento deve ter
sido as questões abordados da última vez.
Vamos rever rapidamente dessa
vez, se você precisa de uma revisão,
reveja "Introdução aos laço
de repetição While"
Agora, a primeira pergunta:
"O que queremos repetir?"
Vamos tentar desenhar o primeiro balão.
Porque queremos desenhar aqueles balões.
Você pode ir em frente e fazer isso,
talvez assim, quer saber, está um
pouco pequeno, e meio deslocado também.
Vamos tentar mover um pouquinho.
Isso é apenas parte da programação,
quando tenta algo, você percebe que
não é o que você queria, e então tenta
novamente e por acaso chega mais perto.
Agora, vamos colorir, certo?
Não pensamos nisso quando
estávamos pensando nos passos,
podemos dizer que é apenas parte
do desenho do balão.
Tudo bem?
Precisamos pensar sobre como exatamente
queremos mudar esse balão durante o loop.
Bem, queremos que o balão seja
desenhado por toda a tela, certo?
Queremos que seja desenhado, aqui,
e aqui e aqui,
Queremos que o computador faça
isso, porque eu desenho muito mal.
Então podemos mudar um pouco,
apenas mudando o primeiro número,
que como você se lembra controla o eixo x:
o posicionamento lateral.
Mas, é muito pouco, certo?
Não é como aquela outra
foto bacana que tínhamos antes.
Ao invés, vamos chama-lá de x,
para a posição x,
e vamos usar outra variável para a
que usamos antes.
E agora, vamos mudar a variável
dentro do nosso loop,
então usaremos um loop while,
e dentro do loop x vai mudar
toda vez, talvez, incrementando 20.
Se movermos a elipse, com cuidado, para
não mudar a declaração da variável nela,
porque, ai ficaríamos pensando o que
fizemos de errado.
Vale a pena tentar fazer isso
sozinho, se você está curioso.
Agora nosso terceira pergunta
sobre o loop é:
"Por quanto tempo queremos repetir ?"
Podemos imaginar que queremos
que repita até que tenha saído da tela.
Talvez todo o percurso até
que x seja menor igual a 400.
Isto é legal porque, tem algo
acontecendo, certo?
Mas não é exatamente o que vislumbramos.
Assim como antes, você tem que ir
incrementando até o ponto que imaginamos.
Primeiro, as elipses estão
muito próximas, vamos arrumar isso.
É bom dar um pouco de espaço
para entre elas.
Mas agora, elas estão indo
um pouco além do limite da tela,
se mudarmos o limite, elas podem sumir.
As elipses que aparecem aqui, muito
próximas de x não serão mais desenhadas.
E é isso o que essa parte do loop faz.
Certo? Ainda podemos dizer
"Queremos mudar um pouco as elipses"
queremos colocar elas um pouco
mais pra baixo,mudar o tamanho delas
E parte legal do loop While é que
podemos fazer tudo ao mesmo tempo.
Certo. Perfeito.
Olhando para esses balões, seria legal
colocar uns cordões neles.
Se gostamos deles, precisamos colocar
uns cordões neles.
senão eles vão voar por aí.
Precisamos de uma linha para cada um.
Queremos colocar uma linha
que comece do centro de cada balão,
para ficar mais fácil, e todos
descem meio que juntos ao mesmo ponto,
mais ou menos assim.
Como podemos fazer o programa
fazer isso, ao invés de desenhar isso?
Podemos pensar que, se queremos repetir
alguma coisa, definitivamente queremos
que esteja dentro do loop,
então vamos fazer isso.
E se queremos que esteja no
centro da elipse,
terá que começar
por essas duas coordenadas.
Podemos fazer isso.
E você pode dizer
vamos terminar isso, tanto faz.
Já está perto o suficiente.
Mas novamente, não está
perfeito, como você pode notar.
Então precisamos arrumar isso. Primeiro
vamos arrumar essa coisa horrível.
O que é isso ?
O cordão que desenhamos está sobrepondo
nosso balão, e isso não está certo.
Queremos que a elipse cubra a linha,
podemos fazer isso mudando a ordenação.
Um monte de coisas que você
aprendeu estão sendo usadas aqui.
Bem, está bom, mas talvez
queiramos mudar a cor dessas linhas,
e como faremos isso se
estamos criando o programa?
Bem nós faremos e iremos
verificar a documentação.
Ou veremos o vídeo de documentação se
não soubermos como fazer isso.
Seguindo em frente usaremos stroke()
para configurar o cor da linha.
e talvez usar, não sei, talvez essa cor?
Está lindo! Agora, tudo o que
precisamos fazer é desenhar o Hooper.
E tudo o que temos que fazer é
desenhar ela nessa imagem, assim,
Você pode ver a documentação
para saber como eu descobri isso,
e apenas movendo ela, vai parecer que ela
está segurando o balão e voando pelo céu.
E é isso, terminamos!
Você pode tentar decorar os balões, como
adicionar coisas pra ficarem mais legais.
E você pode até usar um
loop no seu próximo desenho.
Legendado por [Valter Bigeli]
Revisado por [Fernando dos Reis]