Słuchajcie oni Witamy z powrotem.
Więc w tej jednostce robimy chyba moją ulubioną rzeczą kiedykolwiek.
Jest to prosty, ale zabawa zabawki.
Korzystanie z animacji i biblioteki animacja niektóre grafiki niektóre audio i audio biblioteki.
I mamy zamiar zrobić prosty prosty klon tej podkładce app kranu które pokazałem na początku, gdzie można trafić klawiszy na klawiaturze, każdy klawisz odpowiada dźwięk, który jest rozgrywany i trochę animacji i są po prostu będzie być proste.
Nie będziemy mieć kilka różnych animacji.
Pokażę ci, jak to wygląda.
Każdy klucz ma swój własny dźwięk.
I kiedy uderzył kluczem dźwięk jest odtwarzany i otrzymujemy kolorową cyklicznie każdy klucz ma swój własny kolor, a następnie kręgi animowany.
Są to przede wszystkim skurczy się.
Więc pokażę ci, co mam na myśli i przekształcić go trochę.
Jedziemy, aby ten film nie jest taki sam dźwięk tutaj.
Tak to jest całkiem fajne, ale.
Ale dlatego, że robimy to nie tylko dlatego, że jest to projekt zabawy.
Robimy to, ponieważ mamy tutaj do korzystania z bibliotek i będziemy korzystać z dwóch bibliotek i wspomniał jeden jest nazywany geniuszem Papier i innego nazywa Jak oni geniuszem.
A ja po prostu chcę zobaczyć, co proces jest podobny, jeśli zawierają bibliotekę w swoim kodzie.
A kiedy piszę program, czy to na kurs wieczorowy lub sześciu miesięcy lub kursu trzymiesięcznego lub kursu online zawsze upewnić się, że istnieje jakiś istnieje jakiś projekt lub niektóre zadania, które zmusza uczniów do zrobienia trochę kopanie w dokach w bibliotece lub na zastanawianie się, jak włączyć niektóre kodu zewnętrznego do własnej aplikacji.
A ja zwykle spróbować i uczynić go do czegoś, co jest rodzajem zabawy rodzaju zabawki a może i chłodnym interaktywnym demo.
Więc robiłem rzeczy z dźwiękiem wcześniej z animacji, ale także z kamerą internetową i śledzenia twarzy i śledzenie głowy.
Są to biblioteki, które może zrobić prawie wszystko teraz z przeglądarką To jest naprawdę imponująca.
Ten jednak jest naprawdę zabawne.
Ponownie bierzemy dwie biblioteki Paperchase i jak lurgy jak używamy Paperchase pomóc z grafiką i animacjami.
Więc mają kilka naprawdę bardzo zabawne przykłady.
Jeśli klikniesz na Showcase rzeczywiście i na papierze Jasc dot gablocie one pokazać kilka przypadków rzeczywistego użytkowania, w których ludzie korzystali z papieru tylko w dziczy wyraźnych przykładów ciętych.
Jest kilka zabawnych zabawki Uwielbiam ten jeden Tutaj zapewne grać z tym przez kilka godzin.
Coś jest po prostu bardzo relaksujące o tym do mnie.
Tak zabawne rzeczy, które możemy zrobić z Paperchase.
Znowu coś, Paperchase nie możemy zrobić na własną rękę, bez Paperchase ale to dużo pracy.
Więc pokażę ci, co mam na myśli.
Kod tutaj.
Więc hit klucz w tym przypadku literę P do tego kręgu i kurczą go tak zrobić, że animację, a także zauważyć, że zmienia kolor trochę.
Nie wiem, czy można zobaczyć, że jednak idzie z fioletowy lub niebieski do fioletu.
A jeśli to zrobię jeszcze jeden to idzie od żółtego do zielonego.
To animacja i że przejście bez papieru J nas może być 50 linii.
Może moglibyśmy dostać się z 20 lub więcej linii z papieru.
Tak.
Jest to mniej niż pięć.
To naprawdę bardzo proste.
To samo z Hausler tak wyjec pomaga nam odtwarzać dźwięk.
Możemy zrobić to wszystko jednak bez tak jak możemy to wszystko zrobić wszystko J queery że robi i możemy obejść się bez j queery to właśnie często oznacza, że ​​mamy napisać więcej kodu.
Więc ten odgrywa dźwięk Oto przykład mamy zamiar zrobić coś bardzo podobnego do tego, gdzie jesteśmy po prostu będzie odtwarzał dźwięk po naciśnięciu klawisza i każdy klucz ma swój własny, niepowtarzalny dźwięk, więc jestem zawsze gra uderzając qq że hałas i zawsze jest to kolor jasnoniebieski przejście na ciemniejszy niebieski.
I ostatnia uwaga jest taka, że ​​koła są w losowej reagować w losowym miejscu przy każdym naciśnięciu tego przycisku.
Więc lokalizacja nie jest ustawiony nie odpowiadać kluczowi tylko kolor i dźwięk, który jest odtwarzany.
Okej świetnie.
Tak więc w następnym filmie będziemy zacząć.
Jedną rzeczą, którą chcę zwrócić uwagę, zanim zaczniemy to, że wszystkie z nich brzmi, że słychać je odtworzyć wszystko naprawdę.
Tak kilka naprawdę dobrych dźwięków.
Właściwie można ich używać w tym projekcie razem.
Podaję je jako pobrania.
Pokażę ci tutaj, jeśli pobrać plik zip dźwięku.
Jest grono dźwięków.
Dwadzieścia coś brzmi w tym pliku.
Więc jest kilka naprawdę miłych dźwięków tam i rzeczywiście może korzystać z wszystkich z nich.
Są z projektu open source i getta.
To jest rzeczywiście to, co PATTA kranu używa albo co Pedda dotknąć rzeczywistości.
Jest to synchronizacja neuronalna się na nią.
Więc to ma animacji, jeśli chcesz patrzeć na te animacje, że nie będziemy robić.
Więc o wiele bardziej skomplikowana, ale ma również wszystkie dźwięki.
Więc co zrobiłem to po prostu wziął dźwięk z tego folderu tu wszystkich tych dźwięków i spakowane je razem.
Istnieje wiele więcej, jeśli chcesz wybrać inne dźwięki można się tam dostać nie pobierz to ale lubię dźwięki, które znajdują się w tym folderze.
Również zwrócić uwagę na licencji tutaj.
Możemy go używać licencji MIT spojrzeć na nią, jeśli chcesz.
Naprawdę ładny dźwięk, więc nie jestem pewien, który stworzył je, jeśli twórca uczynił je tutaj.
Ale jest kilka naprawdę bardzo dobre dźwięki, które będziemy używać i są one identyczne, co PATTA korzysta z kranu.
Więc pobranie tych.
Wygląda na to właśnie w tym katalogu z bandą dźwięków.
I będziemy używać, że w ciągu najbliższych kilku lekcji.
Więc idź naprzód i zacząć w następnym filmie, a ja po prostu zostawić cię ostatnich sekundach tutaj i zrobić coś na tej płycie.