Wróć do informacji o e-podręczniku Wydrukuj Pobierz materiał do PDF Pobierz materiał do EPUB Pobierz materiał do MOBI Zaloguj się, aby dodać do ulubionych Zaloguj się, aby skopiować i edytować materiał

Małe i duże kroki duszka

Ćwiczenie 1

Chwyć kotka i przesuwaj go po scenie. Obserwuj, jak zmieniają się liczby określające położenie kotka na scenie. Współrzędna x określa jego położenie poziome, a współrzędna y w pionie.

RrirPKEXllJu61
Interaktywne zadanie z przesuwaniem duszka po scenie
Źródło: nn, licencja: CC BY 3.0.

Scena, po której porusza się duszek, ma stałe wymiary: szerokość wynosi 480 punktów a wysokość 360 punktów. Środek sceny ma współrzędną x równą 0 oraz współrzędną y również równą 0. Współrzędne x maleją w lewą stronę, a rosną w prawą, natomiast współrzędne y rosną do góry, a maleją do dołu.
Wykonanie polecenia przesuń o … krokówm8a9e7162e058e4ef_d565e73przesuń o … kroków z wartością 1 krok to ruch odpowiadający jednej jednostce (punktu) na scenie. To bardzo mały ruch duszka, prawie niezauważalny. Często wykonujemy jednorazowo większe ruchy, np. w pierwszym podrozdziale duszek po naciśnięciu klawisza spacji przesuwał się o 20 kroków, w projekcie Spacer duszka nad jeziorem jeden ruch chłopca odpowiadał 3 krokom. Czasami taki pojedynczy ruch złożony z określonej liczby jednostkowych kroków też będziemy nazywali krokiem.

m8a9e7162e058e4ef_d565e73
m8a9e7162e058e4ef_d5e160

Scenariusz projektu, przygotowanie tła sceny i postaci duszka

Duszek - kotek (lub jeśli wolisz, możesz wybrać inną postać z galerii lub zaprojektować własną) ma przejść przez jezdnię na przejściu dla pieszych z sygnalizatorem świetlnym. Po kliknięciu w zieloną flagę zapala się czerwone światło, które świeci przez określony czas (np. 3 sekundy). Kotek mówi (w dymku komiksowym), że poczeka aż zapali się zielone światło. Po zapaleniu się zielonego światła (po 3 sekundach) przechodzi przez jezdnię. Przykładowe działanie projektu możesz obejrzeć na filmie.

RnZa7Jxd8qgbX1
Film: Przygotowanie tła sceny i postaci duszka
Ćwiczenie 2

W edytorze graficznym Scratcha lub dowolnym innym przygotuj tło sceny. Poniższy rysunek pomoże ci określić wymiary poszczególnych elementów. Ile wynosi szerokość pojedynczego pasa na jezdni oraz odstęp pomiędzy sąsiednimi pasami?

R1wdlz9Z3KY211
Plan sceny do projektu: „Kotek przechodzi przez jezdnię”

Oglądając film możesz zauważyć, że oprócz kotka przechodzącego przez jezdnię na scenie jest jeszcze sygnalizator, który zmienia światło z czerwonego na zielone. Można przygotować dwa tła sceny, jedno z czerwonym światłem, drugie z zielonym. Sygnalizator może też być duszkiem z dwoma kostiumami. To drugie rozwiązanie jest wygodniejsze, można łatwo ustawić sygnalizator w dowolnym miejscu na scenie poziomo lub pionowo.

Ćwiczenie 3

W edytorze graficznym przygotuj rysunek duszka - sygnalizatora świetlnego, np. taki, jak na poniższym rysunku. Wymiary dobierz sam. Światła pozostaw zgaszone, po utworzeniu dwóch kostiumów duszka uzupełnisz je odpowiednio kolorem zielonym lub czerwonym.

R10wQiIKxuAgE1
Przykładowy rysunek sygnalizatora
Wskazówka

Jeśli rysunki zostały przygotowane w zewnętrznym edytorze graficznym, wgraj tło sceny z pliku (następnie usuń puste tło) oraz wgraj nowego duszka z pliku (sygnalizator świetlny). Przesuń sygnalizator na właściwe (według twojego uznania) miejsce na scenie. Możesz go ustawić pionowo lub poziomo, odpowiednio obracając.

Ćwiczenie 4

Utwórz nowy kostium dla sygnalizatora poprzez skopiowanie pierwszego. Uzupełnij kolory, zapal czerwone światło dla pierwszego kostiumu i zielone dla drugiego.

Wskazówka

Żeby skopiować kostium, wybierz zakładkę Kostiumy, następnie kliknij prawym przyciskiem myszy w kostium i z menu kontekstowego wybierz opcję duplikuj.

