Scratch 1.3 To jest Scratch - ciąg dalszy

Autor Hybrid na platformie Unsplash

Cześć ✋

Odpoczęliście nieco? To do dzieła!

Zatrzymaliśmy się na ukończeniu drugiego etapu samouczka, czas zrobić kolejny krok! Tym razem dokończymy samouczek, być może uda nam się zrobić coś jeszcze - kto wie?

Okej, jak pamiętacie, zatrzymaliśmy się na drugiej części samouczka (jeśli się troszkę pogubiliście i nie zaczynaliście z nami samouczka - nie szkodzi! Tu możecie nadrobić tę lekcję: link):

Źródło: https://scratch.mit.edu

Udało nam się pokierować duszkiem (czyli kotem) tak, że był on w stanie na nasze polecenie się poruszyć, oraz przywitać. Całkiem nieźle jak na amatorów tresowania duszków!

Ukończyliśmy drugą część samouczka, przejdźmy więc do następnego etapu. Przejście wykonamy tak, jak dotarliśmy do drugiego etapu: klikamy na strzałkę po prawej stronie okna:

Źródło: https://scratch.mit.edu

W kolejnej części samouczka nie będziemy mieli zbyt wiele pracy: dołożymy kolejny bloczek: "kiedy kliknięto". Nasza praca znów sprowadza się do kliknięcia odpowiedniej kategorii (tym razem będzie to kategoria "Zdarzenia"), odszukania bloczka i przyczepienia go do przeniesionych wcześniej przez nas bloczków. Jedyną różnicą jest to, że ten bloczek chcemy przyczepić od góry naszych istniejących bloczków.

Źródło: https://scratch.mit.edu

Po dołączeniu bloczka możemy przetestować efekt naszej pracy. Możemy tak jak poprzednio kliknąć na dowolny z bloczków, ale nowy bloczek daje nam też inną możliwość uruchomienia programu: Nad sceną znajdują się przyciski oznaczone zieloną flagą oraz czerwonym kółkiem (dokładnie ośmiokątem). Możemy (dzięki nowemu bloczkowi) wykorzystać zieloną flagę do uruchamiania naszego programu.

Źródło: https://scratch.mit.edu

Spróbuj teraz skorzystać z obydwu sposobów. Jak zauważysz, nie będzie różnicy pomiędzy klikaniem na bloczki, a klikaniem w ikonę flagi nad sceną.

Spójrz! Mamy już trzeci etap samouczka za sobą! Nabieramy rozpędu z każdą chwilą naszej przygody ze skreczem. Nie pozostaje nam nic innego jak tylko przejść do kolejnego etapu samouczka. Tak jak poprzednim razem, użyj strzałki z prawej strony samouczka.

Źródło: https://scratch.mit.edu

Jak się okazuje, w ten sposób docieramy do końca samouczka! Musicie przyznać że z każdą chwilą jesteśmy co raz lepsi! Samouczek sugeruje nam kolejne zadania do wykonania abyśmy poczuli się pewniej podczas zabawy ze skreczem. Dlaczego mieli byśmy nie skorzystać z jego pomocy? Od siebie dodam że kolejne zadanie przejdziemy tak jak dotychczas - razem.

Od tego momentu jednak nasze tempo będzie się zwiększało, dzięki czemu szybciej nauczymy się obsługiwać skrecza!

Przejdźmy teraz dalej, do proponowanego przez samouczka dodawania tła. Aby rozpocząć naukę, kliknij w lewy obrazek w samouczku podpisany "Dodaj Tło".

Dalsza część będzie bardzo przypominała nasz samouczek: znów na początku obejrzymy krótki film, po którym przystąpimy do dzieła! Nie zwlekając kliknij w film dwa razy, ale pamiętaj: aby z niego wyjść użyj klawisza "Esc" lub kliknij na ekran dwa razy.

Okej, skoro jesteśmy po seansie filmu, czas na ruch z naszej strony! Jak mieliście okazję zobaczyć, scena nie musi być nudna, a to dzięki różnym tłom. Skoro wiecie co możemy zrobić z tłem, nauczmy się teraz jak to zrobić.

Tak jak dotychczas, przejdź do następnego etapu przy użyciu strzałki z prawej strony samouczka. W tej części naszym zadaniem będzie zmiana tła sceny. Przycisk który nam w tym pomoże znajduje się w prawym narożniku ekranu, pod sceną:

Źródło: https://scratch.mit.edu

