 |
| Autor Scott Blake na platformie Unsplash |
Witajcie ponownie ✋
Ostatnim razem udało nam się zdziałać naprawdę dużo! (Tych z Was którzy nie dotarli tutaj z nami z poprzednich postów, zapraszam do ich przeczytania: Scratch 1.1, Scratch 1.2, Scratch 1.3)
Jak pewnie doskonale pamiętacie, skończyliśmy naszą wyprawę w momencie gdy scena w skreczu nie była już biała, a nasz duszek potrafił się witać oraz chodzić.
Dziś skupimy się na jeszcze jednym krótki samouczku, a potem.. zrobimy coś zupełnie sami! Mam nadzieję że będziecie się dobrze bawić razem z nami.
Okej, ostatnim razem zakończyliśmy samouczek który pokazywał jak sprawić, aby kot został animowanym kotem. Dziś spróbujmy trochę uprzątnąć naszą przestrzeń na program, usuwając dotychczasowe programy!
Aby usunąć bloczki z miejsca na nasze programy, wystarczy że złapiesz bloczki, a następnie przesuniesz je nad lewą część skrecza (tak aby bloczki znalazły się nad możliwymi do wybrania bloczkami widocznymi po lewej stronie).
Dzięki temu mamy dużo miejsca na nasze nowe programy. (Później będzie nam się częściej zdarzało sprzątać po sobie - porządek musi być!)
Teraz skorzystamy z jednego z samouczków, które są dostępne u góry skrecza. Pamiętacie jak wspominaliśmy o zakładce "Samouczki"? To właśnie tam teraz zmierzamy! Kliknijcie na wspomnianą zakładkę, a ukaże się Wam cała lista samouczków, w podobnej formie jak tła, kiedy szukaliśmy nowego tła dla naszej sceny.
 |
| Źródło: https://scratch.mit.edu |
Wybierzemy tym razem samouczek "Użyj strzałek", dzięki któremu będzie nam łatwiej sterować duszkami (a to da nam szanse na pisanie sterowanych gier w skreczu!). Aby dotrzeć do samouczka, trzeba będzie zjechać (za pomocą obracania kółka myszki, lub łapiąc i przesuwając mały pasek po prawej stronie) na sam dół listy samouczków. Nasz to ten przedostatni.
 |
| Źródło: https://scratch.mit.edu |
Klikamy na samouczek, a to spowoduje przeniesienie nas z powrotem do poprzedniego widoku. Nasz samouczek zostanie umieszczony tam, gdzie wszystkie nasze dotychczasowe samouczki.
Tak jak zawsze, obejrzyjmy najpierw film, a potem przejdziemy do rzeczy! Pamiętaj: klikając dwa razy na film uruchomisz go w pełnym oknie - tak samo możesz je zamknąć.
Po obejrzeniu filmiku, przejdźmy do następnej strony samouczka (tak jak zawsze, strzałka po prawej stronie samouczka).
 |
| Źródło: https://scratch.mit.edu |
Naszym zadaniem będzie sprawienie, aby po naciśnięciu klawiszy strzałek na klawiaturze nasz duszek poruszał się! Tak jak zawsze posłużą nam do tego odpowiednie bloczki.
Pierwszy bloczek jakiego będziemy szukać w samouczku nazywa się "change x by 10", a w naszym oknie jego nazwa to "zmień x o 10". Odszukamy go w kategorii "Ruch". Gdy uda Wam się go znaleźć, przenieście bloczek do naszego pola na programy (na środku ekranu).
Działanie pierwszego bloczka polega na tym, że przesuwamy duszka wzdłuż osi "x" (czyli tak naprawę w lewo lub w prawo naszej sceny). Podobnie działa inny bloczek - "zmień y o 10". Jego rola to przesuwanie duszka wzdłuż osi "y" (czyli w górę lub w dół).
Możecie sprawdzić co się stanie gdy klikniemy na nasz bloczek - kot powinien przesunąć się w prawo (dokładnie o 10 punktów - tak jak liczba wpisana w bloczek). Jeśli wartość w tym bloczku będzie dodatnia (bez minusa), to duszek będzie się przesuwał w prawo. Jeśli w bloczku wpiszemy wartość ujemną (ze znakiem minus "-") to duszek będzie przesuwał się w lewo.
 |
