ESTÁ BEM.
Bem vindo de volta.
Então, como mencionei neste vídeo, realmente começarei a trabalhar em um clone de ataque para animais de estimação aqui.
Então, a primeira coisa que queremos fazer é descobrir como adicionar um círculo que realmente já
vimos, mas queremos fazer algumas coisas em um círculo quando o usuário atinge qualquer chave no meu caso, eu só estou
fazendo isso para seus filhos.
Funciona da mesma maneira para qualquer outra chave.
Então, quando um usuário atinge a chave em um círculo e então também precisamos descobrir a animação desse círculo.
E, finalmente, queremos adicionar esse círculo a uma coordenada aleatória.
Então, para começar, vamos tocar uma tecla e adicionar um círculo ao meio da tela.
Então, vamos para os documentos do papel e dê uma olhada na interação e analise a interação do teclado.
E eu sei que parece bem que não sabia por onde procurar aqui, mas na primeira vez que cheguei
aqui, demorou muito mais para descobrir que acabei de passar pela maioria desses e procurei o teclado, basicamente, tentando dizer isso provavelmente
Se eu estivesse fazendo isso de novo sozinho e não estive preparado para esse vídeo, levaria muito mais
tempo para achar que eu talvez fizesse uma pesquisa de qualquer maneira, então é para
baixo e apenas veja alguns exemplos.
Este primeiro rapidamente aqui para se concentrar e, em seguida, pressione algumas teclas e diz-lhe qual a chave pressionada
e quando foi lançado também.
Então, agora estou pressionando K e depois solto.
E se você olhar para o código é realmente fácil apenas com a chave para baixo e a Anchia.
Portanto, não há nenhum documento no ouvinte do evento, não há ouvintes do evento Jay que são
por trás dos bastidores documentados nos ouvintes do evento acontecendo.
Mas para o roteiro em papel, só precisamos escrever esta linha super simples para que possamos aceitar
que, na verdade, apenas copie isso, fará a chave para o nosso aplicativo.
Queremos que o som seja reproduzido imediatamente.
Então, ao pressionar a tecla não quando eu for solto, pensando que é um pouco mais lento, é como um piano que quando
você atingiu um piano ou o ruído, o som que é gerado é gerado diretamente quando você pressiona a
tecla ou logo depois, não quando você liberta.
Então, faça a chave para baixo.
Eu copiei isso e nós começaremos apenas fazendo um novo círculo, então precisamos desse código.
Mas nós só queremos um, então não precisamos mais dos loops.
Se livrar disso e vamos fazer esse novo círculo na chave para baixo.
Então, esse processo é bastante realista, onde você está pegando peças diferentes e você está apenas juntando-se
a elas.
Então eu encontrei isso nos documentos na chave para baixo.
Você pode se livrar disso.
E eu encontrei isso nos documentos também e precisamos alterar esse X e Y não estão definidos.
Então, vamos fazer isso em 100 vírgulas 100 e vamos fazer a cor de philaranja.
Então, em baixo, execute este código.
E novamente é muito diferente do que vimos ou documentamos um ouvinte de eventos.
E então, teríamos que adicionar algum elemento.
Então, nós teríamos que fazer como o selector de consulta de documentos de documentos algum elemento como um div dot adicionar o ouvinte de eventos e então teríamos
que dizer que ele clicava ou pressionava ou pressionava.
É muito mais código.
Isso é feito para nós com a Paperchase realmente simples.
Então, na chave, vamos ver o que acontece.
Eu vou pressionar a tecla e acabamos com um círculo e toda vez que pressionar 1 eu recebo outro círculo.
Você simplesmente não pode vê-lo.
Então, agora vamos trabalhar sobre isso, de modo que estamos adicionando um círculo a um lugar aleatório na tela.
E a maneira como fazemos isso realmente me levou um pouco de trabalho para descobrir que
poderíamos fazê-lo nós mesmos, onde geramos dois números, basicamente, de zero até a largura máxima da nossa tela e, em seguida, o
outro número de zero até a altura máxima da nossa tela.
E isso não é muito trabalho, mas temos que descobrir a largura e a altura
e as dimensões que, se você vá para a Paperchase e se olharmos para onde você faz referência.
E então, quando isso é aberto, veja.
E novamente eu encontrei isso alguns dias atrás, levei um pouco.
Mas se olharmos para você e olhamos para os limites e ou talvez seja o tamanho do tamanho da área visível e
das coordenadas do projeto.
Então, se fizéssemos algo como cônsul que registraram o tamanho da vista que novamente eu encontrei aqui e atualizei a
página e vejo o que recebemos, temos altura e largura para que possamos atingir essa altura e largura.
Então, você não possui altura de ponto de tamanho e, em seguida, cancele esse log com o qual o tamanho começa
e podemos usar essa atualização e eu prosequi.
Atualmente, a visão do tamanho é de seiscentos e noventa e dois por setecentos.
Mas se eu redimensioná-lo, você verá que muda a próxima vez.
Perseguido.
Então podemos usar isso para gerar esses dois pontos que precisamos.
Mas a outra coisa que podemos fazer é que realmente existe um método construído
que descobri que isso nos tornará um ponto aleatório, então vou mostrar-lhe isso também.
Então, ao invés de ter que fazer matemática aleatoriamente, o que nos dá algo entre 1 0 e 1 não inclusivo e então temos que
multiplicar isso e deslocá-lo para cima ou para baixo.
É uma espécie de dor.
Então, o que faremos em vez disso é usar este bom papel, J S, que eu encontrei parece assim.
Então eu vou fazer um máximo de pontos para que o ponto máximo para o qual possamos adicionar um círculo seja um novo tamanho de
ponto de exibição de ponto.
E então queremos com vírgula que tamanho ponto altura.
Então, x e y são máximo X ou máximo y.
Então, isso faz com que nossos pontos máximos e eu lhe mostraremos
se
fizermos um ponto constante de alt log Max, vamos e vamos realmente adicionar nosso círculo ao ponto máximo.
Então, em vez de fazer um novo ponto aqui no 100 Kamo 100, vamos dar-lhe o ponto máximo.
ESTÁ BEM.
Então vamos tentar isso agora e livrar-se desses para atualizar a página.
Eu bati uma tecla.
Veja que temos um aqui mesmo no canto inferior direito.
E se eu redimensioná-lo e fazê-lo novamente e eu acertar uma chave agora recebemos nosso ponto máximo aqui.
que a área visível nesta tela altera nossas mudanças máximas de pontos, então não estamos sempre gerando um número aleatório entre você sabe as
dimensões da tela ou mesmo o tamanho da janela porque assim que a área visível Não é
mesmo a janela inteira, mas apenas a área visível na tela altera nosso ponto máximo de mudanças.
Então, isso é bom porque, à medida que essa janela muda à medida
OK então, temos isso.
Agora o que queremos fazer é assumir esse ponto máximo e vamos gerar um ponto aleatório.
Então, vamos chamá-lo de ponto aleatório e há um ponto de ponto de método aleatório e isso nos dará
um ponto aleatório entre 0 e 1 não inclusivo, assim como mascote Rande, exceto com uma linha.
Obtemos um objeto pontual.
Então, basicamente, está fazendo isso.
variável que chamaremos de ponto e é igual a pontos máximos, pontos aleatórios, assim como isso.
Novos pontos, matemática, ponto, comma aleatória, matemática, ponto, aleatório, e, em seguida, desejamos que isso faça outra
Então estamos multiplicando esses dois pontos juntos.
É um monte de matemática estranha, mas basicamente estamos gerando um ponto entre 0 0 e 1 1, mas tecnicamente seria
o ponto 9 9 9 9 e assim por diante.
Então, digamos que geramos um ponto como ponto cinco, cinco, então a próxima coisa que fazemos é que temos o
nosso ponto máximo, que sempre será o máximo que poderíamos fazer.
Então, algo como 12 80 em 720 ou seja qual for o tamanho da nossa janela é de 600 por 300 e então nós
as multiplicamos e acabamos com um novo ponto que é, neste caso, 300 vírgulas 150.
Então, é assim que podemos gerar um ponto máximo ou aleatório que existe na área visível.
São atualmente a área visível da tela.
Ok então, vamos mudar isso para que isso vá para pontos.
Vejamos agora atualizar.
Acerte qualquer tecla e acabamos com círculos aleatórios.
Toda vez que você pressiona uma tecla.
Oups.
E se eu redimensionar a janela, vamos fazer a meio caminho.
Toda vez que pressiono a tecla, ainda a vemos.
Então, não está gerando mais pontos por aqui, o que é bom.
Então, se a janela acontecer para redimensionar, o usuário não precisa atualizar para obter uma nova área visível nova para
obter um tipo de números calculados.
Certo, ótimo.
Então é assim que geramos um círculo no qual você já vê, mas é como geramos um círculo quando
o usuário atinge uma chave de qualquer chave.
E falamos sobre como fazer um ponto aleatório no próximo vídeo.
Veremos como podemos fazer algumas animações simples, alterando primeiro as cores desses pontos e fazendo com que
elas se desvanecem em diferentes cores diferentes.
E depois também reduzindo-os.
Então, veremos que o próximo vídeo e depois vamos voltar e adicionar som.
No último video