OK.
Witamy spowrotem.
Tak jak wspomniałem w tym filmie będzie faktycznie rozpocząć pracę nad zwierzęciem atak klonów tutaj.
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.
To działa w ten sam sposób dla każdego innego klucza.
Kiedy więc użytkownik wciśnie przycisk na kole, a następnie musimy też zorientować się w animację tego kręgu.
I wreszcie chcemy dodać, że kółko do koordynowania losowy.
Więc zacząć będziemy po prostu naciśnij klawisz i dodaj okrąg na środku ekranu.
Więc chodźmy do japes papierowych dokumentów i przyjrzeć interakcji i spojrzeć na interakcji klawiatury.
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.
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ż.
Więc teraz ja naciskając K, a następnie zwalniając go.
A jeśli spojrzeć na kod to bardzo proste tylko na kluczyk a Anchia się.
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.
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.
Chcemy dźwięk natychmiast odtworzyć.
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.
Więc Zrobi wciśniętego przycisku.
Skopiowałem to i zaczniemy po prostu czyni nowy krąg więc musimy ten kod.
Ale chcemy tylko jeden, więc nie musimy już pętle.
Pozbyć się tego i zrobimy to nowy krąg na klucz w dół.
Dlatego proces ten jest dość realistyczny, gdzie bierzesz różne kawałki i jesteś po prostu rodzaj montażu ich razem.
Więc znalazłem to w docs Przy naciśnięciu.
Możesz pozbyć się tego.
I znalazłem to w docs, jak również i musimy zmienić ten X i Y nie są zdefiniowane.
Więc po prostu to zrobić w 100 przecinkiem 100 i zróbmy Phil kolor pomarańczowy.
Tak na dół uruchomić ten kod.
I znowu jest to bardzo różni się od tego, co widzieliśmy lub opisaliśmy detektora zdarzeń.
I wtedy musielibyśmy włożyć w jakimś elemencie.
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.
To dużo więcej kodu.
Odbywa się to na nas z Paperchase bardzo proste.
Więc na klucz w dół zobaczymy co się stanie.
Mam zamiar nacisnąć klawisz i kończy się z kręgu i za każdym razem naciśnij 1 robię dostać inny krąg.
Po prostu nie można go zobaczyć.
Więc teraz niech nad tym pracować, tak że jesteśmy dodanie okrąg losowym miejscu na ekranie.
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.
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ą.
A potem, kiedy to otwarte spojrzenie na widoku.
I znowu po prostu znaleźć to kilka dni temu wziąłem trochę.
Ale jeśli spojrzymy na siebie i patrzymy na granicach i czy może to wielkość wielkość widocznego obszaru i koordynuje projekt.
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ść.
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.
Obecnie pogląd, że rozmiar jest sześćset dziewięćdziesiąt dwa przez siedem set.
Ale jeśli zmiana rozmiaru go zobaczysz, że zmienia się następnym razem.
Persecutee.
Tak więc możemy używać, aby wygenerować te dwa punkty, których potrzebujemy.
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.
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ół.
To trochę rodzaju bólu.
Więc co zrobimy, zamiast korzystać z tego jest ładny papier J S sposób, że znalazłem wygląda następująco.
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.
A potem chcemy przecinkami tej wysokości wielkości dot.
Więc x i y są maksymalne X lub maksymalna y.
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.
Więc zamiast tworzyć nowy punkt o temperaturze 100 Kamo 100 musimy po prostu dać mu punkt max.
OK.
Więc spróbujmy, że teraz i pozbyć się tych, aby odświeżyć stronę.
Uderzyłem klucz.
Zobacz otrzymujemy jedno prawo na dole w prawym dolnym rogu.
I jeśli rozmiar i zrobić to jeszcze raz i uderzyłem klucza teraz dostać nasz maksymalny punkt tutaj.
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.
OK, więc mamy to.
Teraz to, co chcemy zrobić, to przyjąć, że punkt maksymalnej i mamy zamiar wygenerować losowy punkt.
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.
Dostajemy obiekt punktowy.
Więc w zasadzie to robi.
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.
Więc jesteśmy pomnożenie tych dwóch punktów łącznie.
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.
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ć.
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.
Tak to jest jak możemy wygenerować maksymalne lub losowy punkt, który istnieje na obszarze widzialnym.
Są one obecnie widoczny obszar płótna.
OK, więc teraz niech po prostu to zmienić tak, że udaje się do punktu.
Rzućmy okiem teraz odświeżyć.
Naciśnij dowolny klawisz, a my w końcu z przypadkowych kręgach.
Za każdym razem po naciśnięciu klawisza.
Ups.
I jeśli zmiana rozmiaru okna zróbmy go w połowie drogi.
Za każdym razem, kiedy nacisnąć klawisz wciąż go zobaczyć.
Więc to nie jest generowanie punktów tutaj już co jest miłe.
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.
Okej świetnie.
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.
I rozmawialiśmy o tym, jak zrobić losowy punkt w kolejnym filmie.
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.
A potem także kurczy je w dół.
Więc widzimy, że w następnym filmie, a potem wrócę i dodać dźwięk.