W projekcie występują dwa duszki, każdy z nich ma dwa kostiumy. Warto nadać im własne imiona (nazwy). Tworząc skrypty, często odwołujemy się do duszka lub kostiumu za pośrednictwem jego nazwy.

Ćwiczenie 5

Zmień nazwę nowo utworzonego duszka na Sygnalizator, oraz nazwy jego kostiumów odpowiednio na Czerwone światłoZielone światło.

Jak zmienić nazwę duszka i kostiumu?
Instrukcja: Jak zmienić nazwę duszka i kostiumu?
Krok

Kliknij w literę i dla danego duszka w obszarze zarządzania duszkami.

Rossvd0YpEGjC1
Źródło: nn, licencja: CC BY 3.0.
Krok

Wpisz nazwę dla duszka w polu edycyjnym, następnie kliknij w ikonę powrotu.

R1F9ItvwIQ4N81
Źródło: nn, licencja: CC BY 3.0.
Krok

Wybierz zakładkę Kostiumy i w polu edycyjnym zmień nazwy obu kostiumów.

RlFFkFPF574Zh1
Źródło: nn, licencja: CC BY 3.0.
Ćwiczenie 6

Zmień nazwę duszka na Kotek.

m8a9e7162e058e4ef_d5e304

Budujemy skrypty dla duszków

W projekcie mamy dwa duszki. Zgodnie ze scenariuszem, obydwa wykonują określone czynności po kliknięciu w zieloną flagę. Zacznij od przygotowania skryptu zmieniającego światło na przejściu dla pieszych.

Ćwiczenie 7

Utwórz skrypt dla duszka – sygnalizatora świetlnego według poniższego przepisu:
Po wciśnięciu zielonej flagi:

  1. zmień kostium na czerwone światło,

  2. czekaj 3 sekundy,

  3. zmień kostium na zielone światło,

  4. zatrzymaj działanie skryptu.

Wskazówka

Jedynym klockiem, który nie był wykorzystany we wcześniejszych projektach, jest zmień kostium na …m8a9e7162e058e4ef_d565e175zmień kostium na … z kategorii Wygląd.

Zastanów się, jaka powinna być pozycja początkowa kotka, aby znalazł się przed przejściem dla pieszych po lewej stronie. Niech to będzie 40 kroków na lewo od krawędzi jezdni. Swój marsz może zakończyć 40 kroków na prawo od krawędzi jezdni. Zakładając, że pojedynczy ruch kotka to 20 kroków, odpowiedz na pytanie, ile ruchów musi wykonać, aby przejść przez jezdnię? Pamiętaj o uwzględnieniu szerokości jezdni.

Ćwiczenie 8

Uzupełnij poniższy przepis dla kotka.
Pomoże ci w tym rysunekm8a9e7162e058e4ef_d565e193rysunek z wymiarami jezdni.

RHo3PJwlF1ofu1
Interaktywne zadanie z wypełnianiem
Źródło: Janusz Wierzbicki <janek@oeiizk.waw.pl>, licencja: CC BY 3.0.
Ćwiczenie 9

Utwórz skrypt dla kotka według przepisu z poprzedniego zadania.

Wskazówka

Ważny klocek, znajduje się w kategorii Kontrola i służy powtórzeniu wybranych instrukcji określoną liczbę razy – powtórz …m8a9e7162e058e4ef_d565e207powtórz … Zwróć uwagę, że klocki z instrukcjami, które mają być powtórzone, powinny znaleźć się wewnątrz tego klocka.

Ważne!

Pamiętaj o zapisaniu projektu i sprawdzeniu działania.

m8a9e7162e058e4ef_d565e175
m8a9e7162e058e4ef_d565e193
m8a9e7162e058e4ef_d565e207
m8a9e7162e058e4ef_d5e465

Modyfikujemy scenariusz

Zmodyfikujemy nieznacznie scenariusz projektu Duszek przechodzi przez jezdnię. Po uruchomieniu, czyli kliknięciu w zieloną flagę, kotek ustawi się przed jezdnią i poprosi o pozwolenie na przejście. Kliknięcie duszka myszką będzie oznaczało, że zgadzamy się, by przeszedł. Jednak duszek, zanim przejdzie, powinien sprawdzić, czy nie świeci się czerwone światło. Jeśli tak, to wyświetla napis, że czeka na zielone.

Zmodyfikować musimy także działanie sygnalizatora, tak aby światło zmieniało się co kilka sekund z czerwonego na zielone i odwrotnie. Na filmie możesz obejrzeć przykład działania zmodyfikowanego projektu.

R11qbPHc5Paeo1
Film: Duszek przechodzi przez jezdnię
m8a9e7162e058e4ef_d5e506

Modyfikujemy skrypty

