Senti che sono i benvenuti.
Quindi in questa unità stiamo probabilmente facendo la mia cosa preferita in assoluto.
È un gioco semplice ma divertente.
Usando l'animazione e una libreria di animazioni alcuni grafici di una libreria audio e audio.
Creeremo un semplice clone di quel pad un'app di tocco che ti ho mostrato in anticipo
dove puoi colpire i tasti sulla tastiera e ogni tasto corrisponde a un suono riprodotto e un po 'di animazione e stanno
andando a Sii semplice.
Non avremo un sacco di animazioni diverse.
Ti mostrerò come appare.
Ogni chiave ha il suo suono.
E quando premo quel tasto viene riprodotto il suono e otteniamo un cerchio colorato attraverso ogni tasto che ha il
suo colore e quindi i cerchi si animano.
In pratica si restringono.
Quindi ti mostrerò cosa intendo e alzandolo un po '.
Faremo in modo che questo film non sia lo stesso suono qui.
Sì, è abbastanza divertente ma.
Ma il motivo per cui lo stiamo facendo non è solo perché è un progetto divertente.
Lo stiamo facendo perché dobbiamo usare le librerie qui e useremo due librerie e menzioniamo una che
si chiama Paper genius e un'altra si chiama How they're genius.
E voglio solo che tu veda come è il processo quando incorpori una libreria nel tuo codice.
E ogni volta che scrivo curriculum, sia che si tratti di un corso serale o di un
corso di sei mesi o di tre mesi o di un corso online, mi assicuro sempre che ci sia
qualche progetto o qualche incarico che costringa gli studenti a fare un po 'di ricerca i moli di una
biblioteca o capire come incorporare un codice esterno nella propria app.
E di solito cerco di trasformarlo in qualcosa di divertente come un giocattolo o una fantastica
demo interattiva.
Quindi ho fatto cose con l'audio prima con le animazioni, ma anche con la webcam e il tracciamento del
viso e della testa.
Ci sono biblioteche che possono fare praticamente qualsiasi cosa ora con il browser è davvero impressionante.
Questo però è davvero divertente.
Di nuovo, stiamo prendendo due librerie Paperchase e come lurgy mentre usiamo paperchase per dare una mano con la grafica
e le animazioni.
Quindi hanno alcuni esempi davvero divertenti.
Se si fa clic su Showcase effettivamente e su carta Jasc dot showcase, vengono mostrati alcuni casi di utilizzo reali in cui le persone
hanno utilizzato la carta solo nella natura di esempi ben definiti.
Ci sono alcuni giocattoli divertenti che adoro questo qui probabilmente può giocare con questo per ore.
Qualcosa mi sta rilassando molto.
Quindi cose divertenti che possiamo fare con paperchase.
Ancora una volta qualsiasi cosa che Paperchase può fare da sola senza Paperchase ma è molto lavoro.
Quindi ti mostrerò cosa intendo.
Il codice qui.
Quindi premo un tasto in questo caso la lettera P per fare quel cerchio e per ridurlo in
quel modo per fare quell'animazione e anche notarlo cambia leggermente colore.
Non so se riesci a vederlo ma passa dal viola al blu al viola.
O se ne faccio un altro questo va dal giallo al verde.
Quella animazione e quella transizione senza carta J us potrebbero essere 50 linee.
Forse potremmo cavarcela con circa 20 linee di carta.
Sì.
Sono meno di cinque.
È davvero molto semplice
La stessa cosa con Hausler, così urlante ci aiuta a suonare l'audio.
Possiamo fare tutto questo senza tuttavia come possiamo fare tutto ciò che fa J e tutto ciò che
fa e possiamo cavarcela senza j queery significa solo che spesso dobbiamo scrivere più codice.
Quindi questo suona un suono Ecco un esempio faremo qualcosa di molto simile a questo in
cui suoneremo un suono solo quando premi un tasto e ogni tasto ha il suo
suono unico quindi sto premendo il qq suona sempre quel rumore ed è sempre quella transizione di colore blu chiaro a un blu più scuro.
Un'ultima nota è che i cerchi sono in una risposta casuale in una posizione casuale ogni volta che si
preme quel tasto.
Quindi la posizione non è impostata non corrisponde alla chiave solo il colore e il suono che viene riprodotto.
Ok, bene.
Quindi nel prossimo video inizieremo.
Una cosa che voglio sottolineare prima di iniziare è che tutti questi suoni
che senti li suonano tutti davvero.
Sì, alcuni suoni davvero belli.
In realtà possiamo usarli insieme in questo progetto.
Li ho inclusi come download.
Ti mostrerò qui se scarichi il file zip audio.
Ci sono un sacco di suoni.
Venti cose suona in quel file.
Quindi ci sono alcuni suoni davvero carini lì e in realtà possiamo usare tutti questi.
Provengono da un progetto open source e dal ghetto.
In realtà è ciò che usa patta tap o che cos'è il tap Pedda.
È questa sincronia neuronale a prenderla.
Quindi ha delle animazioni se vuoi guardare quelle animazioni che non faremo.
Quindi molto più complesso ma ha anche tutti i suoni.
Quindi quello che ho fatto è che ho appena preso il suono da questa cartella qui tutti questi suoni e li
ho zippati insieme.
Ce ne sono molti di più se vuoi scegliere diversi suoni che puoi ottenere per
non averlo scaricato, ma mi piacciono i suoni che si trovano in quella cartella.
Indica anche la licenza qui.
Possiamo usare la licenza MIT, dai un'occhiata se vuoi.
Suono davvero bello quindi non sono sicuro di chi li ha creati se il creatore li ha fatti.
Ma ci sono alcuni suoni veramente buoni che useremo e sono identici a quelli che usa
patta tap.
Quindi scarica quelli.
Sembra che sia solo una directory con un sacco di suoni.
E lo useremo nelle prossime lezioni.
video e ti lascerò qui gli ultimi secondi e creerò qualcosa su questo CD.
Quindi andiamo avanti e iniziamo nel prossimo