1
00:00:00,440 --> 00:00:00,840
OK.

2
00:00:00,840 --> 00:00:01,770
Witamy spowrotem.

3
00:00:01,770 --> 00:00:07,420
Tak jak wspomniałem w tym filmie będzie faktycznie rozpocząć pracę nad zwierzęciem atak klonów tutaj.

4
00:00:07,430 --> 00:00:23,520
Więc pierwszą rzeczą, którą chcemy zrobić, to dowiedzieć się, jak dodać koło, które mamy rzeczywiście już, ale chcemy zrobić kilka rzeczy na Kole, gdy użytkownik wciśnie dowolny klawisz faktycznie w moim przypadku mam tylko to robi dla swoich dzieci.

5
00:00:23,750 --> 00:00:25,730
To działa w ten sam sposób dla każdego innego klucza.

6
00:00:25,800 --> 00:00:32,270
Kiedy więc użytkownik wciśnie przycisk na kole, a następnie musimy też zorientować się w animację tego kręgu.

7
00:00:32,610 --> 00:00:36,200
I wreszcie chcemy dodać, że kółko do koordynowania losowy.

8
00:00:36,330 --> 00:00:41,890
Więc zacząć będziemy po prostu naciśnij klawisz i dodaj okrąg na środku ekranu.

9
00:00:42,570 --> 00:00:51,070
Więc chodźmy do japes papierowych dokumentów i przyjrzeć interakcji i spojrzeć na interakcji klawiatury.

10
00:00:51,690 --> 00:01:18,810
I wiem, że wydaje się, jak dobrze, że nie wiedział, gdzie szukać tutaj, ale po raz pierwszy przyjechałem tu zajęło mi o wiele dłużej, aby stwierdzić, że po prostu przeszedł przez większość z nich i szukał klawiaturze zasadzie chce powiedzieć, że najprawdopodobniej jakbym tego robić ponownie przeze mnie, a ja nie przygotował do tego filmu to już podjęte mnie o wiele dłużej, aby stwierdzić, że może zrobiłem wyszukiwania tak więc to przewinąć w dół i po prostu spojrzeć na niektóre z przykładów.

11
00:01:18,840 --> 00:01:27,910
Ten pierwszy jeden szybki, żeby ostrość, a następnie kilka klawiszy i mówi ci, co klawisz został naciśnięty, a kiedy został wydany, jak również.

12
00:01:28,350 --> 00:01:32,860
Więc teraz ja naciskając K, a następnie zwalniając go.

13
00:01:33,150 --> 00:01:38,450
A jeśli spojrzeć na kod to bardzo proste tylko na kluczyk a Anchia się.

14
00:01:38,520 --> 00:01:46,670
Więc to nie istnieje żaden dokument na co razie słuchacz nie ma Jay queery detektory zdarzeń za kulisami nie są udokumentowane w detektorach zdarzeń dzieje.

15
00:01:46,920 --> 00:01:57,210
Ale dla skryptu papieru po prostu trzeba napisać to super proste linie, dzięki czemu możemy wziąć to właściwie wystarczy skopiować ten klucz zrobi dół dla naszej aplikacji.

16
00:01:57,360 --> 00:01:59,070
Chcemy dźwięk natychmiast odtworzyć.

17
00:01:59,070 --> 00:02:14,880
Tak naciśnięciu klawisza nie kiedy jestem wydany myśląc, że to trochę wolniej to coś jak fortepian, że kiedy trafisz na pianinie lub zakłóceń dźwięk, który jest generowany jest generowany tuż po naciśnięciu klawisza lub w prawo, potem nie wtedy, gdy zwolnieniu.

18
00:02:15,240 --> 00:02:16,290
Więc Zrobi wciśniętego przycisku.

19
00:02:16,290 --> 00:02:21,440
Skopiowałem to i zaczniemy po prostu czyni nowy krąg więc musimy ten kod.

