JS Platformer – wstępna architektura projektu

Mam już ogólny zamysł tego jak będzie wyglądać moja gra platformowa. Stworzyłem podstawowy prototyp, z którego jestem zadowolony i na bazie tego właśnie prototypu, będę dalej rozwijał swój projekt.

Trochę posprzątałem w tym prototypie i myślę, że w obecnym stanie gra jest gotowa aby zacząć pracować nad nią dalej. w dzisiejszym poście, przedstawię podstawową architekturę, mojego projektu oraz objaśnie działanie jego konkretnych elementów.

JS Platformer - wstępna architektura projektu Czytaj dalej JS Platformer – wstępna architektura projektu

JS Platformer – dalszy ciąg prototypowania

W ostatnim poście przedstawiłem dwa prototypy tworzonej przeze mnie platformówki. Różniły się one głównie sposobem sterowania. W jednym z nich postać kontroluje się tylko klawiaturą, w drugim dochodzi myszką.

Szczerze mówią byłem prawie zdecydowany na to, żeby gra powstawała na podstawie pierwszego prototypu. Jednak wspomniany wpis spotkał się z dużym odzewem ze strony czytelników. Pod postem pojawiła się zawrotna ilość komentarzy (aż trzy, rekord tego bloga)! I według was lepszy jest drugi prototyp. I co teraz?

Gra platformowa w javascript Czytaj dalej JS Platformer – dalszy ciąg prototypowania

Gra platformowa w javascript – pierwsze prototypy.

W końcu ruszyły konkretne prace nad moim projektem. Gra platformowa w javascript zaczyna nabierać kształtów. Na początek postanowiłem stworzyć prototyp gry. W nim będę mógł przetestować różne funkcjonalności, które pojawią się (lub nie) w pełnej wersji.

Na pierwszy ogień poszła postać gracza. Chciałem zaprojektować jej ruchy oraz ataki. Miałem parę pomysłów i nie mogłem się zdecydować na jedną koncepcje, więc przygotowałem… dwa prototypy 😀

Gra platformowa w javascript Czytaj dalej Gra platformowa w javascript – pierwsze prototypy.

JSetpack – gra co miesiąc: luty – Kompletna gra.

Z przedstawieniem kompletnej gry miesiąca, musiałem czekać na ostatnią chwilę. Inaczej być nie mogło… Na szczęście luty w tym roku dłuższy niż zwykle, akurat żebym ze wszystkim zdążył 🙂

Mój klon starusieńkiego Jetapaca – Jsetpack jest już gotowy.

Programowanie gier w JavaScript Czytaj dalej JSetpack – gra co miesiąc: luty – Kompletna gra.

(WIP) JSetpac – gra co miesiąc: luty – aktualizacja

Pracę nad grą lutego trwają w najlepsze. Doszło sporo nowości 🙂 . W aktualnej wersji, gra tworzy dość zgraną całość, dlatego postanowiłem, że czas na wpis.

Gra już trochę bardziej przypomina oryginał niż ostatnio. Wiele rzeczy robię z pamięci, więc nie gwarantuje, że wszystko będzie działać identycznie jak w pierwotnym JetPacu.

JavaScript Noob Tworzenie Gier Czytaj dalej (WIP) JSetpac – gra co miesiąc: luty – aktualizacja

(WIP) JSetpac – gra co miesiąc: luty – pierwsza odsłona

Czas na kolejny wpis z serii gra co miesiąc. Tym razem tworzę JavaScriptowy remake starej gry Jetpac. Kiedys trochę grałem w tę grę na wysłużonym komputerze ZX Spectrum i bardzo mi się podobała. Szczerze mówiąc od dawna chciałem ją odtworzyć. W końcu mam dość umiejętności aby tego dokonać 🙂

W grze mam do czynienia z podstawowymi prawami fizyki. Na postać gracza działa grawitacja i jeżeli żadna siła nie będzie unosić go w górę, zacznie opadać. Na szczęście, wyposażony jest w tytułowy jetpack, czyli plecak odrzutowy 🙂 Dzięki temu może się wznieść i wylądować na platformach znajdujących się w powietrzu (nie, na platformy grawitacja nie działa, cicho!).

Tworzenie gier w JavaScripcie Czytaj dalej (WIP) JSetpac – gra co miesiąc: luty – pierwsza odsłona

Tworzenie gier w JavaScript – obiekty blokujące ruch

W dzisiejszym poście opiszę kolejną technikę przydatną podczas tworzenia gier 2d. Chodzi o blokowanie ruchu jednych obiektów innymi obiektami.

Jest to tak naprawdę wariacja kolizji z paroma dodatkowymi haczykami. Tym razem jako przykładu, znów użyję mojego psa 🙂 .

obiekty blokujące ruch Czytaj dalej Tworzenie gier w JavaScript – obiekty blokujące ruch

(WIP) Wiedźma – gra co miesiąc: styczeń – Kompletna gra

Udało się! Oddaje w wasze ręce kompletną grę przed końcem miesiąca. W tym poście opiszę jak wyglądał cały proces tworzenia gry, czego nauczyłem się przez ten miesiąc, oraz jakie wyciągnąłem po wszystkim wnioski.

Zmian w logice gry jest nie wiele. Większość nowości, to usprawnienia estetyczne 🙂 Zawistni ludzie twierdzili, że nie potrafię rysować. Mam nadzieję, że nowym materiałem udowodniłem, że jest inaczej 🙂

javascript noob gra co miesiąc styczeń kompletna gra Czytaj dalej (WIP) Wiedźma – gra co miesiąc: styczeń – Kompletna gra

(WIP) Wiedźma – gra co miesiąc: styczeń – update 2

Nic nie daje takiego natchnienia do pracy jak zbliżający się termin 🙂 Do końca miesiąca został tylko tydzień a styczbiowa gra nie jest jeszcze gotowa. Na szczęście nie zostało zbyt wiele pracy. W tej aktualizacji dodałem sporo nowości.

W lesie pojawiają się teraz potwory, które przeszkadzają wiedźmie w zbieraniu ziół. Drugą rzeczą mając na celu utrudnić czarownicy życie, są drzewa i kamienie, które blokują jej lot i muszą być omijane

javascript noob gra co miesiąc styczeń Czytaj dalej (WIP) Wiedźma – gra co miesiąc: styczeń – update 2

(WIP) Wiedźma – gra co miesiąc: styczeń – update 1

Pora na pierwsza aktualizację projektu „Wiedźma – gra co miesiąc”. Spędziłem nad projektem trochę czasu i muszę przyznać, że gra zaczyna nabierać kształtów. Prawie wszystkie zmiany nastąpiły w głównym stanie gry. Jedyna zmiana poza nim to nowy stan, obsługujący sytuacje, w której gracz ukończy grę z pozytywnym wynikiem. Aby go osiągnąć trzeba sprawić żeby czarownica zebrała 4 magiczne zioła i wróciła z nimi do chatki.

Zioła można znaleźć w lesie. Aby je zioło, czarownica musi po prostu na nie nalecieć. Dodałem też system powiadomień. Kiedy gracz wykona jakąś akcje, która wpłynie na stan gry, na ekranie pojawi się tekst informujący go o tym. Na przykład gdy czarownica wleci do chatki bez wszystkich ziół, pojawi się odpowiednie powiadomienie. Ostatnią nowością, jest to, że wiedźma może teraz ciskać magicznymi pociskami. Aby ją do tego zmusić, wystarczy że gracz naciśnie spację.

Wiedźma - gra co miesiąc Czytaj dalej (WIP) Wiedźma – gra co miesiąc: styczeń – update 1