Po najechaniu na przycisk rozsunie się dodatkowa lista opcji, z których interesuje nas ta najbliżej myszki, oznaczona lupą - dzięki niej wybierzemy nowe tło. Klikamy na lupę, co spowoduje pokazanie się okna z dużą ilością obrazków - jeden z nich będzie naszym nowym tłem!

Teraz tylko od Ciebie zależy gdzie się znajdziemy! Czy to będzie mroźna Arktyka, piaszczysta plaża w Brazylii czy może zamek? Wybierz jeden z obrazków poprzek kliknięcie na niego - okno z obrazkami się wtedy zamknie, a wybrane tło zostanie ustawione w scenie. Ja wybrałem pustynię (Desert), dlatego moja scena przypomina teraz dziki zachód.

Źródło: https://scratch.mit.edu

Jestem ciekaw jakie wybraliście tło w waszej scenie. Było ich tak dużo do wybrania że zajęło mi to chwilę, zanim sam podjąłem decyzję!

Teraz, gdy już mamy tło, możemy przejść dalej w samouczku (pamiętasz? Strzałka po prawej stronie). I oto ukażą nam się kolejne propozycje do nauki obsługi skrecza. Znów mamy do wyboru dwa samouczki - spróbujmy tym razem sprawić, aby duszek zaczął się nie tylko przesuwać, ale też ruszać nogami! W tym celu wybierz tym razem obrazek po prawej stronie podpisany "Animuj duszka".

Myślę że kolejne przejście przez samouczek będzie już dla Ciebie bardzo łatwe! Na początku obejrzyjmy film (pamiętaj: dwa razy klikamy myszką aby otworzyć go na całym ekranie, i dwa razy klikamy aby go potem zamknąć).

To będzie bardzo ciekawe usprawnienie naszego duszka, prawda? Okej, na początek przejdźmy do następnej części samouczka (prawa strona - strzałka). Uuua, sporo bloczków! Nie przejmuj się - umiemy już ich szukać oraz układać jak puzzle, damy radę!

Źródło: https://scratch.mit.edu

Zacznijmy od wstawienia do naszego programu nowego bloczka "kiedy kliknięto". Jeśli od początku tego posta działasz na tym samym oknie skrecza, bloczek będzie już widoczny po lewej stronie. Jeśli jednak nie widać go od razu, spróbuj kliknąć znów na kategorię "Zdarzenia" oznaczoną żółtym kolorem. Przeciągnij bloczek do programu, jednak staraj się aby nie połączył się on z dotychczasowymi bloczkami (jeśli zostały Ci one po pierwszym samouczku).

Okej, mamy bloczek z flagą, brakuje nam jednak jeszcze kilka bloczków. Pierwszym z nich będzie ten, który w samouczku nazywa się "repeat 10", co po polsku oznacza "powtarzaj 10". Bloczek ten będzie przez nas na pewno jeszcze wiele razy używany, ponieważ jest bardzo pomocny w skreczu. Jego działanie jest bardzo proste: Jeśli inne bloczki są objęte (tak jak na obrazku w samouczku) przez ten bloczek, to będą one działały tyle razy, co liczba w bloczku "powtarzaj" (np. 10 oznacza że program w bloczku zadziała 10 razy).

Bez dalszego opowiadania o teorii, przechodzimy do praktyki! Bloczek "powtarzaj 10" znajdziemy w kategorii "Kontrola" oznaczonej pomarańczowym kolorem. Gdy już go odnajdziemy, złapmy go i przyczepmy do bloczku "kiedy kliknięto" (od dołu, ponieważ bloczek "kiedy kliknięto" nie może mieć przyczepionych bloczków nad sobą).

Kolejny bloczek będziemy dokładać w trochę inny sposób. Dotychczas każdy bloczek przyczepialiśmy od góry lub dołu innych bloczków. Teraz sprawimy że kolejny bloczek będzie w środku innego bloczka. Bloczek okalający (ten który będzie mógł mieć w sobie inne) to "powtarzaj 10", a bloczek który trafi do środka to "następny kostium". Pierwszy z nich już mamy, czas poszukać drugiego!

Teraz zagadka dla Was: jak odszukać szybko bloczek bez mojej podpowiedzi? Należy go szukać według koloru! Kolor bloczka oznacza jego kategorię, dzięki czemu bardzo łatwo go odszukać z lewej strony. W takim razie ja nie podpowiadam tym razem kategorii, spójrzcie teraz na samouczek i bloczek "next costume" (jest to nasz "następny kostium"). Oceńcie jakiego jest koloru i poszukajcie kategorii, której kółko jest w takim samym kolorze.

