Tu znajdziesz pierwszą część poradnika.

W tym artykule pokażę Ci jak wykorzystać w grze platformowej tak zwane hitboxy.

Czym jest hitbox?

To niewidzialny obiekt powszechnie stosowany w grach wideo do wykrywania kolizji. Zazwyczaj jest on przyczepiony do widocznej postaci.

Spójrz na ten screen z gry Minecraft:

Biała ramka wokół postaci to właśnie hitbox.

Jest wiele powodów dla których twórcy gier używają obszaru kolizji. W grach typu Minecraft, może być to wykrywanie, kiedy postać ma podnieść przedmiot, lub kiedy mob ma otrzymać trafienie. Na screenie możesz zauważyć, że czapka oraz ręce wiedźmy, są poza obszarem ograniczonym białymi liniami. Gdybyś strzelił do tych części postaci z łuku, program uznałby że nie trafiłeś w postać.

Do czego nam taka mechanika w naszej grze platformowej?

Używając swoich doskonałych umiejętności graficznych, poprawiłem naszego kota. Teraz ma nieco dłuższe wąsy.

Moja modyfikacja sprawiła, że teraz nasz kot dotykając wąsami do platformy, zachowuje się tak jakby na niej stał. Przyczyną problemu jest program który napisaliśmy w poprzednim wpisie. Nie rozpoznaje on, jaką częścią ciała kot dotyka platformy. Oczywiście nie takie był nasz cel. W końcu robimy profesjonalną produkcję! Tu przychodzi pora na wykorzystanie hitboxów.

Na początek zastąpimy naszego kota zwykłym prostokątem. Zakładam że wiesz już jak dodaje się duszki więc nie będę opisywał tego krok po kroku. Upewnij się tylko że narysowany przez ciebie obiekt jest dokładnie takiej samej wielkości jak twoja postać i znajduje się na środku ekranu. Autorzy Scratch niestety usunęli w 3 wersji przycisk który do tego służył. Ja zrobiłem to tak:

Po uruchomieniu gry zamiast kotem powinieneś teraz poruszać się narysowanym przed chwilą prostokątem.

Następnie modyfikujemy nasz skrypt dodając bloki zmiany kostiumu w dwóch miejscach.

Co robi teraz nasz program?

W pętli zmienia kostium postaci na prostokąt, następnie sprawdza wszystkie warunki dotyczące postaci ( sprawdzanie odbywa się dla prostokąta), a na koniec powtórnie zmienia wygląd na kota z długimi wąsami. Całość odbywa się tak szybko że gracz nie widzi zmiany kostiumu.

Dzięki takiej operacji nasza postać, będzie wykryła przeszkody, tak jak prostokąt, a żadne wystające części postaci, nie będą już stanowiły problemu.

Podsumowanie:

Gry platformowe w Scratch są bardzo popularne. Należą do jednych z najłatwiejszych do wykonania na początek. Mimo to i tak trzeba poświecić kilkanaście godzin aby wszytko przygotować. Tym bardziej że postanowiłeś zaprogramować ją samodzielnie. Tym większe brawa dla Ciebie. W kolejnym artykule poruszę temat tworzenia animacji dla naszej postaci.

Artykuł Jak tworzyć gry platformowe w Scratch – poradnik część 2 pochodzi z serwisu CyberSkill.

Powstały w 2003 roku Scratch jest już prawie pełnoletni! Zaskakujące jak popularny jest ten program w naszym kraju. Wg statystyk na stronie Polska znajduje się na 3 miejscu na świecie, pod względem zarejestrowanych użytkowników! Po kilku miesiącach pracy z nową wersją postanowiłem opisać moje wrażenia.

Co znajdziesz w artykule? Dla nowych osób przygotowałem recenzję tej aplikacji, gdzie opisałem podstawy pracy z programem. Bardziej zaawansowani użytkownicy znajdą tu linki do darmowych materiałów w języku polskim i angielskim.

Czym jest SCRATCH?

