[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.02,0:00:05.07,Default,,0000,0000,0000,,Animację tworzymy na wiele sposobów,\Nale zasada jest taka sama.
Dialogue: 0,0:00:05.16,0:00:09.68,Default,,0000,0000,0000,,Weźcie rysunki, z których każdy\Nnieco się różni od poprzedniego,
Dialogue: 0,0:00:09.78,0:00:13.10,Default,,0000,0000,0000,,i przekartkujcie je szybko:\Nbędzie wrażenie ruchu.
Dialogue: 0,0:00:13.20,0:00:15.93,Default,,0000,0000,0000,,Dawniej wszystko rysowano ręcznie.
Dialogue: 0,0:00:16.03,0:00:19.64,Default,,0000,0000,0000,,Tworzenie trzysekundowej animacji\Ntrwało bardzo długo!
Dialogue: 0,0:00:19.74,0:00:22.15,Default,,0000,0000,0000,,Na szczęście my żyjemy\Nw przyszłości.
Dialogue: 0,0:00:22.74,0:00:25.84,Default,,0000,0000,0000,,Łatwo jest zaprogramować\Nprostą animację.
Dialogue: 0,0:00:25.94,0:00:27.28,Default,,0000,0000,0000,,Pokażę wam, jak.
Dialogue: 0,0:00:27.84,0:00:31.21,Default,,0000,0000,0000,,Po prawej stronie widać\Nautko na ślicznym żółtym tle.
Dialogue: 0,0:00:31.31,0:00:34.02,Default,,0000,0000,0000,,Sama zaprojektowałam, dziękuję!
Dialogue: 0,0:00:34.74,0:00:38.42,Default,,0000,0000,0000,,Tutaj określiliśmy\Nten piękny kolor tła.
Dialogue: 0,0:00:38.52,0:00:42.28,Default,,0000,0000,0000,,Samochód nie ma konturu:\Nkorzystamy z funkcji „noStroke”.
Dialogue: 0,0:00:42.38,0:00:44.79,Default,,0000,0000,0000,,Tu robimy nową zmienną, „x”,
Dialogue: 0,0:00:44.89,0:00:47.51,Default,,0000,0000,0000,,pozycję auta.\NPrzypisujemy jej wartość 10.
Dialogue: 0,0:00:47.61,0:00:49.30,Default,,0000,0000,0000,,Jeśli zmienimy tę wartość,
Dialogue: 0,0:00:49.40,0:00:53.20,Default,,0000,0000,0000,,to autko będzie się przesuwać\Nw przód i w tył. Wróćmy do 10.
Dialogue: 0,0:00:53.30,0:00:57.96,Default,,0000,0000,0000,,Tu określamy kolor i rysujemy\Ndwa prostokąty - karoserię.
Dialogue: 0,0:00:58.06,0:01:01.68,Default,,0000,0000,0000,,Pierwszy prostokąt to dół,\Ndrugi - góra.
Dialogue: 0,0:01:02.44,0:01:04.92,Default,,0000,0000,0000,,Z kołami robimy podobnie.
Dialogue: 0,0:01:05.02,0:01:06.99,Default,,0000,0000,0000,,Określamy kolor i rysujemy elipsy.
Dialogue: 0,0:01:07.09,0:01:10.12,Default,,0000,0000,0000,,Jedną na „x+25”, drugą na „x+75”.
Dialogue: 0,0:01:10.22,0:01:12.46,Default,,0000,0000,0000,,Dochodzimy do czegoś nowego.
Dialogue: 0,0:01:12.56,0:01:14.91,Default,,0000,0000,0000,,To się nazywa „definicją funkcji”.
Dialogue: 0,0:01:15.01,0:01:16.62,Default,,0000,0000,0000,,Opowiem o tym później,
Dialogue: 0,0:01:16.72,0:01:19.55,Default,,0000,0000,0000,,na razie zapamiętajcie,\Njak to wygląda.
Dialogue: 0,0:01:19.65,0:01:23.84,Default,,0000,0000,0000,,Zauważcie słowo „draw” i klamry.
Dialogue: 0,0:01:23.94,0:01:26.68,Default,,0000,0000,0000,,Tę na początku i tę na końcu.
Dialogue: 0,0:01:26.78,0:01:30.14,Default,,0000,0000,0000,,To nazywamy „draw loop”\N(pętlą rysowania lub animacji).
Dialogue: 0,0:01:30.21,0:01:32.39,Default,,0000,0000,0000,,Wszystko, co umieścicie w klamrach,
Dialogue: 0,0:01:32.49,0:01:35.11,Default,,0000,0000,0000,,będzie się powtarzać. Bardzo szybko.
Dialogue: 0,0:01:35.21,0:01:36.50,Default,,0000,0000,0000,,Stąd pętla.
Dialogue: 0,0:01:36.60,0:01:38.52,Default,,0000,0000,0000,,Wszystko poza klamrami
Dialogue: 0,0:01:38.62,0:01:41.73,Default,,0000,0000,0000,,zostaje uruchomione raz,\Nna początku programu.
Dialogue: 0,0:01:41.83,0:01:45.35,Default,,0000,0000,0000,,Najpierw program dotyczący\Nrysunku przeniesiemy w klamry.
Dialogue: 0,0:01:45.45,0:01:47.75,Default,,0000,0000,0000,,Żeby obrazek był rysowany\Nraz po raz.
Dialogue: 0,0:01:47.85,0:01:50.57,Default,,0000,0000,0000,,Zróbmy to. Wezmę cały ten program
Dialogue: 0,0:01:51.40,0:01:53.96,Default,,0000,0000,0000,,i wrzucę go w pętlę.
Dialogue: 0,0:01:54.06,0:01:58.07,Default,,0000,0000,0000,,Żeby pamiętać, że ten blok\Nprogramu będzie w klamrach,
Dialogue: 0,0:01:58.17,0:02:01.70,Default,,0000,0000,0000,,zrobię wcięcie, zaznaczając\Nwszystko i wciskając „tab”.
Dialogue: 0,0:02:02.31,0:02:05.50,Default,,0000,0000,0000,,Teraz wiem, że ten program\Njest w klamrach.
Dialogue: 0,0:02:05.60,0:02:10.08,Default,,0000,0000,0000,,Jak widać, wszystko wygląda\Ntak samo. Nic się nie zmieniło.
Dialogue: 0,0:02:10.18,0:02:12.17,Default,,0000,0000,0000,,Gdy pierwszy raz uruchomimy pętlę,
Dialogue: 0,0:02:12.27,0:02:14.72,Default,,0000,0000,0000,,komputer powie: „Zrobić zmienną x,
Dialogue: 0,0:02:14.82,0:02:17.72,Default,,0000,0000,0000,,przypisać 10, narysować\Nprostokąty i elipsy”.
Dialogue: 0,0:02:17.82,0:02:20.20,Default,,0000,0000,0000,,A potem przejdzie\Ndo samej góry i powie:
Dialogue: 0,0:02:20.30,0:02:24.20,Default,,0000,0000,0000,,„Zrobić zmienną x, przypisać 10,\Nnarysować prostokąty i elipsy”.
Dialogue: 0,0:02:24.30,0:02:27.95,Default,,0000,0000,0000,,I potem: „Zrobić zmienną x...”.\NTo samo.
Dialogue: 0,0:02:28.05,0:02:30.94,Default,,0000,0000,0000,,Nic się nie zmieniło,\Nnie zobaczycie animacji.
Dialogue: 0,0:02:31.04,0:02:34.44,Default,,0000,0000,0000,,Komputer rysuje nowe prostokąty\Ni elipsy na poprzednich.
Dialogue: 0,0:02:34.54,0:02:37.43,Default,,0000,0000,0000,,Pamiętacie? Żeby uzyskać\Nefekt animacji,
Dialogue: 0,0:02:37.53,0:02:40.19,Default,,0000,0000,0000,,trzeba trochę zmieniać rysunek.
Dialogue: 0,0:02:40.29,0:02:42.66,Default,,0000,0000,0000,,Aby samochód\Nprzesunął się do przodu,
Dialogue: 0,0:02:42.76,0:02:45.16,Default,,0000,0000,0000,,powinnam zmienić wartość\Nzmiennej „x”.
Dialogue: 0,0:02:45.26,0:02:47.78,Default,,0000,0000,0000,,Zatem zróbmy... 11.
Dialogue: 0,0:02:47.88,0:02:51.01,Default,,0000,0000,0000,,O, nie! Bo za każdym razem\Nbędzie 11.
Dialogue: 0,0:02:51.11,0:02:54.15,Default,,0000,0000,0000,,Jak sprawić, że wartość\N„x” będzie się zmieniać,
Dialogue: 0,0:02:54.25,0:02:57.32,Default,,0000,0000,0000,,gdy komputer będzie\Nodtwarzał to samo raz po raz?
Dialogue: 0,0:02:57.42,0:02:59.47,Default,,0000,0000,0000,,Sztuczka magiczna.
Dialogue: 0,0:02:59.57,0:03:02.57,Default,,0000,0000,0000,,Pamiętajcie: „var x”\Ntworzy nową zmienną.
Dialogue: 0,0:03:02.67,0:03:04.51,Default,,0000,0000,0000,,Gdy jest w pętli rysowania,
Dialogue: 0,0:03:04.61,0:03:08.04,Default,,0000,0000,0000,,za każdym razem stworzy\Nnową zmienną „x”.
Dialogue: 0,0:03:08.14,0:03:11.10,Default,,0000,0000,0000,,Musimy zrobić tę zmienną\Npoza pętlą rysunku.
Dialogue: 0,0:03:11.20,0:03:13.33,Default,,0000,0000,0000,,Dzięki temu wystarczy raz.
Dialogue: 0,0:03:13.43,0:03:17.37,Default,,0000,0000,0000,,Zawsze, gdy komputer uruchomi\Nprogram i zobaczy zmienną „x”,
Dialogue: 0,0:03:17.47,0:03:22.50,Default,,0000,0000,0000,,wykorzysta ją z ostatnią\Nprzypisaną jej wartością.
Dialogue: 0,0:03:22.60,0:03:27.26,Default,,0000,0000,0000,,Zrobię tak: wezmę tę zmienną\Ni umieszczę poza pętlą rysunku.
Dialogue: 0,0:03:27.36,0:03:30.26,Default,,0000,0000,0000,,Teraz komputer wykorzysta\Nzmienną tylko raz.
Dialogue: 0,0:03:31.16,0:03:35.37,Default,,0000,0000,0000,,A potem, gdy się na nią natknie,\Nzastosuje tę samą wartość.
Dialogue: 0,0:03:35.47,0:03:38.10,Default,,0000,0000,0000,,Ostatnia przypisana wartość\Nwynosiła 11,
Dialogue: 0,0:03:38.20,0:03:39.66,Default,,0000,0000,0000,,więc zawsze będzie 11.
Dialogue: 0,0:03:39.76,0:03:41.46,Default,,0000,0000,0000,,I tu dzieje się magia.
Dialogue: 0,0:03:41.49,0:03:44.44,Default,,0000,0000,0000,,Gdzieś w pętli zmienimy\Nwartość „x”,
Dialogue: 0,0:03:44.54,0:03:46.60,Default,,0000,0000,0000,,żeby była nieco większa:
Dialogue: 0,0:03:46.70,0:03:51.88,Default,,0000,0000,0000,,„x” przybiera dawną wartość\Nplus, powiedzmy, 1.
Dialogue: 0,0:03:52.75,0:03:54.27,Default,,0000,0000,0000,,Tak! To działa!
Dialogue: 0,0:03:54.76,0:03:57.15,Default,,0000,0000,0000,,Obraz jest rozmazany.
Dialogue: 0,0:03:57.25,0:03:59.13,Default,,0000,0000,0000,,Zastanawiacie się, dlaczego?
Dialogue: 0,0:03:59.23,0:04:02.56,Default,,0000,0000,0000,,Bo zapomnieliśmy narysować\Ntła w pętli rysunku.
Dialogue: 0,0:04:02.66,0:04:07.08,Default,,0000,0000,0000,,Komputer rysuje auta. Pod każdym\Nkolejnym widać poprzednie.
Dialogue: 0,0:04:07.18,0:04:11.80,Default,,0000,0000,0000,,Jeśli przeniosę ten wiersz\Nna górę pętli,
Dialogue: 0,0:04:11.90,0:04:15.74,Default,,0000,0000,0000,,i wcisnę „restart”,\Nby znów zobaczyć samochodzik...
Dialogue: 0,0:04:15.84,0:04:18.03,Default,,0000,0000,0000,,Tak! Doskonale!
Dialogue: 0,0:04:18.16,0:04:19.97,Default,,0000,0000,0000,,A żeby jechał szybciej,
Dialogue: 0,0:04:20.07,0:04:22.76,Default,,0000,0000,0000,,zmienimy wartość,\No którą rośnie „x”.
Dialogue: 0,0:04:22.86,0:04:24.71,Default,,0000,0000,0000,,Zrobimy 10... Odjechał!
Dialogue: 0,0:04:24.81,0:04:27.98,Default,,0000,0000,0000,,Mogę dać liczbę ujemną:\N„x - 10” i...
Dialogue: 0,0:04:28.76,0:04:29.86,Default,,0000,0000,0000,,Jest!
Dialogue: 0,0:04:29.96,0:04:32.18,Default,,0000,0000,0000,,Znowu liczba dodatnia...
Dialogue: 0,0:04:33.37,0:04:34.33,Default,,0000,0000,0000,,Jedzie.
Dialogue: 0,0:04:34.43,0:04:36.56,Default,,0000,0000,0000,,Zapamiętajcie ważne sprawy:
Dialogue: 0,0:04:36.66,0:04:39.47,Default,,0000,0000,0000,,to nazywamy pętlą rysowania.
Dialogue: 0,0:04:39.57,0:04:43.32,Default,,0000,0000,0000,,Tu wprowadzamy program rysowania,\Naby wzór rysował się raz po raz.
Dialogue: 0,0:04:43.42,0:04:46.22,Default,,0000,0000,0000,,I ustawiamy zmienną\Npoza pętlą rysowania.
Dialogue: 0,0:04:46.32,0:04:49.30,Default,,0000,0000,0000,,To bardzo ważne,\Nżeby zmienna była poza pętlą:
Dialogue: 0,0:04:49.40,0:04:51.84,Default,,0000,0000,0000,,wtedy możemy używać jej\Nza każdym razem.
Dialogue: 0,0:04:51.94,0:04:55.82,Default,,0000,0000,0000,,Wewnątrz pętli, tutaj,\Nzmodyfikujemy zmienną,
Dialogue: 0,0:04:55.92,0:04:58.40,Default,,0000,0000,0000,,zwykle ustawiając starą wartość
Dialogue: 0,0:04:58.50,0:05:02.04,Default,,0000,0000,0000,,powiększoną lub zmniejszoną\No jakąś liczbę.
Dialogue: 0,0:05:02.14,0:05:05.61,Default,,0000,0000,0000,,No i używamy zmiennej\Ngdzieś w programie rysowania,
Dialogue: 0,0:05:05.71,0:05:09.82,Default,,0000,0000,0000,,żeby rysunek za każdym razem\Nwyglądał inaczej. I już!