| Źródło: https://scratch.mit.edu |
Dodajmy teraz do naszego bloczka inny, żółty (tak jak w samouczku). W samouczku bloczek nazywa się "when right arrow key pressed", u nas nosi on nazwę "kiedy klawisz spacja naciśnięty" i znajduje się w żółtej kategorii "Zdarzenia".
Gdy odnajdziecie bloczek, złapcie i przyczepcie go od góry do poprzedniego bloczka. Teraz gdy naciśniecie na klawiaturze spację (najdłuższy klawisz na klawiaturze, znajdujący się na dole po środku), duszek przesunie się w prawo!
Zmieńmy jeszcze działanie naszego programu w taki sposób, aby po naciśnięciu klawisza strzałki w prawo duszek poruszał się w prawą stronę. Aby to zrobić musimy w żółtym bloczku kliknąć na "spacja". Na liście która nam się wyświetli wybieramy "strzałka w prawo".
 |
| Źródło: https://scratch.mit.edu |
Od teraz nasz kot powinien przestać reagować na spację, a zacząć chodzić w prawo gdy naciśniemy strzałkę w prawo. Sprawdź czy na pewno jest tak jak mówimy i upewnij się że duszek przesuwa się po naciśnięciu przycisku na klawiaturze.
Okej, potrafimy za pomocą klawiatury przesuwać duszka w prawo. Teraz sprawmy, aby duszek potrafił też poruszać się w lewą stronę, po naciśnięciu strzałki w lewo na klawiaturze!
Jest to druga część samouczka. Musimy teraz odnaleźć, a następnie umieścić w programie dwa bloczki: "kiedy klawisz strzałka w lewo naciśnięty" ("when left arrow key pressed") oraz "zmień x o -10" ("change x by -10"). Tak jak ostatnio bloczki w samouczku mają już trochę zmienione wartości (w żółtym bloczku zamiast spacja jest strzałka w lewo, a w bloczku "zmień x o 10" do liczby 10 dodano znak minus "-").
Odnajdźcie te same bloczki co poprzednio i umieśćmy je w programie obok tych wcześniejszych tak, aby dwa nowe bloczki były ze sobą złączone w taki sam sposób, jak poprzednia para.
 |
| Źródło: https://scratch.mit.edu |
Teraz naszym zadaniem jest najpierw zmiana działania żółtego bloczka tak, jak ostatnim razem (tyle że teraz wybieramy "strzałka w lewo" a nie "strzałka w prawo"). Drugim krokiem jest zmiana wartości w bloczku niebieskim (robiliśmy już coś podobnego, prawda?). Należy na niebieski bloczek kliknąć w jego białe pole z liczbą i sprawić aby wpisaną wartością było "-10".
Teraz możemy przetestować nasz program: spróbuj użyć klawiszy strzałek w lewo i prawo aby zobaczyć, czy duszek (czyli nasz kot) porusza się w obydwu kierunkach.
Wygląda na to że udało nam się zrobić sterowanie duszkiem w lewo i w prawo. Brawa dla nas! Jednak to jeszcze nie koniec. Teraz przejdźmy do następnej części samouczka (tak jak zawsze, za pomocą strzałki po prawej stronie samouczka).
Celem tej części samouczka jest poruszenie duszkiem w górę i w dół za pomocą strzałek. Wiem jednak że stać Was na więcej niż tylko dwa nowe polecenia! Dołożymy do naszej sceny drugiego duszka! (Będzie to ptaszek, którego to nauczymy latać w górę i w dół).
Zacznijmy od dodania nowego duszka. Zrobimy to poprzez menu w prawy dolnym rogu skrecza:
 |
| Źródło: https://scratch.mit.edu |
W nowym oknie poszukajmy jakiegoś duszka, któremu przyda się umiejętność poruszania w górę i w dół (ja wybiorę ptaszka, dokładnie papugę - "Parrot"). Gdy klikniemy na odpowiedniego duszka, pojawi się on na naszej scenie.
Niestety nasz nowy duszek zasłonił nam kota! Możemy ten problem rozwiązać na kilka sposobów. Można złapać i przesunąć kota, drugiego duszka, a można też przy użyciu naszego dotychczasowego programu przesunąć kotka (za pomocą strzałek na klawiaturze). Ja zdecydowałem się przy użyciu strzałek przesunąć kota w prawą stronę.
Zauważyliście pewnie, że gdy dodaliśmy nowego duszka zniknął nasz program który dotychczas tworzyliśmy! Spokojnie, jest to efekt dodania duszka. Każdy duszek ma swoją przestrzeń na program. Aby dowiedzieć się którego duszka program teraz tworzymy, możemy spojrzeć w prawy górny róg miejsca na programy:
 |
