Ouça de volta de novo.
Então, nesta unidade, estamos fazendo provavelmente a minha coisa favorita.
É este brinquedo simples, mas divertido.
Usando animação e uma biblioteca de animação, alguns gráficos de alguma biblioteca de áudio e áudio.
E vamos fazer um clone simple e simples desse pad um aplicativo de toque que eu mostrei no
início, onde você pode tocar as teclas no seu teclado e cada tecla corresponde a um som que é reproduzido e uma pequena animação e que
apenas vai seja simples.
Não vamos ter um monte de animações diferentes.
Eu vou mostrar o que parece.
Cada tecla tem seu próprio som.
E quando eu acerta essa tecla, o som é reproduzido e nós conseguimos um círculo colorido através de cada tecla tem
sua própria cor e, em seguida, os círculos animam.
Eles basicamente diminuem.
Então vou mostrar o que quero dizer e transformá-lo um pouco.
Vamos fazer esse filme não é o mesmo som aqui.
Sim, é muito divertido, mas.
Mas o motivo pelo qual estamos fazendo isso não é apenas porque é um projeto divertido.
Estamos fazendo isso porque temos que usar as bibliotecas aqui e vamos usar duas bibliotecas e mencionamos uma chamada
Gênio do papel e outra é chamada de como elas são geniais.
E eu só quero que você veja como é o processo quando incorpora uma biblioteca no seu código.
E sempre que estou escrevendo currículo, seja para um curso noturno ou um curso de seis
meses ou de três meses ou um curso on-line, eu sempre me certifico de que há algum projeto
ou alguma tarefa que obriga os alunos a fazer um pouco de cavar as docas de uma biblioteca ou
descobrir como incorporar algum código externo em seu próprio aplicativo.
E eu costumo tentar e transformá-lo em algo que é um tipo de diversão, um brinquedo talvez ou uma demonstração
interativa legal.
Então eu fiz coisas com áudio antes com animações, mas também com o acompanhamento de rastreamento e rastreamento de
webcam e rastreamento de cabeças.
Existem bibliotecas que podem fazer praticamente qualquer coisa agora com o navegador, é realmente impressionante.
Este é muito divertido.
Mais uma vez, estamos pegando duas bibliotecas Paperchase e como lurgar enquanto usamos paperchase para ajudar com
gráficos e animações.
Então eles têm alguns exemplos muito divertidos.
Se você clicar em Showcase na verdade e no papel Jasc dot showcase, eles mostram alguns casos de uso real onde as pessoas
usaram papel apenas na selva de exemplos de corte claro.
Há alguns brinquedos divertidos. Eu realmente amo este aqui provavelmente pode brincar com isso por horas.
Alguma coisa é muito relaxante sobre isso para mim.
Então, coisas divertidas que podemos fazer com a papelaria.
Novamente, tudo o que a Paperchase podemos fazer sozinho sem Paperchase, mas é muito trabalho.
Então, vou mostrar o que quero dizer.
O código aqui.
Então, acesse uma chave neste caso, a letra P para fazer esse círculo e encolher assim como essa para fazer
essa animação e também notar que ela muda de cor um pouco.
Eu não sei se você pode ver isso, mas vai de roxo ou azul para baixo para roxo.
Ou se eu fizer outro, isso vai do amarelo para o verde.
Essa animação e essa transição sem papel, nós podemos ser 50 linhas.
Talvez possamos chegar com cerca de 20 linhas com papel.
Sim.
É menos de cinco.
É realmente muito simples.
A mesma coisa com Hausler, então o atril nos ajuda a tocar áudio.
Nós podemos fazer tudo isso sem, no entanto, como podemos fazer tudo de tudo que faz e que
podemos fazer sem que a gente faça muitas vezes significa que devemos escrever mais códigos.
Então, isso toca um som. Aqui é um exemplo, vamos fazer algo muito parecido com isso,
onde vamos tocar um som quando você bate uma tecla e cada tecla tem seu
próprio som, então eu estou tocando q q sempre toca esse ruído e sempre é essa transição de cor azul claro para um azul mais escuro.
Uma última nota é que os círculos estão em uma resposta aleatória em uma localização aleatória sempre que você
pressiona essa tecla.
Portanto, a localização não está definida não corresponde à tecla apenas a cor e o som que é reproduzido.
Certo, ótimo.
Então, no próximo vídeo, vamos começar.
Uma coisa que eu gostaria de salientar antes de começar é que todos esses sons
que você ouça os jogam todos realmente.
Sim, alguns sons muito agradáveis.
Na verdade, podemos usá-los neste projeto juntos.
Incluí-los como um download.
Vou mostrar-lhe aqui se você baixar o arquivo zip de som.
Há um monte de sons.
Vinte coisas soam nesse arquivo.
Então há alguns sons muito bons lá e nós realmente podemos usar todos esses.
Eles são de um projeto de código aberto e gueto.
Na verdade, o que o toque de patta usa ou o que a Pedda toca realmente é.
É essa sincronia neuronal em buscá-la.
Por isso, tem animações se você quiser ver aquelas animações que não vamos fazer.
Então, muito mais complexo, mas também tem todos os sons.
Então, o que eu fiz é que acabei de tirar o som desta pasta aqui mesmo, todos esses sons e eu
os coloquei juntos.
Há muito mais se você quiser escolher sons diferentes que você pode ir para não
ter baixado isso, mas eu gosto dos sons que estão em uma pasta.
Indique também a licença aqui.
Podemos usá-lo licença MIT, dê uma olhada se você quiser.
Muito bom som, então não tenho certeza de quem os criou se o criador aqui os fizesse.
Mas há alguns sons muito bons que estaremos usando e eles são idênticos aos que a torneira
de patta usa.
Então, baixe esses.
Parece assim apenas um diretório com um monte de sons.
E vamos usar isso nas próximas lições.
próximo vídeo e vou deixar os últimos segundos aqui e fazer algo nesse CD.
Então, vamos em frente e começamos no