20
00:02:21,630 --> 00:02:24,310
Ale chcemy tylko jeden, więc nie musimy już pętle.

21
00:02:24,390 --> 00:02:30,870
Pozbyć się tego i zrobimy to nowy krąg na klucz w dół.

22
00:02:32,220 --> 00:02:39,360
Dlatego proces ten jest dość realistyczny, gdzie bierzesz różne kawałki i jesteś po prostu rodzaj montażu ich razem.

23
00:02:39,810 --> 00:02:42,440
Więc znalazłem to w docs Przy naciśnięciu.

24
00:02:42,840 --> 00:02:43,730
Możesz pozbyć się tego.

25
00:02:43,860 --> 00:02:49,940
I znalazłem to w docs, jak również i musimy zmienić ten X i Y nie są zdefiniowane.

26
00:02:50,010 --> 00:02:55,410
Więc po prostu to zrobić w 100 przecinkiem 100 i zróbmy Phil kolor pomarańczowy.

27
00:02:55,740 --> 00:02:58,380
Tak na dół uruchomić ten kod.

28
00:02:59,280 --> 00:03:04,410
I znowu jest to bardzo różni się od tego, co widzieliśmy lub opisaliśmy detektora zdarzeń.

29
00:03:04,410 --> 00:03:07,260
I wtedy musielibyśmy włożyć w jakimś elemencie.

30
00:03:07,410 --> 00:03:23,300
Więc musielibyśmy lubię selektor zapytań Dokument dot jakiś element jak div Dot dodać detektor zdarzeń i wtedy musielibyśmy powiedzieć, że kliknięcie lub naciśnięcie klawisza lub w góre.

31
00:03:23,400 --> 00:03:25,160
To dużo więcej kodu.

32
00:03:25,290 --> 00:03:28,950
Odbywa się to na nas z Paperchase bardzo proste.

33
00:03:29,010 --> 00:03:32,070
Więc na klucz w dół zobaczymy co się stanie.

34
00:03:32,310 --> 00:03:37,710
Mam zamiar nacisnąć klawisz i kończy się z kręgu i za każdym razem naciśnij 1 robię dostać inny krąg.

35
00:03:37,710 --> 00:03:39,210
Po prostu nie można go zobaczyć.

36
00:03:39,690 --> 00:03:45,270
Więc teraz niech nad tym pracować, tak że jesteśmy dodanie okrąg losowym miejscu na ekranie.

37
00:03:45,720 --> 00:04:06,170
I sposób, że mamy faktycznie zajęło mi trochę pracy, aby stwierdzić, że możemy zrobić to sami, gdzie możemy generować dwa numery w zasadzie od zera przez całą drogę aż do maksymalnej szerokości naszego ekranu, a następnie z drugiej liczby od zera aż do maksymalnej wysokości naszych ekranu.

38
00:04:06,570 --> 00:04:19,180
I to nie jest zbyt dużo pracy, ale trzeba dowiedzieć się, szerokość, wysokość i wymiary, które, jeśli przejdziesz do Paperchase i jeśli spojrzymy na której odnoszą.

39
00:04:20,010 --> 00:04:23,220
A potem, kiedy to otwarte spojrzenie na widoku.

40
00:04:23,550 --> 00:04:27,080
I znowu po prostu znaleźć to kilka dni temu wziąłem trochę.

41
00:04:27,090 --> 00:04:36,390
Ale jeśli spojrzymy na siebie i patrzymy na granicach i czy może to wielkość wielkość widocznego obszaru i koordynuje projekt.

42
00:04:36,390 --> 00:04:56,240
Więc jeśli zrobiliśmy coś podobnego konsula, że ​​rozmiar dziennika widok, który ponownie Właśnie znalazłem tu i odświeżyć stronę i zobaczyć, co możemy uzyskać możemy uzyskać wysokość i szerokość, dzięki czemu możemy przyjąć, że wysokość i szerokość.

