1
00:00:00,510 --> 00:00:01,740
Słuchajcie oni Witamy z powrotem.

2
00:00:02,070 --> 00:00:06,180
Więc w tej jednostce robimy chyba moją ulubioną rzeczą kiedykolwiek.

3
00:00:06,180 --> 00:00:08,630
Jest to prosty, ale zabawa zabawki.

4
00:00:09,120 --> 00:00:15,170
Korzystanie z animacji i biblioteki animacja niektóre grafiki niektóre audio i audio biblioteki.

5
00:00:15,270 --> 00:00:30,700
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.

6
00:00:30,720 --> 00:00:32,390
Nie będziemy mieć kilka różnych animacji.

7
00:00:32,400 --> 00:00:33,700
Pokażę ci, jak to wygląda.

8
00:00:33,840 --> 00:00:35,690
Każdy klucz ma swój własny dźwięk.

9
00:00:35,850 --> 00:00:43,710
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.

10
00:00:43,710 --> 00:00:44,900
Są to przede wszystkim skurczy się.

11
00:00:44,910 --> 00:00:54,990
Więc pokażę ci, co mam na myśli i przekształcić go trochę.

12
00:00:55,640 --> 00:00:59,560
Jedziemy, aby ten film nie jest taki sam dźwięk tutaj.

13
00:00:59,610 --> 00:01:02,370
Tak to jest całkiem fajne, ale.

14
00:01:02,400 --> 00:01:06,190
Ale dlatego, że robimy to nie tylko dlatego, że jest to projekt zabawy.

15
00:01:06,390 --> 00:01:15,310
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.

16
00:01:15,720 --> 00:01:20,760
A ja po prostu chcę zobaczyć, co proces jest podobny, jeśli zawierają bibliotekę w swoim kodzie.

17
00:01:20,760 --> 00:01:42,810
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.

18
00:01:42,810 --> 00:01:49,210
A ja zwykle spróbować i uczynić go do czegoś, co jest rodzajem zabawy rodzaju zabawki a może i chłodnym interaktywnym demo.

19
00:01:49,320 --> 00:01:56,640
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.

20
00:01:56,820 --> 00:02:01,420
Są to biblioteki, które może zrobić prawie wszystko teraz z przeglądarką To jest naprawdę imponująca.

21
00:02:01,440 --> 00:02:03,750
Ten jednak jest naprawdę zabawne.

22
00:02:03,990 --> 00:02:11,490
Ponownie bierzemy dwie biblioteki Paperchase i jak lurgy jak używamy Paperchase pomóc z grafiką i animacjami.

23
00:02:11,790 --> 00:02:15,330
Więc mają kilka naprawdę bardzo zabawne przykłady.

24
00:02:15,480 --> 00:02:27,110
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.

25
00:02:27,270 --> 00:02:32,930
Jest kilka zabawnych zabawki Uwielbiam ten jeden Tutaj zapewne grać z tym przez kilka godzin.

26
00:02:33,060 --> 00:02:36,910
Coś jest po prostu bardzo relaksujące o tym do mnie.

27
00:02:37,260 --> 00:02:40,360
Tak zabawne rzeczy, które możemy zrobić z Paperchase.

28
00:02:40,470 --> 00:02:48,210
Znowu coś, Paperchase nie możemy zrobić na własną rękę, bez Paperchase ale to dużo pracy.

29
00:02:48,360 --> 00:02:50,460
Więc pokażę ci, co mam na myśli.

30
00:02:50,460 --> 00:02:51,680
Kod tutaj.

31
00:02:51,690 --> 00:03:01,830
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ę.

32
00:03:02,040 --> 00:03:05,970
Nie wiem, czy można zobaczyć, że jednak idzie z fioletowy lub niebieski do fioletu.

33
00:03:06,060 --> 00:03:09,870
A jeśli to zrobię jeszcze jeden to idzie od żółtego do zielonego.

34
00:03:10,200 --> 00:03:16,890
To animacja i że przejście bez papieru J nas może być 50 linii.

