Escucha que son bienvenidos.
Entonces en esta unidad estamos haciendo mi cosa favorita.
Es este juguete simple pero divertido.
Usando animación y una biblioteca de animación, algunos gráficos incluyen una biblioteca de audio y audio.
Y vamos a hacer un simple clon simple de ese pad una aplicación de toque que te mostré desde
el principio donde puedes presionar las teclas de tu teclado y cada tecla corresponde a un sonido que se reproduce y un poco de animación, y solo
vamos a ser simple.
No vamos a tener muchas animaciones diferentes.
Te mostraré cómo se ve.
Cada tecla tiene su propio sonido.
Y cuando presiono esa tecla, el sonido se reproduce y obtenemos un círculo de color a través de cada tecla que
tiene su propio color y luego animan los círculos.
Básicamente se encogen.
Entonces te mostraré lo que quiero decir y lo subiré un poco.
Vamos a hacer que esta película no sea el mismo sonido aquí.
Sí, es bastante divertido, pero.
Pero la razón por la que estamos haciendo esto no es solo porque es un proyecto divertido.
Lo estamos haciendo porque tenemos que usar las bibliotecas aquí y vamos a usar dos bibliotecas, una mencionada
se llama Paper genius y otra se llama How they're genius.
Y solo quiero que veas cómo es el proceso cuando incorporas una biblioteca en tu código.
Y cada vez que escribo un plan de estudios, ya sea para un curso vespertino o un
curso de seis meses o tres meses o un curso en línea siempre me aseguro de que haya
algún proyecto o tarea que obligue a los estudiantes a profundizar un poco los muelles de una biblioteca o
averiguar cómo incorporar algún código externo en su propia aplicación.
Y por lo general trato de convertirlo en algo que sea divertido como un juguete o una divertida
demostración interactiva.
Así que he hecho cosas con audio antes con animaciones, pero también con la cámara web, el seguimiento de rostros y
el seguimiento de la cabeza.
Hay bibliotecas que pueden hacer casi cualquier cosa ahora con el navegador, es realmente impresionante.
Aunque este es realmente divertido.
Nuevamente tomamos dos bibliotecas de Paperchase y lo lúgubres que usamos paperchase para ayudar con
gráficos y animaciones.
Entonces tienen algunos ejemplos realmente divertidos.
Si hace clic en Showcase en realidad y en el papel Jasc dot showcase, le muestran algunos casos de uso real en los que la gente
ha usado el papel solo en la naturaleza de los ejemplos claros.
Hay algunos juguetes divertidos que realmente amo. Aquí probablemente jueguen con esto durante horas.
Algo es muy relajante para mí.
Tan divertidas cosas que podemos hacer con paperchase.
Una vez más, todo lo que Paperchase puede hacer por nuestra cuenta sin Paperchase, pero es mucho trabajo.
Entonces te mostraré lo que quiero decir.
El código aquí.
Así que presiono una tecla en este caso la letra P para hacer ese círculo y reducirlo así para
hacer esa animación y también noto que cambia de color un poco.
No sé si puedes ver eso, pero va de púrpura o azul a púrpura.
O si hago otro, esto va del amarillo al verde.
Esa animación y esa transición sin papel J us podrían ser 50 líneas.
Tal vez podríamos arreglarnos con 20 o más líneas con papel.
Sí.
Son menos de cinco.
Es realmente muy simple.
Lo mismo con Hausler, Howler nos ayuda a reproducir audio.
Podemos hacer todo esto sin embargo, al igual que podemos hacer todo J queery todo lo que hace
y podemos pasar sin j queery a menudo significa que tenemos que escribir más código.
Así que esto reproduce un sonido. Aquí hay un ejemplo de que vamos a hacer algo muy
similar a esto, donde vamos a reproducir un sonido cuando tocas una tecla y cada tecla
tiene su propio sonido único, así que estoy golpeando. Q siempre juega. ese ruido y siempre es esa transición de color azul claro a un azul más oscuro.
Una última nota es que los círculos están en una respuesta aleatoria en una ubicación aleatoria cada vez que
presionas esa tecla.
Entonces, la ubicación no está configurada, no corresponde a la clave, solo el color y el sonido que se reproduce.
Bien, excelente.
Entonces en el siguiente video comenzaremos.
Una cosa que quiero señalar antes de comenzar es que todos estos sonidos
que escuchas los tocan a todos realmente.
Sí, algunos sonidos realmente agradables.
De hecho, podemos usarlos en este proyecto juntos.
Los he incluido como descarga.
Te mostraré aquí si descargas el archivo zip de sonido.
Hay muchos sonidos.
Veinte algo suena en ese archivo.
Entonces hay algunos sonidos realmente agradables allí y realmente podemos usarlos todos.
Son de un proyecto de código abierto y gueto.
En realidad, es lo que Patta usa o lo que Pedda Tap es en realidad.
Es esta sincronía neuronal en atraparla.
Entonces tiene animaciones si quieres ver esas animaciones que no vamos a hacer.
Es mucho más complejo pero también tiene todos los sonidos.
Entonces, lo que hice fue tomar el sonido de esta carpeta, todos estos sonidos, y
comprimirlos juntos.
Hay mucho más si quieres elegir diferentes sonidos para obtener y no
descargar esto, pero me gustan los sonidos que están en esa carpeta.
También señale la licencia aquí.
Podemos usarlo licencia MIT echar un vistazo si lo desea.
Sonido realmente agradable, así que no estoy seguro de quién los hizo si el creador los creó.
Pero hay algunos sonidos realmente buenos que usaremos y son idénticos a lo que usa el
grifo patta.
Así que descarga esos.
Parece que es solo un directorio con muchos sonidos.
Y lo usaremos en las próximas lecciones.
siguiente video y les dejaré los últimos segundos aquí y haré algo en este CD.
Así que seguimos adelante y comenzamos en el