Po dotarciu do kategorii "Wygląd" wybierzcie bloczek o którym rozmawialiśmy, i przesuńcie go do programu tak, jak pokazano poniżej. Wskoczy on wtedy w środek bloczka "powtarzaj 10".

Źródło: https://scratch.mit.edu

Możemy teraz przetestować dotychczasowy program. Kliknijmy w jeden z bloczków które przed chwilą dodaliśmy. Duszek powinien bardzo szybko się poruszać w miejscu. Trochę za szybko jak na kota, prawda? Sprawy teraz że będzie on troszkę wolniejszy, a dzięki temu bardziej "koci".

Aby kot zwolnił swoje ruchy, musimy sprawić aby zmiana kostiumu (a więc jego krok), która ma się wydarzyć 10 razy (dzięki temu że bloczek "następny kostium" znajduje się w bloczku "powtarzaj 10"), trochę się spowolniła.

Żeby powtarzanie 10 razy czynności było trochę wolniejsze, użyjemy bloczku, który w samouczku nazywa się "wait 0.3 seconds", a u nas będzie się nazywał "czekaj 1 sekund". Kolejny raz rozwiążcie zagadkę, pod tytułem "w której kategorii jest ten bloczek?". Gdy znajdziecie się w odpowiedniej kategorii, przeciągnijcie bloczek do programu tak, aby zmieścił się on w bloczek "powtarzaj 10", oraz jednocześnie przyczepił się do dołu bloczka "następny kostium".

Źródło: https://scratch.mit.edu

Jeśli zostawimy ten bloczek bez zmian, to nasz kot będzie bardzo powolny. Chcemy jednak, aby tylko trochę zwolnił swoje dotychczasowe ruchy. Musimy w takim razie zmienić cyfrę "1" na mniejszą wartość. Aby to zrobić należy kliknąć raz na cyfrę, tak aby się podświetliła. W tym momencie będziemy mogli wpisać inną wartość zamiast jedynki:

Źródło: https://scratch.mit.edu

Wpiszmy tu wartość "0.3". Dzięki temu nasz duszek będzie się poruszał sprawnie, ale nie będzie też zbyt szybki.

To był ostatni bloczek jaki był potrzebny do stworzenia animacji kota. Teraz możemy śmiało kliknąć na program, a kot będzie się poruszał w miejscu tak, jakby chodził. Dodatkowo możesz spróbować zmienić wartość "0.3" na inną i wykonać program - zobaczysz wtedy dlaczego zmieniliśmy cyfrę "1" na mniejszą liczbę.

Tym sposobem sprawiliśmy że duszek stał się animowany - zupełnie tak, jak papuga w samouczku. Możemy teraz przejść do końca samouczka. Znajdziemy tam kolejne pomysły na naukę skrecza.

Chciałbym jednak pomóc Wam troszkę usprawnić na koniec naszego duszka: dodamy do naszej animacji przemieszczanie się! Wtedy jego ruch będzie bardziej prawdziwy.

Aby to zrobić, nasz dotychczasowy program wydłużymy o jeszcze jeden bloczek: "przesuń o 10 kroków" (czyżbyśmy się już z nim poznali?). Bloczek znajduje się w kategorii "Ruch". Przenieśmy go do programu tak, aby zmieścił się pomiędzy bloczki "następny kostium" a "czekaj 0.3 sekund". Skrecz pomoże nam jak zwykle "wcisnąć" nowy bloczek pomiędzy już istniejące. Po tej operacji nasz program powinien wyglądać tak:

Źródło: https://scratch.mit.edu

Uruchom teraz program, klikając na niego. Widzisz?! Kot naprawdę zaczął chodzić! Teraz nasza animacja jest naprawdę realistyczna, prawda?

Osiągnęliśmy bardzo dużo podczas tej lekcji: ukończyliśmy pierwszy samouczek, dzięki czemu nauczyliśmy duszka przesuwania się po scenie. W drugim samouczku ustawiliśmy nasze tło na bardziej ciekawe a podczas nauki z trzecim samouczkiem dodaliśmy animację dla naszego duszka. Ponadto nauczyliśmy naszego kota chodzić po scenie tak, że potrafi jednocześnie przechodzić po scenie oraz ruszać nogami!

Tym razem i ja odpocznę razem z Wami. To było naprawdę dużo nauki z naszej strony! Zróbcie sobie trochę przerwy, a gdy będziecie gotowi, zapraszam do czytania następnego wpisu i dalszego uczenia się jak działa skrecz - dzięki temu będziemy mogli zrobić w nim dosłownie wszystko!