35
00:03:17,040 --> 00:03:19,920
Może moglibyśmy dostać się z 20 lub więcej linii z papieru.

36
00:03:19,950 --> 00:03:20,280
Tak.

37
00:03:20,280 --> 00:03:21,550
Jest to mniej niż pięć.

38
00:03:21,690 --> 00:03:23,240
To naprawdę bardzo proste.

39
00:03:23,250 --> 00:03:26,960
To samo z Hausler tak wyjec pomaga nam odtwarzać dźwięk.

40
00:03:27,120 --> 00:03:37,940
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.

41
00:03:38,070 --> 00:03:57,070
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.

42
00:03:57,120 --> 00:04:03,390
I ostatnia uwaga jest taka, że ​​koła są w losowej reagować w losowym miejscu przy każdym naciśnięciu tego przycisku.

43
00:04:03,510 --> 00:04:09,710
Więc lokalizacja nie jest ustawiony nie odpowiadać kluczowi tylko kolor i dźwięk, który jest odtwarzany.

44
00:04:10,180 --> 00:04:11,430
Okej świetnie.

45
00:04:11,430 --> 00:04:13,560
Tak więc w następnym filmie będziemy zacząć.

46
00:04:13,560 --> 00:04:21,670
Jedną rzeczą, którą chcę zwrócić uwagę, zanim zaczniemy to, że wszystkie z nich brzmi, że słychać je odtworzyć wszystko naprawdę.

47
00:04:23,630 --> 00:04:26,940
Tak kilka naprawdę dobrych dźwięków.

48
00:04:27,060 --> 00:04:29,560
Właściwie można ich używać w tym projekcie razem.

49
00:04:29,970 --> 00:04:31,600
Podaję je jako pobrania.

50
00:04:31,770 --> 00:04:36,660
Pokażę ci tutaj, jeśli pobrać plik zip dźwięku.

51
00:04:36,690 --> 00:04:37,740
Jest grono dźwięków.

52
00:04:37,740 --> 00:04:40,260
Dwadzieścia coś brzmi w tym pliku.

53
00:04:40,290 --> 00:04:44,550
Więc jest kilka naprawdę miłych dźwięków tam i rzeczywiście może korzystać z wszystkich z nich.

54
00:04:44,580 --> 00:04:46,970
Są z projektu open source i getta.

55
00:04:47,310 --> 00:04:52,270
To jest rzeczywiście to, co PATTA kranu używa albo co Pedda dotknąć rzeczywistości.

56
00:04:52,590 --> 00:04:54,680
Jest to synchronizacja neuronalna się na nią.

57
00:04:54,690 --> 00:04:58,900
Więc to ma animacji, jeśli chcesz patrzeć na te animacje, że nie będziemy robić.

58
00:04:58,970 --> 00:05:02,410
Więc o wiele bardziej skomplikowana, ale ma również wszystkie dźwięki.

59
00:05:02,640 --> 00:05:09,570
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.

60
00:05:09,570 --> 00:05:19,160
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.

61
00:05:19,330 --> 00:05:21,750
Również zwrócić uwagę na licencji tutaj.

62
00:05:21,750 --> 00:05:25,030
Możemy go używać licencji MIT spojrzeć na nią, jeśli chcesz.

63
00:05:25,320 --> 00:05:29,790
Naprawdę ładny dźwięk, więc nie jestem pewien, który stworzył je, jeśli twórca uczynił je tutaj.

64
00:05:29,790 --> 00:05:34,250
Ale jest kilka naprawdę bardzo dobre dźwięki, które będziemy używać i są one identyczne, co PATTA korzysta z kranu.

65
00:05:34,410 --> 00:05:35,620
Więc pobranie tych.

66
00:05:35,640 --> 00:05:38,600
Wygląda na to właśnie w tym katalogu z bandą dźwięków.

67
00:05:38,640 --> 00:05:40,860
I będziemy używać, że w ciągu najbliższych kilku lekcji.

68
00:05:41,160 --> 00:06:03,370
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.