To darmowa aplikacja, która uczy podstawowych pojęć i koncepcji programowania. Zaprojektowana została przez zespół Lifelong Kindergarten Group w MIT Media Lab. Jest przeznaczona dla dzieci w wieku od 8 do 16 lat, ale dzięki łatwemu w użyciu interfejsowi, pozwala wykorzystywać ją do nauki osób w każdym wieku. Jeśli chcesz zainteresować swoje dziecko programowaniem lub sam chcesz spróbować kodowania to Scratch jest idealnym rozwiązaniem na początek.

Aplikacja została przetłumaczona na ponad 40 języków. Wersja po polsku również jest dostępna.

Nazwa programu wywodzi się od techniki używanej przez DJ’ów do miksowania muzyki. Jednym z głównych założeń aplikacji, jest remiksowanie projektów stworzonych przez innych użytkowników.

Twórcy chcieli zmienić sposób w jaki dzieci wchodzą w interakcję z technologią. Wierzyli że dając dzieciom odpowiednie narzędzie sprawią że dzieci z konsumentów treści cyfrowych staną się ich twórcami.

Moim zdaniem osiągnęli ten cel, choć Scratch ma też minusy, o tym później.

Jak zacząć pracę z programem?

Ponieważ aplikacja została przygotowana z myślą o dzieciach rozpoczęcie pracy jest bardzo proste. Wystarczy wejść na stronę https://scratch.mit.edu. 

Do niedawna program można było uruchomić tylko na komputerach. Obecna wersja działa również na smartfonach i tabletach, jednak ze względu na mały ekran trudno będzie go obsługiwać.

Po załadowaniu strony , zobaczysz galerie programów stworzonych przez innych użytkowników. Możesz kliknąć miniaturę, aby zobaczyć stronę opisu, która zawiera informacje dostarczone przez programistę. Możesz go uruchomić, lub – co najważniejsze – kliknąć na „zajrzyj do środka”. Pozwala to zobaczyć, jak koder utworzył program. Jest to świetny sposób, aby dowiedzieć się, jak programują inni ludzie i zbierać wskazówki, jak budować własne rzeczy. Wrócę do tego tematu w dalszej części artykułu.

Bardzo podoba mi się fakt, że nie musisz tworzyć konta ani logować się, aby tworzyć projekty lub odtwarzać gotowe programy. Jedynym powodem, dla którego musisz utworzyć konto, jest zapisanie projektów. Nawet wtedy administratorzy chcą jedynie nazwy użytkownika, daty urodzenia, kraju pochodzenia, płci oraz kontaktowego adresu e-mail. Jeśli użytkownik ma mniej niż 13 lat, adres e-mail powinien być adresem rodzica, ale jest on potrzebny tylko do aktywacji i resetowania hasła. Dane te są potrzebne jedynie do statystyk i nie są nigdzie publikowane.

Kiedy mamy już aktywne konto możemy zacząć programować. Twórcy przygotowali całkiem sporo samouczków, które krok po kroku tłumaczą kolejne funkcje programu. Naukę propnuję zacząć od materiałów dostępnych na stronie:

Samouczki dla początkujących po polsku

Karty do nauki programowania j.angielski

Jak programować w SCRATCH?

Zazwyczaj kiedy próbujemy sobie wyobrazić jak wygląda programowanie, to przed oczami mamy taki obraz:

Niewiele osób będzie wstanie odczytać ze powyższy program obsługuje stoper i wyświetlacz w grze MINECRAFT. Dla większości to ciąg jakiś znaczków i ogólnie czarna magia, wiedza zarezerwowana dla nielicznych.

Tymczasem w SCRATCH programujemy łącząc ze sobą kolorowe bloczki. Pogrupowane są one w kategorie, oznaczone różnymi kolorami. Przykładowy program może wyglądać np tak:

Nawet osoba która nigdy nie miała nic wspólnego z programowaniem, będzie wstanie odgadnąć o co chodzi w tym programie.

Zauważ że każdy blok ma też indywidualny kształt. Program pozwoli połączyć ze sobą tylko te bloki które do siebie pasują. Ogranicza to do minimum możliwość popełnienia błędu.

