Tag: game development

(WIP) Space Attack – Gra napisana w HTML5 canvas

Nadszedł czas na nowy projekt. Od węża nie zamiesciłem nic stworzonego w technologii canvas. Dziś wielki powrót do tego cuda. Muszę przyznać, praca z ‚płótnem’ sprawia mi największą radość. Kod praktycznie pisze się sam 🙂 .

Nowy projekt to Space Attack – gra napisana w HTML5 canvas. Będzie to klasyczny space shooter, coś na kształt kultowej gry Galaga. Obecnie nie jest to pełna gra. Do teraz stworzyłem tylko główną scenę. Znajduje się na niej statek kontrolowany przez gracza. Może on poruszać się na boki, oraz odpalać rakiety. Do tego w tle gry poruszają się gwiazdy. Na razie to wszystko. To taka wczesna wersja alfa 🙂 .

Zachęcam do sprawdzenia dema gry. Tym razem przygotowałem również paczkę z plikami projektu do pobrania.

Space Attack - gra napisana w HTML5 canvas Czytaj dalej (WIP) Space Attack – Gra napisana w HTML5 canvas

(WIP) Gra tekstowa w jQuery. Aktualizacja numer 2 – używanie przedmiotów

Nic nie sprzyja kreatywnej pracy tak jak stan podgorączkowy 😀 . Ahh, uroki jesieni. Postanowiłem wykorzystać ten błogosławiony stan i zasiadłem do mojego dawno nie ruszanego projektu. Dzięki temu, gra tekstowa w jQuery uzyskała nową aktualizację. Poprzednie wpisy o tekstówce można znaleźć tutaj oraz tutaj.

Tym razem do gry dodałem możliwość używania przedmiotów. Dzięki temu może zajść interakcja pomiędzy graczem a światem gry. Na przykład znaleziony klucz może posłużyć do otworzenia zamkniętych drzwi.

W najnowszą wersje gry można zagrać klikając w ten link.

gra tekstowa w jQuery Czytaj dalej (WIP) Gra tekstowa w jQuery. Aktualizacja numer 2 – używanie przedmiotów

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

(WIP) Gra tekstowa RPG – aktualizacja – przedmioty

Nadeszła prawdziwa jesień. Za oknem zimno, szaro i deszczowo. Idealna atmosfera do pisania kodu! Parę projektów przewija się ostatnio przez ekran mojego monitora, ale to co chcę dziś pokazać to aktualny stan gry tekstowej o której pisałem niedawno.

Gra tekstowa RPG wciąż nie jest kompletna, ale prace zdecydowanie ruszyły do przodu. Zacząłem od drobnych zmian w strukturze kodu. Przede wszystkim jednak dodałem do gry przedmioty. Gracz, może teraz w pomieszczeniach gry znaleźć różne rupiecie, które można podnieść i odłożyć w innym miejscu. Aktualna wersja gry do przetestowania tutaj.

Gra tekstowa RPG Czytaj dalej (WIP) Gra tekstowa RPG – aktualizacja – przedmioty

(WIP) Gra tekstowa RPG w JavaScript i jQuery

I tak oto z popołudniowego dłubania i eksperymentowania z kodem narodził się nowy pomysł – Gra tekstowa RPG. Póki co, projekt jest w powijakach, ale czuję, że może być przy nim sporo zabawy i satysfakcji. Tym razem odchodzę od elementu canvas. Przyczyna: nie ma tu żadnej grafiki. A to dlatego, że tematem projektu jest oldschoolowa gra przygodowa, zwana czasem tekstówką. Tego typu gry, są tak stare, że nawet ja ledwo pamiętam konkretne tytuły 🙂

Przy tworzeniu gry, pomagam sobie biblioteką jQuer. Jest ona nie zastąpiona, jeśli chodzi o manipulowania DOM-em. Wczesna wersja beta gry, do pogrania tutaj.

gra tekstowa RPG Czytaj dalej (WIP) Gra tekstowa RPG w JavaScript i jQuery

HTML 5 Canvas: Snake – wersja kompletna

Jakiś czas temu zaprezentowałem szkic nowego projektu. Moim celem było odtworzenie legendarnej gry z telefonów komórkowych – Snake. Dziś przedstawiam kompletny projekt, wąż napisany w JavaScripcie, przy użyciu elementu canvas.

Gra dostępna pod tym linkiem. A poniżej, jak zwykle, opis kodu.

snake Czytaj dalej HTML 5 Canvas: Snake – wersja kompletna

(WIP) HTML5 Canvas: Snake w JavaScript

Stary projekt zakończony, czas na coś nowego. Dalsze zabawy z elementem canvas zaowocowały kilkoma pomysłami. Jednym z tych pomysłów było odtworzenie popularnej niegdyś gry snake.
Oto wyniki mojej pracy.

snake Czytaj dalej (WIP) HTML5 Canvas: Snake w JavaScript

Wariacja o space invaders w JavaScripcie cz. 3 (Ostatnia, wersja niekompletna)

Aż cztery posty o jednym prostym projekcie 🙂 Ale ten post jest (na szczęście?) już ostatni, obiecuję.

W moim początkowym zamyśle, gra ta miała działać w następujący sposób: gracz widzi tylko ten input, który aktualnie musi wpisać, potwierdza przyciskiem, gra reaguje a gracz widzi kolejny.

Długo dłubałem przy tym projekcie (dwie poprzednie wersje to potwierdzają), co rusz dodając coś nowego. Ostatnim dodanym tworem jest prosty system kontrolowania stanów. O tym będzie dzisiejszy post.

space invaders w Javascripcie Czytaj dalej Wariacja o space invaders w JavaScripcie cz. 3 (Ostatnia, wersja niekompletna)

Wariacja o space invaders w JavaScripcie cz. 2

Dziś dalszy ciąg opisu mojej wariacji o space invaders w JavaScripcie. Tym razem mamy do czynienia z pełną grą. Nie jest to jeszcze ostateczna wersja, ale na tę chwilę jest w stu procentach sprawna i grywalna. Bez zbędnych ceregieli, oto aktualna gra.

space invaders
Czytaj dalej Wariacja o space invaders w JavaScripcie cz. 2