Tag: tworzenie gier

Podstawowe przekształcenia w elemencie Canvas

Element canvas nadaje się świetnie do tworzenia gier (oraz różnego rodzaju animacji) w środowisku przeglądarki. Nie jest bez wad ale zdecydowanie to najlepszy wybór z dostępnych opcji. API obsługujące canvas jest bardzo proste w użyciu, wystarczy wyznaczyć współrzędne x oraz y obiektu i wyrysować go stosując odpowiednie metody. Takie podejście jest idealne, jednak nie kompletne.

Manipulując tylko tymi współrzędnymi szybko natrafimy na pewne ograniczenia. Na przykład gdy chcemy obrócić element lub go przeskalować. Obliczanie nowych współrzędnych i wielkości może stać się bardzo mozolne. Na szczęście mamy przekształcenia.

JavaScript Noob Canvas Przeksztalcenia Czytaj dalej Podstawowe przekształcenia w elemencie Canvas

GCM – Maj: Angular RPG. Potwory w świecie gry.

Chyba nikogo nie zaskoczy fakt, że post o grze majowej pojawia się w czerwcu 🙂 Dobra wiadomość jest taka, że tworzenie gry tekstowej w AngularJS idzie pełną parą i wszystko wskazuje na to, że projekt będzie skończony w pierwszym tygodniu czerwca 😉

Tymczasem do gry dodałem wstępną implementację systemu przeciwników. Losowo pojawiają się oni w wybranych lokacjach i atakują gracza gdy ten wejdzie na ich teren. Gracz może oczywiście oddać 🙂 Póki co nie ma żadnego systemu walki, ale odpowiednie pod niego fundamenty już stoją.

Tworzenie gry tekstowej w AngularJS Czytaj dalej GCM – Maj: Angular RPG. Potwory w świecie gry.

JS Platformer – kule many i odłamki energii.

Do tej pory mana postaci gracza regenerowała się sama i to w dość szybkim tempie. Wspominałem jednak, że w ostatecznej wersji gry, nie będzie miało to miejsca (a przynajmniej nie od razu). Aby odzyskać magiczną moc, bohater musi zebrać specjalne kule many.

Jednak w czasie gry będzie można zyskać regenerację many. Najpierw jednak należy zebrać odpowiednią ilość odłamków kryształu energii. Wykorzystując zawartą w nich moc, gracz może odblokować różne ciekawe ‚wspomagacze’.

Zarówno kule many jak i odłamki energii są już obecne w grze 🙂 .

Od czego zacząć tworzenie gier w JavaScript Czytaj dalej JS Platformer – kule many i odłamki energii.

Fantasy Commando – gra co miesiąc: kwiecień. Nowe poziomy.

Rozpoczął się ostatni tydzień kwietnia a to oznacza, że najwyższy czas przysiąść do projektu ‚gra co miesiąc’. Wbrew pozorom nie zostało mi wiele pracy. Nie licząc dzisiejszej, przewiduję jeszcze dwie większe aktualizacje i gra będzie gotowa.

Tym razem zmiany są niewielkie, ale potrzebne zanim zabiorę się za konkretniejsze rzeczy.

Phaser tworzenie nowych poziomów Czytaj dalej Fantasy Commando – gra co miesiąc: kwiecień. Nowe poziomy.

JS Platformer – Kolejna aktualizacja

Ostatnim razem przedstawiłem wstępną wersję przeciwników w mojej grze platformowej. Całość działała jak należy, jednak miało się wrażenie, że nie wszystko jest kompletne. Tym razem pokażę bardziej dopracowaną implementację.

Udało mi się też, w końcu, dodać odpowiednie zachowanie trzeciego czaru, czyli ognistej bomby.

JavaScript noob kolejna aktualizacja daj sie poznac Czytaj dalej JS Platformer – Kolejna aktualizacja

Fantasy Commando – gra co miesiąc: kwiecień. Mapa Poziomu.

W ostatnim poście napisałem, że muszę znaleźć sposób na to aby odłączyć obiekt bohatera od stanu gry reprezentującego poziom. Myślałem trochę nad tym problemem i postanowiłem ugryźć go z trochę innej strony.

Zamiast odłączać postać gracza od stanu, odłączę dane samego poziomu. Chcę w ten sposób w jednym stanie wczytywać aktualne etapy gry. Na przykład, gdy gracz ukończy jeden etap, zamiast zmieniać stan, gra wczyta nowe dane do aktualnego.

Phaser Gra od podstaw Czytaj dalej Fantasy Commando – gra co miesiąc: kwiecień. Mapa Poziomu.

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.

Jesienna układanka – jak napisać prostą grę w jQuery

We wcześniejszych wpisach pokazywałem już jak napisać prostą grę w jQuery, popularnym javascriptowym frameworku. Przykładem może być moja gra tekstowa lub wariacja na temat space invaders. Fakt, jQuery nie sprawuje się tak dobrze jak canvas. Ma znacznie uboższe możsliwośći animacji. Jest jednak, w moim mniemaniu, mniej skomplikowane i do prostych gier nadaje się idealnie.

Weekendowy spacer w lesie zainspirował mnie do stworzenia takiej właśnie prostej gry – układanki. Celem jest ułożenie elementów w odpowiedniej kolejności, tak aby pokazywały zdjęcie. Najlepiej zrobić to w jak najkrótszym czasie. Sprawa jest o tyle trudna, że można przesuwać tylko po jednym klocku jeśli akurat obok niego jest wolne miejsce. Elementy można przesunąć klikając na nich. Gra daje również możliwość wyboru poziomu zaawansowania. Dostępne są poziomy: „łatwy”, „średni” i „trudny”. Po ułożeniu zdjęcia, gra wyświetla wynik, czyli czas jaki zajęło graczowi ukończenie układanki.

Jak napisać prostą grę w jQuery Czytaj dalej Jesienna układanka – jak napisać prostą grę w jQuery