Do dyspozycji masz wszystkie konstrukcje programistyczne występujące w językach programowania „dla dorosłych”. Będziesz więc używał pętli, warunków i zmiennych.

Mimo swojej prostoty Scratch pozwala stworzyć całkiem duże projekty. Najlepsi tworzą np szachy ze sztuczną inteligencją lub gry 3D.

Kilka słów o innych użytkownikach

Kiedy mówimy o Scratch nie można zapomnieć o społeczności która go tworzy. A ta jest naprawdę imponująca. Na koniec marca 2019 roku, aplikacja miała 39 000 000 zarejestrowanych użytkowników.

Twórcy oddali do dyspozycji sporo funkcji znanych z innych serwisów społecznościowych. Możemy więc polubić projekt czy dodać jego twórcę do obserwowanych osób. Pod każdym projektem można pozostawić również komentarz.

Ponieważ z programu korzystają głównie dzieci administracja bardzo poważnie podchodzi do moderowania treści.

Niejednokrotnie zdarzała się że projekty były blokowane przez moderatorów ponieważ nieostrożne dziecko umieściło w nim swoje dane ( imię i nazwisko czy adres).

W komentarzach użytkownicy oceniają projekt i chwalą i podpowiadają co można by poprawić w programie. Nigdy nie spotkałem się z agresją i wulgarnym zachowaniem.

Na naszym polskim forum jest grupa aktywnych użytkowników, którzy z chęcią dowiedzą na wszelkie pytania.

Remiksy

Jedną z fundamentalnych zasad Scratcha jest dzielenie się i remiksowanie projektów. Co to oznacza w praktyce?

Kod każdego projektu jest otwarty dla innych użytkowników. Mogę wejść i zobaczyć jak ktoś zaprogramował swoją grę czy animację. Sprawdzić jakich grafik i muzyki użył. Mogę skopiować całość lub jeden skrypt i przenieść go do swojego projektu.

Przykładowo: Jesteś zupełnym nowicjuszem i nie wiesz od czego zacząć. Grasz więc w gry stworzone przez kogoś innego. Po jakimś czasie chcesz zaprogramować coś swojego. Znajdujesz grę która będzie Twoją inspiracją i klikasz „Zajrzyj do środka”. Cały kod jest do Twojej dyspozycji. Jak działa menu, jak zrobić pojedynczy czy podwójny skok. Dosłownie wszytko!

Załóżmy że jesteś uzdolnionym grafikiem, ale nie za bardzo radzisz sobie z programowaniem. Wszystko co musisz zrobić, to znaleźć grę która ma odpowiednią mechanikę i zremiksować ją, dodając tylko swoją grafikę.

I to wszystko. Publikujesz swoją grę a aplikacja sama wspomni że kod stworzył inny użytkownik.

Integracje Scratch z innymi systemami

Mimo że Scratch jest samodzielną aplikacją to jego popularność sprawiła że za pomocą rozszerzeń można w nim programować inne urządzenia.

Z tych najważniejszych należy wymienić zestawy do robotyki LEGO oraz płytki Makey Makey i Microbit.

Mi osobiście najbardziej podoba się obsługa kamery powalająca tworzyć sterowane gestami gry i animacje.

Czy Scratch ma jakieś minusy?

Dla takiego entuzjasty jak ja Ciężko jest znaleźć słabe strony tej aplikacji wymienię więc tylko jeden ale za to całkiem spory.

Bardzo dużym problemem w Scratchu jest pogoń za popularnością…

Program tak jak już wcześniej pisałem jest po cześć portalem społecznościowym skupionym wokół sympatyków programowania. I jak każdy portal społecznościowy cierpi na jedną przypadłość. Jest nią oczywiście pogoń za popularnością. Duża część aktywnych użytkowników Scratch jest tam aby tworzyć gry i animacje. Chce aby zobaczyło je jak najwięcej osób. Zazwyczaj ma grono swoich „folowersów”. Niemal codziennie na forum pojawia się wpis osoby narzekającej że nikt nie gra w jego gry. Komentarze są zalewane wpisami typu „Fajne, zobacz moje projekty”. Coś co dorośli doskonale znają z Instagrama czy innych porali.

