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

JavaScript Game Loop przykład – wisielec

Większość wolnego czasu zajmuje mi obecnie nauka do sesji (Ahh te uroki studiowania zaocznie – sesja w połowie lipca :D), dlatego znów krótki wpis. Będzie to kontynuacja ostatniego posta, w którym opisuje teorię javascript game loop’a. Przedstawię wam kolejny przykład game loop w javascripcie. Bardziej sensowny niż ten ostatni 😉

wisielec
Czytaj dalej JavaScript Game Loop przykład – wisielec

Pisanie gier w języku JavaScript – Game Loop

Ok, pisałem, że niedługo w przedstawię pełny kod pierwszej gry. Niestety nie dziś. Postanowiłem najpierw opisać bardzo ważny aspekt programowania gier, nie tylko w języku JavaScript – Game Loop.

petla
Czytaj dalej Pisanie gier w języku JavaScript – Game Loop

Wariacja o space invaders w JavaScripcie cz. 1

space invaders w Javascripcie

Nie będę pokazywał jak napisać ten klasyk gier komputerowych, ale postaram się zaprezentować coś podobnego do space invaders w JavaScripcie 🙂 Często spotykam się z opinią, że aby tworzyć gry, należy znać bardzo zaawansowane techniki programowania lub skomplikowane biblioteki / frameworki. Do tego trzeba mieć zespół grafików, dźwiękowców i cholera wie co jeszcze.

Otóż nie. Chcę udowodnić wam, że można stworzyć grę, bez tego wszystkiego. Wystarczy mieć fajny pomysł i bardzo prostymi technikami programistycznymi możemy sami napisać ciekawą grę. Nie będzie to może następca wiedźmina, ale uwierzcie mi, wciąga (na jakieś 15 minut :P) Czytaj dalej Wariacja o space invaders w JavaScripcie cz. 1