Return to Video

Więcej o Rysowaniu (Wersja Wideo)

  • 0:01 - 0:03
    Dowiedzmy się więcej o rysowaniu.
  • 0:03 - 0:05
    Co można rysować prócz prostokątów?
  • 0:05 - 0:08
    Owale, z pomocą słowa „ellipse”
  • 0:08 - 0:10
    - polecenia znanego komputerowi.
  • 0:10 - 0:15
    W programowaniu zamiast
    „polecenia” mówimy: „funkcje”.
  • 0:15 - 0:18
    Od tej pory będę używać tego słowa.
  • 0:18 - 0:21
    Wpiszmy nazwę funkcji „ellipse”,
  • 0:21 - 0:23
    dodajmy nawias i średnik...
  • 0:23 - 0:24
    Nie działa!
  • 0:24 - 0:27
    Wyświetla się komunikat błędu
    dotyczący parametrów.
  • 0:27 - 0:30
    Porównując z „rect”,
    widzicie, czego brakuje?
  • 0:31 - 0:35
    Wpisaliśmy tylko „ellipse”,
    ale bez liczb, jak przy prostokącie.
  • 0:35 - 0:37
    Te liczby to parametry.
  • 0:37 - 0:41
    Wprowadzamy je do funkcji,
  • 0:41 - 0:43
    a one kierują jej działaniem.
  • 0:45 - 0:47
    Bez parametrów
  • 0:47 - 0:50
    program nie wie,
    gdzie i jak duża ma być ta elipsa.
  • 0:50 - 0:53
    Komunikat zaczyna być zrozumiały.
  • 0:53 - 0:55
    Wprowadźmy więc cztery parametry,
  • 0:55 - 1:01
    by podać odległość od boku i góry,
    szerokość i wysokość elipsy.
  • 1:01 - 1:06
    Pobawimy się naszą elipsą.
    Będziemy ją powiększać i zmniejszać.
  • 1:08 - 1:12
    Podstawy już znamy.
    Spróbujmy narysować dużą elipsę
  • 1:12 - 1:13
    na samym środku pola.
  • 1:14 - 1:17
    Pewnie spytacie, gdzie jest środek.
  • 1:18 - 1:20
    Powtórzmy: lewy górny róg to 0,
  • 1:20 - 1:25
    prawy, jeśli pamiętacie, to 400,
    i tyle samo w dół.
  • 1:25 - 1:28
    Na pytanie: „Gdzie jest środek?”
  • 1:28 - 1:31
    odpowiemy: „W połowie 400,
    czyli na 200...
  • 1:31 - 1:34
    i w połowie tych 400, także na 200”.
  • 1:34 - 1:37
    Zróbmy to - naszą funkcję „ellipse”.
  • 1:37 - 1:41
    Wprowadzimy parametry.
    Elipsa będzie duża.
  • 1:41 - 1:46
    Już! Dla zabawy
    narysujmy też prostokąt.
  • 1:46 - 1:50
    Dajmy „rect” 200, 200...
    i tu mniej: 100, 100.
  • 1:50 - 1:55
    Ciekawe!
    Co pokazuje ten eksperyment?
  • 1:55 - 1:58
    Widzimy, że punkt (200, 200)
  • 1:58 - 2:02
    pokazuje, gdzie ma być
    środek elipsy,
  • 2:02 - 2:04
    ale z prostokątem jest inaczej.
  • 2:04 - 2:09
    Tu (200,200) określa położenie
    lewego górnego rogu.
  • 2:10 - 2:13
    Pamiętajmy o tym,
    rozmieszczając figury.
  • 2:15 - 2:17
    A teraz - linie proste.
  • 2:17 - 2:19
    Funkcja nazywa się „line”.
  • 2:19 - 2:22
    Moglibyśmy wprowadzić
    cztery parametry,
  • 2:22 - 2:25
    ale linia nie ma rozmiaru
    jak prostokąt.
  • 2:25 - 2:27
    Czemu posłużą te liczby?
  • 2:28 - 2:31
    Pierwszy i drugi parametr
  • 2:31 - 2:34
    wskażą, gdzie z boku i w dole
    ma się zacząć linia.
  • 2:35 - 2:37
    A pozostałe dwa parametry...
  • 2:37 - 2:40
    Druga para, czyli 90 i 200,
  • 2:40 - 2:44
    określi, jak daleko w dole
    i po prawej linia się skończy.
  • 2:47 - 2:48
    Skoro wiemy, jak to działa,
  • 2:48 - 2:52
    przyjrzyjmy się czemuś,
    co wyda się dziwne.
  • 2:53 - 2:57
    Co będzie, jeśli narysuję prostokąt
    od górnego lewego rogu,
  • 2:57 - 3:00
    określając, że to jego wierzchołek?
  • 3:01 - 3:02
    Prostokąt będzie duży.
  • 3:04 - 3:07
    Mógłby być nawet taki,
    ale to przesada.
  • 3:08 - 3:12
    Widzimy, że elipsa stopniowo znika.
  • 3:12 - 3:14
    Da się sprawić, że zniknie cała.
  • 3:15 - 3:17
    Zastanawiamy się, gdzie jest.
  • 3:18 - 3:22
    Program rysuje figury po kolei.
  • 3:22 - 3:25
    Najpierw elipsę, na niej prostokąt,
  • 3:25 - 3:27
    a potem prostą.
  • 3:27 - 3:30
    Elipsa wciąż tu jest,
    tylko pod spodem.
  • 3:31 - 3:32
    Pamiętajcie o tym.
  • 3:32 - 3:36
    Co by było,
    gdybyśmy zaczęli od linii?
  • 3:36 - 3:39
    Nie widzielibyśmy jej wcale.
  • 3:39 - 3:42
    Zrobilibyście to i pytali:
    „A gdzie moja prosta?”.
  • 3:42 - 3:45
    Ona tu jest, tylko zasłonięta
  • 3:45 - 3:48
    przez elipsę i prostokąt.
  • 3:50 - 3:54
    Możemy wpływać na to,
    które figury będą na których,
  • 3:54 - 3:57
    wpisując je w programie
    w innej kolejności.
  • 3:59 - 4:02
    Zanim skończymy, wprowadzę
    kilka terminów technicznych.
  • 4:03 - 4:05
    Jak wiecie z matematyki,
  • 4:05 - 4:09
    używamy litery „x”, by pokazać
    odległość w poziomie, jak mówiliśmy,
  • 4:09 - 4:12
    a litery „y” - dla odległości w pionie.
  • 4:12 - 4:14
    Może was to dziwi,
    jeśli nie przywykliście,
  • 4:14 - 4:19
    ale tak jest łatwiej niż zawsze mówić
    „jak daleko w bok i w dół”.
  • 4:19 - 4:22
    Pierwsze dwa parametry naszej elipsy
  • 4:22 - 4:28
    mówią, że „x” ma wynosić 200,
    a „y” - 229.
  • 4:29 - 4:33
    To oznacza to samo,
    co „jak daleko w bok i w dół”.
  • 4:34 - 4:36
    Możecie zadać inne dobre pytanie:
  • 4:36 - 4:39
    „Jakich używamy jednostek?
  • 4:39 - 4:43
    Czy to 200 cm, cali, mil?”.
  • 4:43 - 4:45
    Używamy tzw. pikseli.
  • 4:45 - 4:48
    Piksel to punkcik na ekranie.
  • 4:48 - 4:52
    To pole ma 400 pikseli szerokości.
  • 4:52 - 4:56
    Dlatego mówimy,
    że lewy górny róg to 0,
  • 4:56 - 5:01
    a tu jest 400. Bo to 400 pikseli.
  • 5:02 - 5:05
    Podobnie, mówiąc „200”,
    mamy na myśli piksele.
  • 5:05 - 5:08
    Pewnie już rozumiecie.
    Fantastycznie!
  • 5:08 - 5:12
    Poznaliście funkcje „line”,
    „ellipse” i „rect” z parametrami.
  • 5:12 - 5:15
    Dużo informacji - ale przemyślcie je,
  • 5:15 - 5:16
    a szybko się wciągniecie.
Title:
Więcej o Rysowaniu (Wersja Wideo)
Description:

To jest nagranie ekranu z naszego interaktywnego wprowadzenia do kodowania, zrobione żeby ułatwić pracę nad napisami i tłumaczeniami. Lepiej obejrzeć właściwe wprowadzenie tutaj:
https://www.khanacademy.org/cs/programming/

more » « less
Video Language:
English
Duration:
05:17

Polish subtitles

Revisions