0:00:01.189,0:00:03.223
Poznaliście podstawy pętli.

0:00:03.323,0:00:06.849
Teraz z użyciem pętli[br]zróbmy świetny rysunek, jak ten.

0:00:06.949,0:00:09.496
Hopper z balonikami[br]na pięknym niebie.

0:00:09.596,0:00:11.656
Gdy będę pisać program od zera,

0:00:11.756,0:00:14.326
myślcie, jak zrobilibyście to sami,

0:00:14.426,0:00:16.161
bo już niedługo będziecie!

0:00:16.261,0:00:19.988
Zawsze warto dzielić[br]program na etapy.

0:00:20.088,0:00:21.638
Najpierw baloniki.

0:00:21.738,0:00:25.001
To elipsa powtarzana raz po raz.

0:00:25.101,0:00:26.819
Sprawdzi się tu pętla!

0:00:27.379,0:00:29.253
Potem zrobimy te linie

0:00:29.353,0:00:32.182
i w końcu dodamy samą Hopper.

0:00:33.529,0:00:37.639
No dobrze. Mamy pusty ekran.[br]Onieśmielający!

0:00:37.739,0:00:40.094
Sprawmy, że będzie przyjaźniejszy,

0:00:40.194,0:00:43.305
od razu dodając tło. Wczujemy się!

0:00:43.839,0:00:45.853
Skoro macie zrobić pętlę,

0:00:45.953,0:00:49.342
zadajcie sobie pytania,[br]o których mówiliśmy.

0:00:50.201,0:00:53.754
Powtórzymy je szybko;[br]jeśli chcecie to sobie utrwalić,

0:00:53.854,0:00:56.470
wróćcie do poprzedniego odcinka.

0:00:56.570,0:00:59.884
Pytanie pierwsze:[br]„Co chcemy powtórzyć?”.

0:01:01.416,0:01:03.436
Spróbujmy narysować 1. balonik.

0:01:03.536,0:01:05.666
Bo takie mają się powtarzać.

0:01:06.310,0:01:07.895
Zróbcie to,

0:01:07.995,0:01:10.472
może w ten sposób...

0:01:11.424,0:01:14.907
Jest za mały i nie tam,[br]gdzie trzeba.

0:01:15.007,0:01:16.927
Przesunę go.

0:01:17.027,0:01:20.689
W programowaniu próbujemy,[br]widzimy, że nie o to chodzi,

0:01:20.789,0:01:23.754
próbujemy ponownie[br]i zbliżamy się do celu.

0:01:25.194,0:01:25.867
No dobrze.

0:01:26.656,0:01:29.072
Teraz trzeba dodać kolor.

0:01:29.172,0:01:33.006
Nie nazwaliśmy tego oddzielnym[br]etapem. Zaliczmy to do rysowania.

0:01:33.878,0:01:34.899
W porządku?

0:01:34.999,0:01:40.612
Teraz pomyślmy, jak balonik[br]ma się zmieniać w pętli.

0:01:40.712,0:01:43.700
Baloniki mają być rysowane[br]w poprzek ekranu.

0:01:43.800,0:01:47.601
Tutaj, tutaj i tutaj.

0:01:47.701,0:01:50.666
Niech robi to komputer,[br]bo ja rysuję kiepsko!

0:01:50.766,0:01:54.172
Możemy kombinować,[br]zmieniając pierwszą liczbę,

0:01:54.272,0:01:58.003
czyli „x” - pozycję w poziomie.

0:01:58.103,0:02:02.531
Ale to żałosne.[br]Poprzedni obrazek był lepszy!

0:02:02.631,0:02:06.734
Nazwijmy to „x”, od pozycji „x”,

0:02:06.834,0:02:09.590
i zróbmy zmienną. Jak wcześniej.

0:02:10.983,0:02:14.089
Będziemy modyfikować[br]tę zmienną w naszej pętli.

0:02:14.189,0:02:16.115
W pętli warunkowej.

0:02:16.215,0:02:19.482
Określimy,[br]że „x” będzie się zmieniać,

0:02:19.582,0:02:21.014
powiedzmy o 20.

0:02:21.960,0:02:24.126
Przeniesiemy tu elipsę.

0:02:24.226,0:02:27.260
Uważajcie, by nie przenieść[br]określenia zmiennej.

0:02:27.360,0:02:29.838
Strach pomyśleć,[br]co może pójść nie tak!

0:02:29.938,0:02:32.833
Zresztą spróbujcie,[br]jeśli jesteście ciekawi.

0:02:34.226,0:02:37.109
Teraz trzecie pytanie:

0:02:37.209,0:02:39.196
„Jak długo chcemy powtarzać?”.

0:02:39.296,0:02:41.146
Może róbmy to,

0:02:41.246,0:02:43.514
aż dotrzemy do krawędzi ekranu.

0:02:43.614,0:02:46.359
Czyli aż do „x” mniejszego od 400.

