OK, my witamy z powrotem.
Więc w tym filmie mamy zamiar wziąć to, co już zrobiliśmy i mamy zamiar ją ożywić nieznacznie.
Więc w końcu to, co chcemy się zdarzyć, że za każdym naciśnięciem przycisku otrzymujemy koło w losowym miejscu w kolorze i że kolor ożywionej nieznacznie.
I my również uzyskać animację rozmiar.
Więc nie wiem, czy można wybrać się na zmianę koloru, ale jest to całkiem Sleights za jedyne dodając trochę do odcienia.
Ale któryś z tych zrobi dla nas, aby rozpocząć.
Mamy zamiar rozpocząć właściwie tylko zmianę koloru tych kręgach, a my rzeczywiście zacznie prostsze tylko przez zmianę koloru jednym okręgu.
Więc nie wszystkie z nich, że przyjdzie później.
Więc jeśli idziemy do Paperchase wrócić do tutoriali oraz obejrzysz animację na dole.
Pierwszą rzeczą, którą można zrobić, to spojrzeć na niektóre z przykładów.
Oto przykład.
I widać, że to naprawdę bardzo proste, w rzeczywistości zrobić animację.
Co możemy zrobić, to możemy zdefiniować coś w tym przypadku prostokąt.
W naszym przypadku będzie to koło i wtedy to jest na ramie i bez względu na kod kładziemy tutaj będzie działać na każdej klatce animacji.
Więc w tym przypadku każda klatka tej animacji jesteśmy obracanie tego prostokąta trzy stopnie lub w tym przypadku, który jest, co mamy zamiar wykorzystać każdą klatkę dodajemy jeden do barwy tego kręgu, że zdefiniowany tutaj.
Więc spróbujmy to.
Idziemy do przodu i zrobić nowy krąg nie wewnątrz wciśniętego przycisku.
Więc to będzie po prostu być zawsze tam, kiedy strona się ładuje.
Więc nazwijmy go var animowanie okręgu równa się nowa ścieżka dot koło i będzie musiał być nowe punkty i zróbmy ten krąg przy 300 przecinkiem 300 i promienia.
Zróbmy to powiększenie 100.
Właśnie tak.
A potem zrobimy animowane i co się nazywa animowany okręgu zamiast animacji dot wypełnienia kolor i ustawić go na czerwono, aby rozpocząć tak po prostu.
Wspaniały.
Więc to nie będzie jeszcze animowane ale jeśli odświeżyć otrzymujemy jedno duże koło i za każdym razem trafić w klucz otrzymujemy mniejsze kręgi, które są losowo.
Teraz musimy dodać do naszej animacji i to naprawdę proste, jak widzieliśmy funkcji na ramie i możemy przejść do lub z wyjątkiem tego argumentu zdarzenia.
Jeśli chcemy zrobić coś z każdej klatki, jeśli chcieliśmy jakieś dane o tym, że w rzeczywistości nie potrzebujemy.
A potem wszystko zrobić tutaj jest animowany okręgu dot kolor wypełnienia, który także jest równy jednemu.
I jest bezpośrednio z tego przykładu.
Więc za każdym razem żąda animacji nową ramkę, która nie zależy od nas, więc nie jesteś decydując liczbę klatek na sekundę, jak często ten kod jest tzw.
W każdej chwili istnieje nowa ramka, która papieru prostu dba o dodajemy jedną z odcieniem jej animowanego okręgu.
Załóżmy, odświeżyć i tam idziemy.
Tak naprawdę bardzo proste do zrobienia tego rodzaju animacji.
Możemy również zrobić animacje choć gdziekolwiek coś zmienia pozycję i że jest trochę bardziej skomplikowana.
Ten okazuje się być jeszcze bardziej skomplikowany ten przykład, ponieważ nie są one po prostu animowane coś z jednego miejsca do innego miejsca i nie jest również przyspiesza równomiernie.
Tak więc jest to trochę bardziej skomplikowane, ale wciąż tylko kilka linijek.
Oto kolejny przykład przenoszenia rzeczy.
Niektóre inne animacje.
Co zamierzamy zrobić, choć jest użyć czegoś nie wykazują a tu przykłady, które mi spędzić trochę czasu na kopanie w docs, co chcemy zrobić, to po prostu skalować każdy dół każdą klatkę.
Więc co możemy zrobić, to w zasadzie po naciśnięciu klawisza robimy krąg.
Powiedzmy, że zaczyna się jak 300 przez 300 lub 300 promieniu wybaczcie, gdy uderzę tego znaku każdą klatkę lub kurczy mu trochę o zasadzie skalowania pkt dziewięć dziewięć punkt dziewięć osiem.
Zapomniałem dokładnej liczby, ale jesteśmy pomnożenie jej przez mniejszym rozmiarze każdą klatkę i po prostu się kurczy i kurczy więc znika.
Więc pokażę ci, jak to działa.
Wróćmy do naszego kodu mamy koło wciąż animowanie i wewnątrz na ramie zamiast po prostu dodając jeden do odcienia.
Co zrobimy to zrobić animowany okręgu skalę dot która to metoda, że ​​znalazłem i możemy pomnożyć przez każdą frakcją, że chcemy, jeśli po prostu zostawić go w jednym pozostanie ten sam rozmiar, więc nie będzie faktycznie zobaczyć.
Ale jeśli robimy coś takiego punktu dziewiątego, a my idziemy tam odświeżyć każda ramka zmienia hewe o 1.
I skaluje go po punkcie dziewięć lub 90 procent, co było w poprzedniej ramce.
Jeśli więc zmieni się coś w pkt 9 9 być wolniejsze przejście w dół i jeśli go zmienić na coś takiego punktu pięciu to będzie bardzo, bardzo szybko kurczyć.
Więc każda klatka robi się w połowie tak duża, jak to było w poprzednim okresie.
Więc myślę, że to, co było poszedłem z punktu 9, aby rozpocząć.
Będziemy więc pozostawić go na tym.
A teraz mamy jeden okrąg zmienia kolor i kurczy się, co chcemy zrobić to kiedy uderzy także inne klucze.
Chcesz te kręgi, aby zrobić to samo i to jest trochę bardziej skomplikowana.
Ale szczerze mówiąc kod tutaj pozostanie taka sama to wszystko jest inaczej jest to, że musimy to zrobić dla każdego koła, które znajduje się na stronie.
I to jest chyba najbardziej drastyczna zmiana, która uczyni co będzie faktycznie zrobić, to mieć układ kół i za każdym razem naciskać klawisz Dodamy, że koło w tej nowej tablicy, ponieważ w tej chwili nie jesteśmy rzeczywiście śledzenie wszystkich kręgi musimy zapisać wszystkie z nich w jakiś sposób.
Tak, że na ramie tu, w tej funkcji możemy następnie odesłać do każdego okręgu, który już istnieje i animowanego.
Więc będziemy trzymać tego kodu.
Ale to, co chcemy zrobić, to pętla za pośrednictwem tablicy, która nie istnieje, więc po prostu nazwać to kręgi.
Więc dla var i równa zeru Ayas mniej niż Koła Starlink.
Plus Plus to, co chcemy zrobić, to zrobić kręgi.
I kolor wypełnienia robi tutaj.
Więc po prostu zacząć od koloru wypełnienia tylko na samym początku.
Więc ja po prostu skopiować tę linię.
Więc to nie zadziała, bo przecież koło nie istnieje.
Ale chodzi o to, że w każdej klatce mamy pętli przez wszystkie kręgi w tej tablicy i dodasz do każdego odcienia każdej klatce.
A może uważasz, że to dość intensywne i jest to dużo rzeczy dzieje, ale papier prostu troszczy się o niego.
Ale będziemy także dodanie w małej optymalizacji pod koniec, więc pokażę wam, co to znaczy w przyszłym filmie.
Ale teraz to co zrobimy.
A wszystko, co musimy zrobić, to faktycznie dodać ten krąg, który robimy w tablicy kółka, dzięki czemu możemy zdefiniować tę tablicę dla naszych kręgach jest pustą tablicę, aby rozpocząć, a następnie po naciśnięciu przycisku na kluczu dół musimy po prostu czy okręgi up push to nowe koło w koło przystanku naciśnięciem tę nową drogę na zewnątrz okręgu w tym przypadkowym miejscu.
Teraz możemy mieć promień 10 i resetowanie kolor wypełnienia kill jako pomarańczowy.
Więc po prostu naciska tego kręgu, że mieliśmy już do tablicy tego okręgu.
A potem mamy aktualizację każdym kole.
Więc nie może być jednym okręgu może istnieć 20 okręgów.
Nie może być 100 okręgi w danym momencie.
Mamy pętli wszystkie z nich i dodasz do każdej kolejki i jeśli przyjrzymy teraz i odświeżyć go nie dość jeszcze pracować.
A to prowadzi się naprawdę ciekawy punkt o tym, jak działa Push.
Więc jeśli mogę otworzyć konsolę to mówi mi, że nie potrafi czytać Prakrti barwy nieokreślonej umysłu 24, który jest tutaj.
Więc nie jest to jakoś nie czyta, że ​​własność Hugh Phil kolorze mówiąc Kod Phil nie istnieje.
Więc zróbmy stałej kręgi dziennika.
I zobaczysz, na czym polega problem.
Jeśli otworzyć ten zatrzymał się to dlatego, że mieliśmy błąd.
Ale tak naprawdę dodaje pomarańczowe ciąg do tablicy nie rzeczywista nowy krąg.
A to dlatego, że to, co mamy do pchania się nie tylko nowy krąg robimy nowy krąg.
A potem ustawiamy kolor wypełnienia być pomarańczowy.
Więc ostatnią rzeczą, która została zwrócona była pomarańczowa ciąg.
Tak więc końcowy wynik jest to, że jesteśmy po prostu naciska na pomarańczowo każdym razem.
Co nie jest to, co chcemy.
Więc zrobimy nową zmienną będziemy nazywać nasz nowy krąg, a potem zrobimy nowy krąg kropki kolor wypełnienia oddzielnie równa pomarańczowy i wtedy będziemy naciskać w nowy krąg.
Więc zamiast edytować to uwagę I sądzę, że jest to ważny błąd zobaczyć.
Całkowicie złapał mnie z tropu bo tam na chwilę, ale ważne jest, aby zrozumieć, jak to działa, gdzie mamy te tych łańcuchach metod na jeden na drugim, gdzie minęliśmy tego kręgu, a następnie kropkę kolor wypełnienia wynosi pomarańczowy i po prostu dodać, że całość w tablica z naciśnięciem.
Byliśmy po prostu dodając pomarańczę się.
Więc musimy to naprawić.
Więc mam nadzieję, że to robi.
I właściwie wiem to robi, ale jeśli są świeże i spójrz teraz dodawać nowych okręgów losowo umieszczone i wszyscy wróg Heugh animowania więc po prostu doskonały.
Teraz aktualizować to do pracy z rozmiarem.
Więc jest to właściwie tylko to dokładnie ten sam wiersz, który tutaj mamy.
Będę pozbyć naszej stałej nie zalogować.
Poza chcemy kręgi.
JA.
OK.
Więc zanim pokażę ci, czy to działa niech po prostu sprawdzić, co zrobiliśmy.
Więc kiedy trafisz dowolnego klawisza możemy dodać w okręgu w losowo wybranym punkcie 2 wykonujemy losowy punkt, aby utworzyć nowe koło z tej przypadkowej pkt 10 promieniu pikseli i pozwala właściwie to zmienić, aby dopasować to, co mamy w roztworze, który jest pięćset a potem sprzedają karty wypełnienia zacząć jak pomarańczowy, który zmieni ostatecznie.
A potem wcisnąć, że do tablicy o nazwie kręgów.
Wtedy za każdym razem nowa ramka nazywa każdej klatce animacji jesteśmy pętli przez wszystkie kręgi.
I dla każdego z nich dodajemy jeden do hewe i jesteśmy pomnożenie wielkości skali od punktu dziewięć.
Więc jesteśmy kurczy się go po prostu odrobinę każdej klatce.
Ale istnieje tak wiele ramek, że rzeczywiście kurczy dość szybko i możemy pozbyć naszego animowanego kręgu że teraz zaczyna się na stronie obciążenia.
Nie chcemy, aby rozpocząć z czarnym ekranem.
A potem, kiedy trafisz klucz dodamy koło.
Warto więc spróbować.
No to jedziemy.
Jest to więc niemal dokładnie w ten sam sposób.
Oto dźwięk.
Jedna wielka różnica polega na tym, że kolor mówi to każdy klucz ma przypisany kolor tutaj tak P Czy ten niebieski ciemniejszy niebieski pół.
Czy to szary.
Więc na naszym jest to fioletowy teraz tu jesteśmy ustawienie wszyscy zaczynają się na pomarańczowo, a następnie zmieniając odcień.
Więc musimy to naprawić, ale mam na myśli to zrobić czekać, aż dodamy dźwięk.
Tak skończymy teraz.
Jest mała optymalizacja, że ​​będzie to koniec, bo teraz mamy nie usuwając te kręgi z tablicy okręgu.
Więc nawet jeśli wiesz, że po 10 sekundach koła wbiegł nawet po trzech sekundach nie widzę.
Technicznie jest to wciąż w tej tablicy.
Więc to nie jest idealny.
Gdybyśmy mieli dziesięć tysięcy kręgi, które stworzył i nie widzimy żadnego z nich nie chcemy być zapętlenie nad każdym z nich.
Tak więc w ostatnim filmie pokażę wam jak możemy zdjąć koło, gdy wiemy, że go nie ma lub gdy wiemy, że nie jest już możliwe.