Ćwiczenie 10

Napisz przepis dla duszka‑sygnalizatora, tak aby po kliknięciu w zieloną flagę cyklicznie zmieniał światło. Na początku niech będzie zapalone czerwone światło.

Ćwiczenie 11

Popraw skrypt dla duszka‑sygnalizatora zgodnie z przepisem z poprzedniego zadania.

Zmodyfikuj działania kotka, tak aby po uruchomieniu programu tylko ustawił się przed jezdnią i poczekał na pozwolenie na przejście. Dopiero po jego otrzymaniu, powinien sprawdzić kolor światła i jeśli trzeba, poczekał na zielone. W tym celu podzielimy dotychczasowy skrypt obsługujący duszka – kotka na dwa:

  1. inicjujący, uruchamiany po kliknięciu w zieloną flagę,

  2. realizujący główne zadanie kotka – przejście przez jezdnię, uruchamiany po kliknięciu kotka.

Ćwiczenie 12

Przygotuj skrypt dla kotka uruchamiany po kliknięciu w zieloną flagę. Ma on wykonać teraz tylko dwie czynności: ustawić duszka na pozycji wyjściowej oraz wyświetlić w dymku komiksowym prośbę o pozwolenie na przejście przez jezdnię.

Wskazówka

Zamiast klocka powiedz … przez ... sm8a9e7162e058e4ef_d565e289powiedz … przez ... s użyj klocka powiedz …m8a9e7162e058e4ef_d565e280powiedz … Nie wiesz, jak długo kotek będzie czekał na kliknięcie.

Jakie czynności powinien wykonać kotek, kiedy otrzyma pozwolenie na przejście przez jezdnię? Powinien przed przejściem sprawdzić, jakie światło jest zapalone. Jeżeli świeci się czerwone światło, czeka, aż zmieni się na zielone. Następnie przechodzi przez jezdnię. W tym celu wykona analogiczne działania do tych w dotychczasowym projekcie.

Przykładowy opis działań, jakie powinien wykonać duszek - kotek, po otrzymaniu pozwolenia na przejście.
Kiedy duszek kliknięty:

  1. wyłącz dymek z prośbą o pozwolenie na przejście,

  2. jeżeli pali się czerwone światło (sygnalizator ma wyświetlony kostium z czerwonym światłem):

    1. powiedz w dymku komiksowym „Czekam na zielone światło”,

    2. czekaj, aż sygnalizator będzie miał wyświetlony kostium z zielonym światłem,

  3. wyłącz dymek z informacją o oczekiwaniu na zielone światło,

  4. powtórz 15 razy:

    1. przesuń o 20 kroków,

    2. zmień kostium na następny,

    3. czekaj 0.2 sekundy,

  5. powiedz „Dziękuję” przez 2s,

  6. zakończ działanie wszystkich skryptów (także zmiany światła).

Ćwiczenie 13

Zbuduj skrypt dla kotka według powyższego przepisu.

Wskazówka

Aby wyłączyć dymek komiksowy, użyj klocka powiedz …m8a9e7162e058e4ef_d565e280powiedz … z pustym tekstem do wyświetlenia.

Wskazówka

Użyj klocka jeżeli … tom8a9e7162e058e4ef_d565e327jeżeli … to z grupy Kontrola do sprawdzenia, czy świeci się czerwone światło. W puste miejsce po słowie jeżeli należy wstawić warunek sprawdzający, który kostium sygnalizatora jest wyświetlany. Potrzebny będzie klocek … równa się …m8a9e7162e058e4ef_d565e336… równa się … z grupy Wyrażenia. Do sygnalizatora możesz odwołać się korzystając z klocka z grupy Czujniki odczytującego właściwości innego duszkam8a9e7162e058e4ef_d565e346odczytującego właściwości innego duszka. Możesz porównać nazwę kostiumu lub numer kostiumu. Właściwość wybierz z listy rozwijalnej. Obejrzyj film prezentujący zbudowanie tej instrukcji.

R1BwFEWjO8iGW1
Film: Budowa instrukcji JEŻELI
Wskazówka

Do oczekiwania na zielone światło wykorzystaj klocek czekaj aż ...m8a9e7162e058e4ef_d565e355czekaj aż ... Warunek zbuduj analogicznie, jak instrukcję jeżelim8a9e7162e058e4ef_d565e327jeżeli.

Ważne!

Pamiętaj o zapisaniu projektu. Wypróbuj, jak działa po modyfikacjach.

m8a9e7162e058e4ef_d565e280
m8a9e7162e058e4ef_d565e289
m8a9e7162e058e4ef_d565e327
m8a9e7162e058e4ef_d565e336
m8a9e7162e058e4ef_d565e346
m8a9e7162e058e4ef_d565e355