Darmowe materiały:

Na koniec tuż przed podsumowaniem obiecane materiały do samodzielnej nauki programowania w:

Mistrzowie kodowania

Mały Inżynier – Skrypt ze scenariuszami zajęć dla nauczyciela

Scratch – Materiały powstały w ramach projektu DEAFCODE

Podsumowanie

Nie ważne czy jesteś dzieckiem, czy dorosłym. Scratch każdemu oferuje dużo zabawy i eksperymentowania. Zawsze warto po niego sięgnąć bo może sprawić , że pomyślisz: „Mogę programować! To nie jest takie trudne!”

Osobiście jestem wielkim fanem tej aplikacji. I polecam ją każdemu.

Napiszcie proszę w komentarzach co myślicie o Scratchu i wstawcie linki do swoich gier! Na pewno was odwiedzę!

Inne wpisy które mogą Cie zainteresować:

Artykuł Scratch 3.0 – recenzja i materiały do nauki. pochodzi z serwisu CyberSkill.

Ostatnia aktualizacja artykułu: 02/05/2019

Platformówki to jeden z najstarszych i najpopularniejszych gatunków gier. Niemal każdy zna ich proste zasady. Wielopoziomowe platformy, pułapki, przeciwnicy, zbieranie pieniędzy lub innych bonusów i czasami walka z uciekającym czasem.

Najbardziej znanym przedstawicielami tego gatunku są niewątpliwie takie gry jak: Mario, Mega man, Sonic, Rayman, DuckTales, Crash Bandicoot czy Earthworm Jim.

Na dobrą grę składa się kilka elementów:s grafika, historia, bohaterowie no i oczywiście fizyka. W grach platformowych ten ostatni element jest jednym z najważniejszych. Zaczynamy! Link do scratcha : https://scratch.mit.edu/

Uwaga!!! Poradnik zakłada że znasz już podstawy Scratch. Oprócz warunków i pętli ,potrzebna będzie też wiedza jak tworzyć i używać elementów: „Moje bloki” oraz „Zmienne”.

1. Grawitacja w Scratch – gry platformowe

Tworzenie naszej gry zaczniemy od przygotowania grawitacji. W końcu robimy platformówkę. Ten element można zaprojektować na kilka sposobów. Pokażę ci Te które uważam za optymalne.

Etap 1.1 – prosta grawitacja

Najprostszy skrypt mógłby wyglądać tak jak na obrazku obok. Po kliknięciu w zieloną flagę duszek zaczyna spadać. (przesuwać się w dół wzdłuż osi Y).

Problem:

Niestety nie wygląda to zbyt realistycznie, ponieważ postać przesuwa się ze stałą prędkością. Gdybyśmy skoczyli w rzeczywistości grawitacja sprawiłaby ze poruszalibyśmy się coraz szybciej.

Etap 1.2  – grawitacja z przyspieszeniem

Musimy poprawić nasz skrypt i sprawić aby duszek spadając poruszał się coraz szybciej. Aby osiągnąć taki efekt musimy użyć zmiennych. W naszym przypadku nazwiemy ją „prędkość_Y”.

Po modyfikacji postać porusza się już zdecydowanie bardzie naturalnie. Widać że nasz bohater spada coraz szybciej.

Problem:

Duszek nie zatrzymuje się na krawędzi ekranu tylko ciągle spada! potrzebujemy sposobu aby przerwać wykonywanie programu gdy trafi na przeszkodę.

Etap 1.3 – wykrywanie przeszkody pod postacią

Naszego bohatera zatrzymamy dzięki warunkom. Na początek utwórz nowego duszka „platforma” na którym ma stanąć nasz bohater i umieść go w polu gry pod swoją postacią. Następnie zmodyfikuj skrypt wg przykładu obok.

Problem:

Duszek wpada w platformę i stopniowo z niej wychodzi. Nasz kod faktycznie sprawia że postać jest „wypychana” jeśli wpadnie w platformę, ale w takiej postaci nie wygląda to profesjonalnie. Trzeba zrobić coś, aby nie było to widoczne dla gracza.

