Ils sont les bienvenus.
Donc, dans cette unité, nous faisons probablement ma chose préférée jamais.
C'est ce jouet simple mais amusant.
En utilisant l'animation et une bibliothèque d'animation quelques graphiques quelques audio et bibliothèque audio.
Et nous allons faire un simple simple clone de ce pad une application tap que je vous ai montré au début où vous pouvez frapper les touches sur votre clavier et chaque touche correspond à un son qui est joué et un peu d'animation et vont juste soit simple.
Nous n'allons pas avoir un tas d'animations différentes.
Je vais vous montrer à quoi ça ressemble.
Chaque touche possède son propre son.
Et quand je frappe cette touche le son est joué et nous obtenons un cercle coloré à travers chaque clé a sa propre couleur et puis les cercles animent.
Ils rétrécissent fondamentalement vers le bas.
Donc, je vais vous montrer ce que je veux dire et de le transformer un peu.
Nous allons faire ce film n'est pas le même son ici.
Oui, c'est assez amusant, mais.
Mais la raison pour laquelle nous faisons cela n'est pas seulement parce que c'est un projet amusant.
Nous le faisons parce que nous devons utiliser des bibliothèques ici et nous allons utiliser deux bibliothèques et mentionné un est appelé le génie de papier et un autre est appelé comment ils sont génie.
Et je veux juste que vous voyiez ce que le processus est comme lorsque vous incorporez une bibliothèque dans votre code.
Et chaque fois que j'écris des programmes, que ce soit pour un cours du soir ou un cours de six mois ou un cours de trois mois ou un cours en ligne, je m'assure toujours qu'il ya certains il ya un projet ou une affectation qui oblige les élèves à faire un peu de creuser Les docks d'une bibliothèque ou de trouver comment intégrer un code externe dans leur propre application.
Et j'essaie habituellement de faire quelque chose qui est un peu amusant sorte d'un jouet peut-être ou une démo interactive cool.
Donc, j'ai fait des choses avec audio avant avec des animations, mais aussi avec la webcam et le suivi du visage et la tête de suivi.
Il ya des bibliothèques qui peuvent faire à peu près n'importe quoi maintenant avec le navigateur c'est vraiment impressionnant.
Celui-ci est vraiment très amusant.
Encore une fois, nous prenons deux bibliothèques Paperchase et comment lurgy que nous utilisons paperchase pour aider avec des graphiques et des animations.
Ils ont donc des exemples très amusants.
Si vous cliquez sur Showcase réellement et sur le papier Jasc point showcase ils vous montrent quelques cas d'utilisation réelle où les gens ont utilisé du papier juste dans les wilds des exemples de coupe claire.
Il ya des jouets amusants que j'aime vraiment celui-ci ici peut probablement jouer avec cela pendant des heures.
Quelque chose est très relaxant à ce sujet à moi.
Les choses si amusantes que nous pouvons faire avec paperchase.
Encore quelque chose que Paperchase ne nous pouvons faire de notre propre chef sans Paperchase, mais c'est beaucoup de travail.
Alors je vais vous montrer ce que je veux dire.
Le code ici.
J'ai donc frappé une clé dans ce cas la lettre P pour faire ce cercle et le rétrécir comme ça pour faire cette animation et aussi le remarquer il change de couleur un peu.
Je ne sais pas si vous pouvez voir cela, mais il va de violet ou bleu vers le pourpre.
Ou si je fais un autre cela va du jaune au vert.
Cette animation et cette transition sans papier pourraient être de 50 lignes.
Nous pourrions peut-être nous en sortir avec environ 20 lignes.
Oui.
C'est moins de cinq.
C'est vraiment très simple.
Même chose avec Hausler si howler nous aide à jouer de l'audio.
Nous pouvons faire tout cela sans toutefois juste comme nous pouvons faire tout ce que J queery tout ce qu'il fait et nous pouvons obtenir sans j queery il signifie simplement simplement que nous devons écrire plus de code.
Donc, cela joue un son Voici un exemple, nous allons faire quelque chose de très similaire à cela où nous allons juste jouer un son quand vous frappez une touche et chaque touche a son propre son unique donc je frappe qq joue toujours Que le bruit et il est toujours que la transition de couleur bleu clair à un bleu plus foncé.
Une dernière note est que les cercles sont dans une réponse aléatoire dans un emplacement aléatoire chaque fois que vous appuyez sur cette touche.
Ainsi, l'emplacement n'est pas défini ne correspond pas à la clé juste la couleur et le son qui est joué.
D'accord! Super.
Donc, dans la prochaine vidéo, nous allons commencer.
Une chose que je tiens à souligner avant de commencer, c'est que tous ces sons que vous entendez les jouer tous vraiment.
Oui, des sons vraiment sympa.
Nous pouvons effectivement les utiliser dans ce projet ensemble.
Je les ai inclus comme téléchargement.
Je vais vous montrer ici si vous téléchargez le fichier zip son.
Il y a beaucoup de sons.
Vingt sons dans ce fichier.
Il y a donc des sons vraiment agréables et nous pouvons utiliser tous ces éléments.
Ils proviennent d'un projet open source et d'un ghetto.
C'est en fait ce que Patta tap utilise ou ce robinet Pedda est en réalité.
C'est cette synchrone neuronale.
Donc, il a des animations si vous voulez regarder les animations que nous n'allons pas faire.
Donc beaucoup plus complexe mais il a aussi tous les sons.
Donc, ce que j'ai fait, c'est que j'ai juste pris le son de ce dossier ici tous ces sons et je les ai zippés ensemble.
Il ya beaucoup plus si vous voulez choisir différents sons que vous pouvez aller pour obtenir n'ont pas télécharger cela, mais j'aime les sons qui sont dans ce dossier.
Indiquez également la licence ici.
Nous pouvons l'utiliser MIT license jeter un coup d'oeil à elle si vous voulez.
Vraiment beau son donc je ne suis pas sûr qui les a fait si le créateur ici les a fait.
Mais il ya des sons vraiment très bons que nous allons utiliser et ils sont identiques à ce que Patta tap utilise.
Donc télécharger ceux.
Il ressemble à ceci juste un annuaire avec un tas de sons.
Et nous allons utiliser cela dans les prochaines leçons.
Alors nous allons commencer et commencer dans la prochaine vidéo et je vais juste vous laisser les dernières secondes ici et faire quelque chose sur ce CD.