< Return to Video

Więcej pętli "while" (Wideo Wersja)

  • 0:01 - 0:03
    Poznaliście podstawy pętli.
  • 0:03 - 0:07
    Teraz z użyciem pętli
    zróbmy świetny rysunek, jak ten.
  • 0:07 - 0:09
    Hopper z balonikami
    na pięknym niebie.
  • 0:10 - 0:12
    Gdy będę pisać program od zera,
  • 0:12 - 0:14
    myślcie, jak zrobilibyście to sami,
  • 0:14 - 0:16
    bo już niedługo będziecie!
  • 0:16 - 0:20
    Zawsze warto dzielić
    program na etapy.
  • 0:20 - 0:22
    Najpierw baloniki.
  • 0:22 - 0:25
    To elipsa powtarzana raz po raz.
  • 0:25 - 0:27
    Sprawdzi się tu pętla!
  • 0:27 - 0:29
    Potem zrobimy te linie
  • 0:29 - 0:32
    i w końcu dodamy samą Hopper.
  • 0:34 - 0:38
    No dobrze. Mamy pusty ekran.
    Onieśmielający!
  • 0:38 - 0:40
    Sprawmy, że będzie przyjaźniejszy,
  • 0:40 - 0:43
    od razu dodając tło. Wczujemy się!
  • 0:44 - 0:46
    Skoro macie zrobić pętlę,
  • 0:46 - 0:49
    zadajcie sobie pytania,
    o których mówiliśmy.
  • 0:50 - 0:54
    Powtórzymy je szybko;
    jeśli chcecie to sobie utrwalić,
  • 0:54 - 0:56
    wróćcie do poprzedniego odcinka.
  • 0:57 - 1:00
    Pytanie pierwsze:
    „Co chcemy powtórzyć?”.
  • 1:01 - 1:03
    Spróbujmy narysować 1. balonik.
  • 1:04 - 1:06
    Bo takie mają się powtarzać.
  • 1:06 - 1:08
    Zróbcie to,
  • 1:08 - 1:10
    może w ten sposób...
  • 1:11 - 1:15
    Jest za mały i nie tam,
    gdzie trzeba.
  • 1:15 - 1:17
    Przesunę go.
  • 1:17 - 1:21
    W programowaniu próbujemy,
    widzimy, że nie o to chodzi,
  • 1:21 - 1:24
    próbujemy ponownie
    i zbliżamy się do celu.
  • 1:25 - 1:26
    No dobrze.
  • 1:27 - 1:29
    Teraz trzeba dodać kolor.
  • 1:29 - 1:33
    Nie nazwaliśmy tego oddzielnym
    etapem. Zaliczmy to do rysowania.
  • 1:34 - 1:35
    W porządku?
  • 1:35 - 1:41
    Teraz pomyślmy, jak balonik
    ma się zmieniać w pętli.
  • 1:41 - 1:44
    Baloniki mają być rysowane
    w poprzek ekranu.
  • 1:44 - 1:48
    Tutaj, tutaj i tutaj.
  • 1:48 - 1:51
    Niech robi to komputer,
    bo ja rysuję kiepsko!
  • 1:51 - 1:54
    Możemy kombinować,
    zmieniając pierwszą liczbę,
  • 1:54 - 1:58
    czyli „x” - pozycję w poziomie.
  • 1:58 - 2:03
    Ale to żałosne.
    Poprzedni obrazek był lepszy!
  • 2:03 - 2:07
    Nazwijmy to „x”, od pozycji „x”,
  • 2:07 - 2:10
    i zróbmy zmienną. Jak wcześniej.
  • 2:11 - 2:14
    Będziemy modyfikować
    tę zmienną w naszej pętli.
  • 2:14 - 2:16
    W pętli warunkowej.
  • 2:16 - 2:19
    Określimy,
    że „x” będzie się zmieniać,
  • 2:20 - 2:21
    powiedzmy o 20.
  • 2:22 - 2:24
    Przeniesiemy tu elipsę.
  • 2:24 - 2:27
    Uważajcie, by nie przenieść
    określenia zmiennej.
  • 2:27 - 2:30
    Strach pomyśleć,
    co może pójść nie tak!
  • 2:30 - 2:33
    Zresztą spróbujcie,
    jeśli jesteście ciekawi.
  • 2:34 - 2:37
    Teraz trzecie pytanie:
  • 2:37 - 2:39
    „Jak długo chcemy powtarzać?”.
  • 2:39 - 2:41
    Może róbmy to,
  • 2:41 - 2:44
    aż dotrzemy do krawędzi ekranu.
  • 2:44 - 2:46
    Czyli aż do „x” mniejszego od 400.
  • 2:46 - 2:49
    Świetnie, bo coś się dzieje!
  • 2:49 - 2:51
    Ale nie o to nam chodziło.
  • 2:51 - 2:53
    Jak przedtem: piszmy program
  • 2:53 - 2:56
    i ulepszajmy go, aby osiągnąć cel.
  • 2:56 - 2:59
    Elipsy są ściśnięte.
    Zróbmy coś z tym.
  • 2:59 - 3:00
    Dobrze.
  • 3:00 - 3:02
    Niech mają trochę oddechu!
  • 3:02 - 3:06
    Ale chyba są za blisko
    krawędzi ekranu,
  • 3:06 - 3:07
    więc zmienimy punkt końca.
  • 3:07 - 3:11
    Niech pojawiające się elipsy znikają.
  • 3:11 - 3:15
    Tutaj. Mówimy, że gdy „x”
    dojdzie np. tutaj,
  • 3:15 - 3:20
    program ma przestać rysować.
    O tym mówi ta część pętli.
  • 3:20 - 3:20
    W porządku?
  • 3:20 - 3:23
    Możemy też trochę zmienić elipsy,
  • 3:23 - 3:25
    opuścić je wszystkie,
  • 3:25 - 3:29
    albo zmienić ich wielkość.
  • 3:29 - 3:32
    Super, że wszystko
    możemy zrobić jednocześnie.
  • 3:34 - 3:36
    W porządku. Doskonale.
  • 3:37 - 3:40
    Balonikom przydałyby się sznurki.
  • 3:40 - 3:44
    Są ładne, więc przywiążmy je,
    żeby nie odleciały.
  • 3:44 - 3:48
    Potrzebne są linie.
    Powinny się zaczynać
  • 3:48 - 3:50
    w środku każdego z baloników.
  • 3:50 - 3:55
    Dla ułatwienia. I niech wszystkie
    zmierzają do jednego punktu.
  • 3:55 - 3:56
    Może tak.
  • 3:56 - 3:59
    Jak sprawić, że program
    zrobi to za nas?
  • 3:59 - 4:03
    Aby coś się powtarzało,
    umieszczamy to w pętli warunkowej,
  • 4:04 - 4:07
    zatem zróbmy tak z liniami.
    Mają być pośrodku elips...
  • 4:07 - 4:10
    więc niech zaczynają się
    w punkcie o tych współrzędnych.
  • 4:11 - 4:14
    A kończyć się mogą...
    wszystko jedno, gdzie.
  • 4:14 - 4:16
    Było blisko!
  • 4:16 - 4:18
    Jednak doskonale nie jest.
  • 4:18 - 4:21
    Czujecie to. Trzeba poprawić.
  • 4:21 - 4:23
    Najpierw rozprawmy się z tym.
  • 4:24 - 4:27
    Narysowany przez nas sznurek
  • 4:27 - 4:30
    nakłada się na balonik. To źle.
  • 4:30 - 4:32
    Elipsa ma zasłaniać linkę,
  • 4:32 - 4:35
    więc musimy zmienić kolejność.
  • 4:35 - 4:39
    Zobaczycie działanie wielu poleceń,
    o których mówiliśmy.
  • 4:39 - 4:42
    Jest dobrze, ale może chcecie
    zmienić kolor tych linii.
  • 4:42 - 4:45
    Jak zrobić,
    żeby zajął się tym program?
  • 4:45 - 4:47
    Zajrzyjmy do dokumentacji.
  • 4:47 - 4:50
    Jeśli nie wiecie, jak,
    obejrzyjcie odpowiedni filmik.
  • 4:51 - 4:54
    Za pomocą funkcji „stroke”
    określimy kolor linii.
  • 4:55 - 4:57
    Zróbmy je może...
  • 4:57 - 4:59
    Niech mają... Ten kolor.
  • 5:00 - 5:01
    Pięknie!
  • 5:02 - 5:06
    I wreszcie trzeba narysować Hopper.
  • 5:06 - 5:09
    Wystarczy wstawić obrazek.
  • 5:10 - 5:13
    Z dokumentacji dowiecie się,
    jak to zrobić.
  • 5:13 - 5:14
    Przesuwajmy ją.
  • 5:14 - 5:18
    Trzyma baloniki
    i unosi się na niebie.
  • 5:18 - 5:20
    I już. Gotowe!
  • 5:20 - 5:22
    Spróbujcie ozdabiać baloniki,
  • 5:22 - 5:26
    dodawajcie coś do pętli,
    żeby były weselsze,
  • 5:27 - 5:30
    i użyjcie pętli,
    robiąc następny rysunek.
Title:
Więcej pętli "while" (Wideo Wersja)
Description:

To tylko zapis naszych interaktywnych sesji poświęconych kodowaniu, stworzony by ułatwić ich przełożenie na inne języki. Polecamy obejrzenie tych sesji bezpośrednio pod adresem: https://pl.khanacademy.org/cs/programming/
more » « less
Video Language:
English
Duration:
05:31

Polish subtitles

Revisions

Our website uses cookies for analysis purposes.