| Źródło: https://scratch.mit.edu |
W tym momencie tworzymy program dla naszego nowego duszka (u mnie jest to ptaszek). Aby wrócić do tworzenia programu dla naszego kota, należy pod sceną kliknąć na jego podobiznę:
 |
| Źródło: https://scratch.mit.edu |
Po kliknięciu znów w programie zobaczymy nasze bloczki! Ale przecież nasz kot już ma możliwość chodzenia w lewo i w prawo. Czas zająć się nowym duszkiem. Kliknij teraz na podobiznę Twojego nowego duszka (zobaczysz wtedy znów pusty program).
Nasze kolejne kroki będą bardzo proste. Musisz teraz znów odszukać i dodać do programu dwa bloczki: "kiedy klawisz spacja naciśnięty" oraz troszkę inny niż poprzednio "zmień y o 10" (zwróć uwagę na literkę "y").
Po ich dodaniu do programu, musimy je złączyć tak jak ostatnio (chyba że zrobiliście to od razu, gdy przenosiliście bloczki). Po złączeniu musimy poprawić działanie tych bloczków tak, aby duszek poruszał się w górę i dół za pomocą strzałek.
W bloczku "kiedy klawisz spacja naciśnięty" zmień przycisk "spacja" na "strzałka w górę" (tak jak wcześniej zmienialiśmy ten bloczek - klikamy i wybieramy odpowiednią opcję).
Dzięki temu nasz program dla nowego duszka powinien wyglądać tak:
 |
| Źródło: https://scratch.mit.edu |
Teraz możemy przetestować nasz program, naciskając na klawiaturze strzałkę w górę. Nasz duszek powinien przesunąć się w górę!
Teraz pozostała nam już ostatnia część: sprawienie że nowy duszek będzie przesuwał się w dół sceny. Aby to zrobić znów używamy tych samych bloczków, zmienimy tylko ich parametry (są to części bloczków które możemy zmienić, jak np. liczba w bloczku "zmień y o 10") tak, aby duszek przesuwał się w dół.
Przenieś te same bloczki co ostatnio do naszego programu ("kiedy klawisz spacja naciśnięty" oraz "zmień y o 10"), łącząc je ze sobą (pamiętaj tylko aby ich nie łączyć z wcześniejszymi bloczkami - mają one działać osobno). W tych bloczkach zmienimy dane tak, żeby żółty bloczek miał wybrany przycisk "strzałka w dół", a bloczek niebieski miał wpisaną liczbę "-10". Do dzieła! Jestem pewien że wiesz jak to zrobić. Jeśli nie, zajrzyj troszkę wyżej - tam zmienialiśmy już takie bloczki w podobny sposób.
Ostateczny efekt dla nowego duszka powinien wyglądać mniej więcej tak:
 |
| Źródło: https://scratch.mit.edu |
Możemy teraz przetestować nasz program. Spróbuj użyć przycisków na klawiaturze:
- strzałka w lewo,
- strzałka w prawo,
- strzałka w górę,
- strzałka w dół,
i zobacz co się stanie. Nasze duszki potrafią się poruszać!
Teraz możemy przejść na koniec samouczka, ponieważ zrobiliśmy to co było w nim pokazane, a nawet sporo więcej! Tak jak zawsze samouczek sugeruje nam nowe lekcje ze skrecza. Następnym razem jednak zrezygnujemy z nich i zaczniemy tworzyć swoje własne projekty!
Razem z końcem tego samouczka kończy się ten post. Za moment jednak wracamy żeby tworzyć swoje własne programy, bez pomocy samouczka!
Teraz zróbcie sobie znów chwilkę przerwy od patrzenia w ekran, a potem zapraszam Was do dalszej zabawy.
Komentarze
Prześlij komentarz