WEBVTT

00:00:01.189 --> 00:00:03.223
Poznaliście podstawy pętli.

00:00:03.323 --> 00:00:06.849
Teraz z użyciem pętli
zróbmy świetny rysunek, jak ten.

00:00:06.949 --> 00:00:09.496
Hopper z balonikami
na pięknym niebie.

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

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

00:00:14.426 --> 00:00:16.161
bo już niedługo będziecie!

00:00:16.261 --> 00:00:19.988
Zawsze warto dzielić
program na etapy.

00:00:20.088 --> 00:00:21.638
Najpierw baloniki.

00:00:21.738 --> 00:00:25.001
To elipsa powtarzana raz po raz.

00:00:25.101 --> 00:00:26.819
Sprawdzi się tu pętla!

00:00:27.379 --> 00:00:29.253
Potem zrobimy te linie

00:00:29.353 --> 00:00:32.182
i w końcu dodamy samą Hopper.

00:00:33.529 --> 00:00:37.639
No dobrze. Mamy pusty ekran.
Onieśmielający!

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

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

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

00:00:45.953 --> 00:00:49.342
zadajcie sobie pytania,
o których mówiliśmy.

00:00:50.201 --> 00:00:53.754
Powtórzymy je szybko;
jeśli chcecie to sobie utrwalić,

00:00:53.854 --> 00:00:56.470
wróćcie do poprzedniego odcinka.

00:00:56.570 --> 00:00:59.884
Pytanie pierwsze:
„Co chcemy powtórzyć?”.

00:01:01.416 --> 00:01:03.436
Spróbujmy narysować 1. balonik.

00:01:03.536 --> 00:01:05.666
Bo takie mają się powtarzać.

00:01:06.310 --> 00:01:07.895
Zróbcie to,

00:01:07.995 --> 00:01:10.472
może w ten sposób...

00:01:11.424 --> 00:01:14.907
Jest za mały i nie tam,
gdzie trzeba.

00:01:15.007 --> 00:01:16.927
Przesunę go.

00:01:17.027 --> 00:01:20.689
W programowaniu próbujemy,
widzimy, że nie o to chodzi,

00:01:20.789 --> 00:01:23.754
próbujemy ponownie
i zbliżamy się do celu.

00:01:25.194 --> 00:01:25.867
No dobrze.

00:01:26.656 --> 00:01:29.072
Teraz trzeba dodać kolor.

00:01:29.172 --> 00:01:33.006
Nie nazwaliśmy tego oddzielnym
etapem. Zaliczmy to do rysowania.

00:01:33.878 --> 00:01:34.899
W porządku?

00:01:34.999 --> 00:01:40.612
Teraz pomyślmy, jak balonik
ma się zmieniać w pętli.

00:01:40.712 --> 00:01:43.700
Baloniki mają być rysowane
w poprzek ekranu.

00:01:43.800 --> 00:01:47.601
Tutaj, tutaj i tutaj.

00:01:47.701 --> 00:01:50.666
Niech robi to komputer,
bo ja rysuję kiepsko!

00:01:50.766 --> 00:01:54.172
Możemy kombinować,
zmieniając pierwszą liczbę,

00:01:54.272 --> 00:01:58.003
czyli „x” - pozycję w poziomie.

00:01:58.103 --> 00:02:02.531
Ale to żałosne.
Poprzedni obrazek był lepszy!

00:02:02.631 --> 00:02:06.734
Nazwijmy to „x”, od pozycji „x”,

00:02:06.834 --> 00:02:09.590
i zróbmy zmienną. Jak wcześniej.

00:02:10.983 --> 00:02:14.089
Będziemy modyfikować
tę zmienną w naszej pętli.

00:02:14.189 --> 00:02:16.115
W pętli warunkowej.

00:02:16.215 --> 00:02:19.482
Określimy,
że „x” będzie się zmieniać,

00:02:19.582 --> 00:02:21.014
powiedzmy o 20.

00:02:21.960 --> 00:02:24.126
Przeniesiemy tu elipsę.

00:02:24.226 --> 00:02:27.260
Uważajcie, by nie przenieść
określenia zmiennej.

00:02:27.360 --> 00:02:29.838
Strach pomyśleć,
co może pójść nie tak!

00:02:29.938 --> 00:02:32.833
Zresztą spróbujcie,
jeśli jesteście ciekawi.

00:02:34.226 --> 00:02:37.109
Teraz trzecie pytanie:

00:02:37.209 --> 00:02:39.196
„Jak długo chcemy powtarzać?”.

00:02:39.296 --> 00:02:41.146
Może róbmy to,

00:02:41.246 --> 00:02:43.514
aż dotrzemy do krawędzi ekranu.

00:02:43.614 --> 00:02:46.359
Czyli aż do „x” mniejszego od 400.

00:02:46.459 --> 00:02:48.832
Świetnie, bo coś się dzieje!

00:02:48.932 --> 00:02:50.829
Ale nie o to nam chodziło.

00:02:50.929 --> 00:02:53.336
Jak przedtem: piszmy program