43
00:04:56,380 --> 00:05:09,370
Więc nie jesteś Wysokość wielkość kropki, a następnie zrezygnować które zalogować że początkowy rozmiar zi mogliśmy użyć tego odświeżenia i prosequi.

44
00:05:10,020 --> 00:05:16,880
Obecnie pogląd, że rozmiar jest sześćset dziewięćdziesiąt dwa przez siedem set.

45
00:05:17,100 --> 00:05:20,700
Ale jeśli zmiana rozmiaru go zobaczysz, że zmienia się następnym razem.

46
00:05:20,730 --> 00:05:21,930
Persecutee.

47
00:05:22,240 --> 00:05:26,430
Tak więc możemy używać, aby wygenerować te dwa punkty, których potrzebujemy.

48
00:05:26,640 --> 00:05:38,570
Ale druga rzecz, którą możemy zrobić, to jest rzeczywiście zbudowany w sposób, że stwierdził, że zrobi nam losowe punkty, więc pokażę wam, że dobrze.

49
00:05:38,580 --> 00:05:50,340
Więc zamiast robić matematyki w sposób losowy, co daje nam coś między 1 0 i 1 niewłącznie a następnie musimy pomnożyć i przesunąć go w górę lub w dół.

50
00:05:50,380 --> 00:05:51,960
To trochę rodzaju bólu.

51
00:05:52,170 --> 00:05:58,500
Więc co zrobimy, zamiast korzystać z tego jest ładny papier J S sposób, że znalazłem wygląda następująco.

52
00:05:58,500 --> 00:06:10,170
Więc zrobię maksymalną ilość punktów, więc maksymalny punkt, który możemy dodać okrąg będzie nowa wielkość punkt widzenia dot.

53
00:06:10,560 --> 00:06:15,700
A potem chcemy przecinkami tej wysokości wielkości dot.

54
00:06:15,720 --> 00:06:19,400
Więc x i y są maksymalne X lub maksymalna y.

55
00:06:20,160 --> 00:06:42,450
Więc to sprawia, że ​​nasze max punktów, a pokażę ci, jeśli robimy stały alt zalogować punkt Max tam odejść i pozwolić właściwie dodać nasz okrąg max punkcie.

56
00:06:42,720 --> 00:06:47,720
Więc zamiast tworzyć nowy punkt o temperaturze 100 Kamo 100 musimy po prostu dać mu punkt max.

57
00:06:47,940 --> 00:06:48,510
OK.

58
00:06:48,900 --> 00:06:54,350
Więc spróbujmy, że teraz i pozbyć się tych, aby odświeżyć stronę.

59
00:06:54,510 --> 00:06:55,870
Uderzyłem klucz.

60
00:06:55,950 --> 00:06:58,580
Zobacz otrzymujemy jedno prawo na dole w prawym dolnym rogu.

61
00:06:58,590 --> 00:07:06,390
I jeśli rozmiar i zrobić to jeszcze raz i uderzyłem klucza teraz dostać nasz maksymalny punkt tutaj.

62
00:07:06,390 --> 00:07:29,940
Więc to jest dobre, bo jako że zmiany oknie co widocznego obszaru na tej kanwie zmienia nasz maksymalny punkt zmienia, więc nie zawsze jesteś generowania liczb losowych między wiesz nasze wymiary ekranu lub nawet rozmiar okna, bo jak tylko widocznego obszaru to nie jest nawet całe okno, ale tylko widzialny obszar na płótnie zmienia nasze maksymalnych zmian punktowych.

63
00:07:30,250 --> 00:07:32,740
OK, więc mamy to.

64
00:07:33,150 --> 00:07:39,540
Teraz to, co chcemy zrobić, to przyjąć, że punkt maksymalnej i mamy zamiar wygenerować losowy punkt.

65
00:07:39,660 --> 00:07:53,090
Więc po prostu nazwać to losowy punkt i tam jest punkt Metoda dot losowo i że dadzą nam losowy punkt pomiędzy 0 a 1 niewłącznie jak maskotka Rande z wyjątkiem jednej linii.