Etap 1.4 – Moje bloki – jak utworzyć w Scratch 3.0?

Moje bloki w scratch mają wiele zastosowań. Służą głównie do upraszczania kodu. My skupimy się tylko na jednym z nich, który rozwiąże nasz problem.

• wejdź w zakładkę „Moje bloki”
• kliknij „utwórz blok”. w nowym oknie nadaj mu dowolną nazwę
• koniecznie zaznacz opcję „wykonaj bez odświeżania ekranu”! – ta opcja ukryje przed graczem to że nasza postać wpada w platformę.

Problem:

Jak wykorzystać blok „wykrywanie platformy” w naszym projekcie?

Etap 1.5 – Moje bloki – jak wykorzystać w Scratch 3.0 ?

Zwróć uwagę jakich zmian należy dokonać w naszym skrypcie.

• Część dotyczącą zatrzymania duszka zastąpiliśmy blokiem „wykrywanie platformy”
• Do definicji bloku przenieśliśmy kod odpowiedzialny za wykrywanie platformy.
• Użyliśmy innego rodzaju pętli (powtarzaj aż) aby skrypt wykonywał się tylko gdy postać dotyka przeszkody

2.Sterowanie postacią w Scratch – gry platformowe

Teraz kiedy grawitacja działa już jak należy, możemy zająć się poruszaniem postaci. Przy okazji zobaczysz jak można poradzić sobie z kilkoma problemami na które trafimy.

Etap 2.1 – Projekt poziomu testowego

Zaczniemy od zaprojektowania poziomu testowego. Potrzebujemy czegoś prostego, co pozwoli nam sprawdzić czy poprawnie zaprogramowaliśmy naszą postać. Upewnij się że w twoim projekcie znajdzie się: kilka platform , pionowe ściany i jakieś pochyłości.

Etap 2.2 – Chodzenie po platformach

Nasz program na sterowanie jest bardzo prosty.:

• Zawsze – sprawia że po kliknięciu zielonej flagi zawsze sprawdza instrukcje w pętli
• ustaw styl obrotu – sprawdź co się stanie bez tego bloku 🙂
• jeżeli – warunek sprawdza czy odpowiedni klawisz został wciśnięty jeśli tak to wykonuje instrukcję.
• kierunek „90” = prawo „- 90” = lewo
• zmień x przesuwa naszego bohatera o odpowiednią ilość pól względem osi x

Etap 2.3 – Upraszczamy kod używając opcji „Mój blok”

Wróć do punktu 1.4 i utwórz kolejny własny blok który będzie służył do przechowywania instrukcji jak poruszać postacią.

Tym razem wykorzystamy też opcję „dodaj dane wejściowe”. Kliknij ją 2 razy. Nadaj nazwę blokowi i polom z danymi. koniecznie zaznacz opcję „wykonaj bez odświeżania ekranu”

Zmodyfikuj skrypt na chodzenie tak jak na załączonym obrazku.

Ta modyfikacja jest nam potrzebna aby rozwiązać kolejny problem.

Etap 2.4 – Programujemy wykrywanie ścian.

Przetestuj swoją grę. Zauważysz że kiedy Twoja postać dotknie ściany to zostaje natychmiast „teleportowana” na jej szczyt. Dzieje się tak ponieważ działa nasza instrukcja z punktu 1.5 (wykrywanie platformy). Chcieliśmy aby działała w przypadku platformy pod nogami postaci, a nie pionowych przeszkód! Zmodyfikujmy więc nasz kod.

Ten problem rozwiążemy w bardzo ciekawy sposób. Sprawimy że nasza postać będzie mogła wchodzić po pochyłościach, ale tylko niektórych. Jeśli podejście będzie za strome, nasza postać nie ruszy się z miejsca.

Wykorzystaj to zachowanie naszego bohatera przy projektowaniu poziomów!

Etap 3 – Jak zaprogramować skakanie postacią w Scratch – gry platformowe