00:02:53.436 --> 00:02:55.566
i ulepszajmy go, aby osiągnąć cel.

00:02:55.666 --> 00:02:58.770
Elipsy są ściśnięte.
Zróbmy coś z tym.

00:02:58.870 --> 00:02:59.832
Dobrze.

00:02:59.932 --> 00:03:02.206
Niech mają trochę oddechu!

00:03:02.306 --> 00:03:05.550
Ale chyba są za blisko
krawędzi ekranu,

00:03:05.650 --> 00:03:07.222
więc zmienimy punkt końca.

00:03:07.322 --> 00:03:10.635
Niech pojawiające się elipsy znikają.

00:03:10.705 --> 00:03:15.047
Tutaj. Mówimy, że gdy „x”
dojdzie np. tutaj,

00:03:15.147 --> 00:03:19.519
program ma przestać rysować.
O tym mówi ta część pętli.

00:03:19.619 --> 00:03:20.325
W porządku?

00:03:20.425 --> 00:03:23.162
Możemy też trochę zmienić elipsy,

00:03:23.262 --> 00:03:24.823
opuścić je wszystkie,

00:03:24.923 --> 00:03:29.026
albo zmienić ich wielkość.

00:03:29.126 --> 00:03:32.369
Super, że wszystko
możemy zrobić jednocześnie.

00:03:33.797 --> 00:03:35.597
W porządku. Doskonale.

00:03:36.827 --> 00:03:40.032
Balonikom przydałyby się sznurki.

00:03:40.132 --> 00:03:43.863
Są ładne, więc przywiążmy je,
żeby nie odleciały.

00:03:43.963 --> 00:03:47.532
Potrzebne są linie.
Powinny się zaczynać

00:03:47.632 --> 00:03:50.179
w środku każdego z baloników.

00:03:50.279 --> 00:03:54.567
Dla ułatwienia. I niech wszystkie
zmierzają do jednego punktu.

00:03:54.667 --> 00:03:55.868
Może tak.

00:03:55.968 --> 00:03:59.308
Jak sprawić, że program
zrobi to za nas?

00:03:59.408 --> 00:04:03.461
Aby coś się powtarzało,
umieszczamy to w pętli warunkowej,

00:04:03.561 --> 00:04:06.812
zatem zróbmy tak z liniami.
Mają być pośrodku elips...

00:04:06.912 --> 00:04:10.473
więc niech zaczynają się
w punkcie o tych współrzędnych.

00:04:10.759 --> 00:04:13.910
A kończyć się mogą...
wszystko jedno, gdzie.

00:04:14.010 --> 00:04:16.394
Było blisko!

00:04:16.494 --> 00:04:18.064
Jednak doskonale nie jest.

00:04:18.164 --> 00:04:20.992
Czujecie to. Trzeba poprawić.

00:04:21.091 --> 00:04:23.430
Najpierw rozprawmy się z tym.

00:04:23.530 --> 00:04:27.122
Narysowany przez nas sznurek

00:04:27.222 --> 00:04:29.699
nakłada się na balonik. To źle.

00:04:29.799 --> 00:04:32.137
Elipsa ma zasłaniać linkę,

00:04:32.237 --> 00:04:34.986
więc musimy zmienić kolejność.

00:04:35.086 --> 00:04:38.685
Zobaczycie działanie wielu poleceń,
o których mówiliśmy.

00:04:38.785 --> 00:04:42.209
Jest dobrze, ale może chcecie
zmienić kolor tych linii.

00:04:42.309 --> 00:04:45.170
Jak zrobić,
żeby zajął się tym program?

00:04:45.270 --> 00:04:47.114
Zajrzyjmy do dokumentacji.

00:04:47.214 --> 00:04:50.458
Jeśli nie wiecie, jak,
obejrzyjcie odpowiedni filmik.

00:04:50.558 --> 00:04:54.220
Za pomocą funkcji „stroke”
określimy kolor linii.

00:04:55.003 --> 00:04:57.052
Zróbmy je może...

00:04:57.152 --> 00:04:59.421
Niech mają... Ten kolor.

00:05:00.350 --> 00:05:01.464
Pięknie!

00:05:02.161 --> 00:05:05.899
I wreszcie trzeba narysować Hopper.

00:05:05.999 --> 00:05:09.336
Wystarczy wstawić obrazek.

00:05:10.102 --> 00:05:12.958
Z dokumentacji dowiecie się,
jak to zrobić.

00:05:12.981 --> 00:05:14.351
Przesuwajmy ją.

00:05:14.451 --> 00:05:18.043
Trzyma baloniki
i unosi się na niebie.

00:05:18.229 --> 00:05:20.063
I już. Gotowe!

00:05:20.163 --> 00:05:21.875
Spróbujcie ozdabiać baloniki,

00:05:21.975 --> 00:05:25.915
dodawajcie coś do pętli,
żeby były weselsze,

00:05:26.588 --> 00:05:29.746
i użyjcie pętli,
robiąc następny rysunek.