66
00:07:53,130 --> 00:07:54,960
Dostajemy obiekt punktowy.

67
00:07:55,480 --> 00:07:56,520
Więc w zasadzie to robi.

68
00:07:56,520 --> 00:08:19,060
Nowe punkty matematyka matematyka dot losowych przecinek kropka losowo, a następnie chcemy wziąć to zrobić kolejną zmienną, będziemy nazywać tylko punkt i jest równa max punktów Times losowy punkt tak po prostu.

69
00:08:19,120 --> 00:08:21,970
Więc jesteśmy pomnożenie tych dwóch punktów łącznie.

70
00:08:22,650 --> 00:08:36,770
To trochę dziwne dużo matematyki, ale w zasadzie mamy do generowania punkt między 0 0 i 1 1, ale technicznie byłoby punktem 9 9 9 9 i tak dalej.

71
00:08:36,880 --> 00:08:50,500
Więc powiedzmy, że generują punktu jako punktu piątego punktu piątego potem następną rzeczą, że możemy zrobić, to mamy punkt max która zawsze będzie bardzo maksymalna że mogliśmy zrobić.

72
00:08:50,550 --> 00:09:08,980
Więc coś w rodzaju 12 80 720 lub cokolwiek nasz rozmiar okna wynosi 600 przez 300, a następnie pomnożyć je razem i możemy skończyć z nowego punktu, który jest w tym przypadku 300 150 przecinkami.

73
00:09:09,000 --> 00:09:15,000
Tak to jest jak możemy wygenerować maksymalne lub losowy punkt, który istnieje na obszarze widzialnym.

74
00:09:15,010 --> 00:09:17,550
Są one obecnie widoczny obszar płótna.

75
00:09:17,830 --> 00:09:23,660
OK, więc teraz niech po prostu to zmienić tak, że udaje się do punktu.

76
00:09:24,900 --> 00:09:26,960
Rzućmy okiem teraz odświeżyć.

77
00:09:26,980 --> 00:09:29,780
Naciśnij dowolny klawisz, a my w końcu z przypadkowych kręgach.

78
00:09:29,790 --> 00:09:31,750
Za każdym razem po naciśnięciu klawisza.

79
00:09:32,340 --> 00:09:33,670
Ups.

80
00:09:34,140 --> 00:09:38,650
I jeśli zmiana rozmiaru okna zróbmy go w połowie drogi.

81
00:09:39,720 --> 00:09:42,970
Za każdym razem, kiedy nacisnąć klawisz wciąż go zobaczyć.

82
00:09:43,000 --> 00:09:47,730
Więc to nie jest generowanie punktów tutaj już co jest miłe.

83
00:09:47,760 --> 00:09:59,030
Tak, że jeśli okno zdarza się, aby zmienić rozmiar użytkownik nie musi się odświeżyć, aby uzyskać nowy nowy widoczny obszar, aby uzyskać rodzaj obliczonych liczb.

84
00:09:59,350 --> 00:09:59,850
Okej świetnie.

85
00:09:59,860 --> 00:10:06,870
Tak to jest jak wygenerować koło, które jest już widoczny, ale to, w jaki sposób wygenerować krąg gdy użytkownik wciśnie klawisz dowolny klawisz.

86
00:10:07,200 --> 00:10:11,000
I rozmawialiśmy o tym, jak zrobić losowy punkt w kolejnym filmie.

87
00:10:11,080 --> 00:10:19,060
Zobaczymy, w jaki sposób możemy zrobić kilka prostych animacji najpierw zmieniając kolory tych punktów, a po nich znikną różne odcienie różne kolory.

88
00:10:19,170 --> 00:10:21,450
A potem także kurczy je w dół.

89
00:10:21,580 --> 00:10:25,220
Więc widzimy, że w następnym filmie, a potem wrócę i dodać dźwięk.