Até agora, nós vimos como 
criar um vetor e acessá-lo

Assim como em outras 
variáveis, no entanto,

uma das coisas bem legais sobre vetores

é a maneira que podemos modificá-los
dinamicamente enquanto um programa roda.

Ok, deixe-me mostrar o que 
eu quis dizer com isso.

Então aqui nós temos este programa que

mostra Hopper segurando 
alguns balões, super fofo.

E então isso funciona da seguinte forma: 
nós temos esse vetor xPositions

que possui dois números dentro que 
dizem onde queremos colocar os balões.

E aqui embaixo nós temos 
esse laço de repetição,

e esse laço passa por todos 
os elementos desse vetor.

Para cada um deles, é desenhado uma linha 
do "x" para baixo até o braço do Hooper,

e então desenha uma elipse em "x" 
que é 30x40 pixels, e esse é nosso balão.

Ok, legal. Então agora que 
sabemos como isso funciona,

sabemos que se quisermos 
outro balão aparecendo,

podemos adicionar um número a este 
vetor, certo? Como, por exemplo, 300.

Lindo. Agora nós possuímos 
três balões para um Hopper feliz.

Mas digamos que nós queremos dar
a um usuário que não sabe programar

a habilidade de adicionar novos balões.

Então queremos dar o 
programa a um usuário e falar:

"Ei, você pode clicar em qualquer 
lugar, e o balão irá aparecer."

Isso não seria legal? Eu acho que seria.

Então, como faríamos isso?

Queremos nosso programa mudando
ao longo do tempo, certo?

Toda vez que o usuário clicar, 
irá aparecer um balão lá.

Então vamos começar movendo 
tudo para uma função desenhar

assim será fácil de mudar
ao longo do tempo.

Nós iremos mover isso para baixo 
e colocar a indentação aqui. Ok, ótimo.

Agora nós queremos checar e ver,
o usuário está pressionando o mouse agora?

Bem, podemos fazer isso com o nosso "if".

Então if(mousePressionado), e 
então nós faremos alguma coisa.

O que nós iremos fazer? 
Se o mouse é pressionado,

então nós queremos de alguma forma
adicionar um número a este vetor.

E vamos deixar isso com apenas
dois elementos de novo. Ok.

Nós queremos adicionar um 
número a este vetor de alguma forma.

Bem, eu irei mostrar uma 
maneira que podemos fazer isso.

Então nós podemos dizer 
xPositons[2] = mouseX;

Muito bem, e deixe-me 
mostrar que isso funciona.

Eu cliquei, e eu tenho um balão.
Então, o que isso faz?

Isso disse, xPositons[2] disse ache esse
vetor e encontre o elemento na posição 2,

e lembre-se que este na
verdade é o terceiro elemento,

porque nossos vetores começam do zero.

E, se você olhar, não existe terceiro
elemento, certo? Não existe nada no lugar.

Então isso diz para achar isto, e 
então coloque o mouseX nessa posição.

Bem, já que não existe nada lá, então 
muda de nada para mouseX.

E agora nosso vetor possui
três itens de tamanho,

e esse laço "for" aqui embaixo
quando passa pelo vetor,

irá desenhar o terceiro balão.

Isso é bem legal, e deixe-me clicar mais
um pouco para te mostrar como funciona.

Você vê que toda vez que eu clico, ele 
continua desenhando o terceiro balão

onde quer que eu clique com meu mouse.

E isso é porque estamos constantemente
sobrescrevendo a posição dois.

A coisa com o índice dois.

Estamos constantemente 
sobrescrevendo com o atual mouseX.

Então nós sempre teremos três balões 
porque temos esse aqui na posição zero,

esse na posição um e nós iremos 
constantemente mudar a posição dois. Ok?

Então isso é legal, mas o 
que nós realmente queremos

é deixar o usuário criar 
vários balões, certo?

Para que toda vez que o usuário 
clicar, apareça um novo balão.

Então isso significa que devemos 
constantemente incrementar

o índice do elemento do vetor
em que estamos guardando.

Não queremos que seja
dois todas as vezes,

nós queremos que seja d\ois, e três,
e depois quatro, e cinco, e seis, etc.

Poderíamos fazer isso tendo uma
pequena variável de contagem.

Então digamos newInd=2;

Isso é como ela vai ser inicializada, 
então iremos dizer newlnd em vez de dois.

E então o que nós realmente 
queremos fazer é dizer newlnd++

Então cada vez adicionamos um a ela.

Iremos começar com dois, 
então se torna três e depois quatro.

Assim, toda vez que é pressionado, 
aparecem mais. Então vamos testar.

Ta-da! Vários balões. 
Festa de balões. Woo!

Então isso é legal, não é? Mas essa 
não é a melhor maneira de fazer isso

pois acontece que adicionar itens a um 
vetor é algo que queremos fazer muito.

Então temos uma maneira
mais fácil de fazer do que essa.

Deixe-me deletar algumas
coisas que eu fiz.

Tudo bem, então nós não precisamos 
disso. Vamos deixar isso comentado.

Então fazemos isso chamando
xPositions.push e então mouseX.

Então o que estamos fazendo aqui, estamos 
chamando esse método no vetor xPositions.

Estamos chamando como
um comando em um vetor.

Estamos dizendo ao vetor,

"Olha, coloque esse novo valor, que 
é mouseX, coloque isso no final do vetor."

Então toda vez que for chamado, 
toda vez que pressionar o mouse,

irá olhar para o mouseX 
e colocá-lo no final do vetor.

Assim, o vetor ficará maior e maior. 
Então vamos recomeçar e tentar isto.

Ta-da, funcionou! E é bem menos código 
do que nós tínhamos antes. Tudo bem?

Assim, a maior parte do tempo, 
você vai querer usar o envio,

se for adicionar coisas 
para seu vetor desse jeito.

E é elegante porque assim você pode ter
vetores que crescem durante o programa.

Como quando você tem uma animação
ou usuários fazendo coisas,

e então você pode fazer muito mais.

Então você viu 90% do que provavelmente
vai fazer com um vetor e jeitos de usá-los

Mas ainda existe muitas
utilidades para um vetor.

Então se você tiver dúvidas,
pergunte na conversa.

Mas tenha certeza de 
dominar o básico primeiro.

Legendado por [Gabriel Mello Fernandes]
Revisado por [Alberto Oliveira]