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]