Duszek przechodzi przez jezdnię

R1Of1HR0pIiEn

Twoim zadaniem będzie zaprojektowanie animacji, w której Duszek - kot (lub jeśli wolisz, możesz wybrać inną postać z galerii lub zaprojektować własną) przechodzi 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). Kot mówi (w dymku komiksowym), że poczeka aż zapali się zielone światło. Po zapaleniu się zielonego światła przechodzi przez jezdnię. Przykładowe działanie projektu możesz obejrzeć na filmie.

R1TELdNkmE8Eh

Wizualizacja poprawnie wykonanego zadania
Źródło: nn, licencja: CC BY 3.0.

Ćwiczenie 1

W edytorze graficznym Scratcha lub dowolnym innym przygotuj tło sceny. Poniższy rysunek pomoże ci określić wymiary poszczególnych elementów.

RAW4cnGT2P3I6

Ilustracja przedstawiająca dołączone wcześniej przykładowe tło z jezdnią rozbudowane o wymiary elementów na scenie. Szerokość jezdni to 220 punktów, a pobocza to 130 po obu stronach. Wysokość przejścia dla pieszych to 100 punktów z odległością zarówno od górnej, jak i dolnej krawędzi to 130 punktów. — Przykładowa grafika, która może zostać użyta w skrypcie.
Źródło: nn, licencja: CC BY 3.0.

Oglądając film możesz zauważyć, że oprócz kota 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 i pozwala w łatwy sposób ustawić sygnalizator w dowolnym miejscu na scenie.

Ćwiczenie 2

W edytorze graficznym przygotuj rysunek duszka - sygnalizatora świetlnego. Wymiary dobierz sam. Światła pozostaw zgaszone, po utworzeniu dwóch kostiumów duszka uzupełnisz je odpowiednio kolorem zielonym lub czerwonym. W programie Scratch utwórz nowy projekt, wczytaj ze swoich plików tło sceny i duszka (sygnalizator świetlny).

Ćwiczenie 3

Utwórz nowy kostium dla sygnalizatora poprzez skopiowanie pierwszego. Uzupełnij kolory, zapal czerwone światło dla pierwszego kostiumu i zielone dla drugiego. Następnie zmień nazwę nowo utworzonego duszka na sygnalizator, oraz nazwy jego kostiumów odpowiednio na czerwone_swiatlo i zielone_swiatlo.

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.

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 4

Utwórz skrypt dla duszka – sygnalizatora świetlnego, tak aby najpierw po rozpoczęciu skryptu zmieniał kolor na czerwony. Następnie po upływie trzech sekund zmienił kolor na zielony.

Zastanów się, jaka powinna być pozycja początkowa kota, 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 kota 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 5

Uzupełnij poniższą listę kroków dla duszka‑kota.
Pomoże ci w tym rysunekm8a9e7162e058e4ef_d565e193rysunek z wymiarami jezdni.

RsqIM8iCHBPoh

Interaktywne zadanie, w którym należy uzupełnić algorytm dla duszka - kota.

Źródło: Janusz Wierzbicki, licencja: CC BY 3.0.

Ćwiczenie 6

Utwórz skrypt dla kota według listy kroków z poprzedniego zadania.

Ważne!

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

m8a9e7162e058e4ef_d565e175

m8a9e7162e058e4ef_d565e193

m8a9e7162e058e4ef_d565e207

Modyfikujemy scenariusz

Zmodyfikujemy nieznacznie scenariusz projektu Duszek przechodzi przez jezdnię. Po uruchomieniu, czyli kliknięciu w zieloną flagę, kot 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.

R1coO3yHtqrlw

Film przedstawiający działający skrypt.
Źródło: nn, licencja: CC BY 3.0.

Modyfikujemy skrypty

Ćwiczenie 7

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

Zmodyfikuj działania kota, 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, czekać na zielone. W tym celu podzielimy dotychczasowy skrypt obsługujący duszka – kota na dwa:

inicjujący, uruchamiany po kliknięciu w zieloną flagę,
realizujący główne zadanie kota – przejście przez jezdnię, uruchamiany po kliknięciu kotka.

Ćwiczenie 8

Przygotuj skrypt dla kota 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ę.

Jakie czynności powinien wykonać kot, 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, kot musi poczekać, aż zmieni się na zielone. Następnie przechodzi przez jezdnię. W tym celu wykona analogiczne działania do tych w dotychczasowym projekcie.

Ćwiczenie 9

Zbuduj drugi skrypt kota, według którego będzie czekał, aż światło na sygnalizatorze zmieni kolor na zielony. Następnie duszek przejdzie przez pasy na drugą stronę jezdni.