Na tym etapie możemy się zająć napisaniem, a w zasadzie, ułożeniem kodu opowiedzianego za skakanie postacią.

Etap 3.1 – Skakanie prosty kod

Aby dodać możliwość skakania wróćmy do części naszego programu gdzie umięśniliśmy kod odpowiedzialny za chodzenie.

Dodajemy kod jak na załączonym obrazku i podczas testowania, mamy prawie to o co na nam chodziło. Postać skacze wyżej , jeśli dłużej przytrzymamy klawisz,jednak coś dziwnego dzieje się gdy go puszczamy.

Problem:

Postać nienaturalnie szybko spada po puszczaniu przycisku „W”.

Ponownie działa kod z punktu 1.5 – natychmiast kiedy nie dotykamy platformy skrypt nalicza wartość do spadania. Kiedy puszczamy przycisk „W” przesuwamy się od razu w dół o np 10 kroków, a nie o 1. Naprawmy to!

Etap 3.2 – Poprawiamy kod na Skakanie

Poprawiony kod działa nieco lepiej. Wyeliminowaliśmy problem z dziwnym spadaniem. Pojawił się za to inny! Kiedy dłużej przytrzymamy przycisk W nasza postać zaczyna latać!

Tak w 90% wygląda praca programisty rzadko zdarza się że nasz kod zadziała 100% tak jak zaplanowaliśmy. Zazwyczaj trzeba się wielokrotnie cofać aby poprawić elementy programu.

Etap 3.3 – Skok wersja poprawiona

Aby ostatecznie poprawić nasz kod na skakanie, dodamy zmienną, która będzie sprawdzała jak długo nasza postać jest w powietrzu. I pozwoli wykonać Skok tylko wtedy, jeśli jej wartość będzie bliska 0.

Modyfikację należy wykonać w 2 miejscach. Zgodnie z załączonym obrazem

Etap 3.4 – Wykrywanie sufitu

Nasz kod potrzebuje jeszcze jednej poprawki. Jak słusznie zauważył Wiktor w swoim komentarzu, nasza postać teleportuje się na platformę kiedy dotknie jej głową. Jak rasowi programiści kolejny raz musimy poprawić nasz skrypt.

W naszym projekcie mamy procedurę odpowiedzialną za wykrywanie platformy. Poprawialiśmy go w punkcie 3.3.

Na tą chwilę nasz kod podnosi postać do góry zawsze kiedy dotyka platformy. Niezależnie czy będzie to głowa, nogi czy inna część naszej postaci.

Chcemy natomiast żeby czynność podnoszenia nie była wykonywana jeśli postać jest w trakcie skoku. Dzięki temu kiedy w trakcie skoku dotkniemy głową platformy, nasza postać odbije się od niej.

Po pierwsze musimy edytować blok „wykrywanie platformy” i dodać wartość typu bolean. Nazwiemy ją „w_powietrzu?” i jak sama nazwa wskazuje będzie sprawdzała czy nasza postać znajduje się w trakcie skoku.

Zmienna bolean może przyjąć tylko 2 wartości prawda lub fałsz. Jak już pewnie się domyślacie wykorzystamy to aby kod „wykrywanie platformy” wykonywał różne instrukcje w zależności jaka będzie jej wartość.

Jeśli postać jest w trakcie skoku i dotknie platformy ma się od niej odbić.
Jeśli postać nie skacze ma tak jak do tej pory stać na platformie.

Wszystkie modyfikacje które musimy wykonać prezentuje ten screen:

Podsumowanie

I to już koniec pierwszej części poradnika jak stworzyć grę platformową w scratch. Mamy gotową fizykę. Nasza postać potrafi skakać i chodzić. Spada też z platform. W kolejnej części dodamy kilka poprawek i ulepszeń.

Projekt z gotową fizyką możecie zobaczyć pod tym linkiem: https://scratch.mit.edu/projects/291295129/

Jeśli stworzyłeś na podstawie tego poradnika, jakąś fajną platformówkę, to podziel się linkiem do niej w komentarzu!

Artykuł Scratch gry platformowe – jak tworzyć? pochodzi z serwisu CyberSkill.