0:02:46.459,0:02:48.832
Świetnie, bo coś się dzieje!

0:02:48.932,0:02:50.829
Ale nie o to nam chodziło.

0:02:50.929,0:02:53.336
Jak przedtem: piszmy program

0:02:53.436,0:02:55.566
i ulepszajmy go, aby osiągnąć cel.

0:02:55.666,0:02:58.770
Elipsy są ściśnięte.[br]Zróbmy coś z tym.

0:02:58.870,0:02:59.832
Dobrze.

0:02:59.932,0:03:02.206
Niech mają trochę oddechu!

0:03:02.306,0:03:05.550
Ale chyba są za blisko[br]krawędzi ekranu,

0:03:05.650,0:03:07.222
więc zmienimy punkt końca.

0:03:07.322,0:03:10.635
Niech pojawiające się elipsy znikają.

0:03:10.705,0:03:15.047
Tutaj. Mówimy, że gdy „x”[br]dojdzie np. tutaj,

0:03:15.147,0:03:19.519
program ma przestać rysować.[br]O tym mówi ta część pętli.

0:03:19.619,0:03:20.325
W porządku?

0:03:20.425,0:03:23.162
Możemy też trochę zmienić elipsy,

0:03:23.262,0:03:24.823
opuścić je wszystkie,

0:03:24.923,0:03:29.026
albo zmienić ich wielkość.

0:03:29.126,0:03:32.369
Super, że wszystko[br]możemy zrobić jednocześnie.

0:03:33.797,0:03:35.597
W porządku. Doskonale.

0:03:36.827,0:03:40.032
Balonikom przydałyby się sznurki.

0:03:40.132,0:03:43.863
Są ładne, więc przywiążmy je,[br]żeby nie odleciały.

0:03:43.963,0:03:47.532
Potrzebne są linie.[br]Powinny się zaczynać

0:03:47.632,0:03:50.179
w środku każdego z baloników.

0:03:50.279,0:03:54.567
Dla ułatwienia. I niech wszystkie[br]zmierzają do jednego punktu.

0:03:54.667,0:03:55.868
Może tak.

0:03:55.968,0:03:59.308
Jak sprawić, że program[br]zrobi to za nas?

0:03:59.408,0:04:03.461
Aby coś się powtarzało,[br]umieszczamy to w pętli warunkowej,

0:04:03.561,0:04:06.812
zatem zróbmy tak z liniami.[br]Mają być pośrodku elips...

0:04:06.912,0:04:10.473
więc niech zaczynają się[br]w punkcie o tych współrzędnych.

0:04:10.759,0:04:13.910
A kończyć się mogą...[br]wszystko jedno, gdzie.

0:04:14.010,0:04:16.394
Było blisko!

0:04:16.494,0:04:18.064
Jednak doskonale nie jest.

0:04:18.164,0:04:20.992
Czujecie to. Trzeba poprawić.

0:04:21.091,0:04:23.430
Najpierw rozprawmy się z tym.

0:04:23.530,0:04:27.122
Narysowany przez nas sznurek

0:04:27.222,0:04:29.699
nakłada się na balonik. To źle.

0:04:29.799,0:04:32.137
Elipsa ma zasłaniać linkę,

0:04:32.237,0:04:34.986
więc musimy zmienić kolejność.

0:04:35.086,0:04:38.685
Zobaczycie działanie wielu poleceń,[br]o których mówiliśmy.

0:04:38.785,0:04:42.209
Jest dobrze, ale może chcecie[br]zmienić kolor tych linii.

0:04:42.309,0:04:45.170
Jak zrobić,[br]żeby zajął się tym program?

0:04:45.270,0:04:47.114
Zajrzyjmy do dokumentacji.

0:04:47.214,0:04:50.458
Jeśli nie wiecie, jak,[br]obejrzyjcie odpowiedni filmik.

0:04:50.558,0:04:54.220
Za pomocą funkcji „stroke”[br]określimy kolor linii.

0:04:55.003,0:04:57.052
Zróbmy je może...

0:04:57.152,0:04:59.421
Niech mają... Ten kolor.

0:05:00.350,0:05:01.464
Pięknie!

0:05:02.161,0:05:05.899
I wreszcie trzeba narysować Hopper.

0:05:05.999,0:05:09.336
Wystarczy wstawić obrazek.

0:05:10.102,0:05:12.958
Z dokumentacji dowiecie się,[br]jak to zrobić.

0:05:12.981,0:05:14.351
Przesuwajmy ją.

0:05:14.451,0:05:18.043
Trzyma baloniki[br]i unosi się na niebie.

0:05:18.229,0:05:20.063
I już. Gotowe!

0:05:20.163,0:05:21.875
Spróbujcie ozdabiać baloniki,

0:05:21.975,0:05:25.915
dodawajcie coś do pętli,[br]żeby były weselsze,

0:05:26.588,0:05:29.746
i użyjcie pętli,[br]robiąc następny rysunek.