Tworzenie gier w JavaScript: requestAnimationFrame

Nie na długo odszedłem od tematu tworzenia gier 🙂 Od pewnego czasu zbierały mi się tematy, z którymi chciałem poeksperymentować. Przede wszystkim z funkcją, o której słyszałem, że bardzo usprawnia Tworzenie gier w JavaScript: requestAnimationFrame. Ponieważ w Święta człowiek ma sporo wolnego, to zamiast siedzieć, nudzić się i objadać sernikiem, postanowiłem spożytkować ten czas i wypróbować parę nowych technik programowania gier (no dobra, jedząc w tym czasie sernik 😉 ).

W taki sposób powstał mini-projekcik, z którego screen widzicie poniżej (Póki co nie jest to jeszcze gra:)). Dużo w nim poeksperymentowałem i sporo się nauczyłem. Wszystko oczywiście opiszę w tym poście. Projekt można obejrzeć klikając w obrazek poniżej. Jak zwykle przygotowałem też paczkę z kodem, aby każdy mógł sam sobie podłubać.

Tworzenie gier w JavaScript - requestAnimationFrame Czytaj dalej Tworzenie gier w JavaScript: requestAnimationFrame

Jak stworzyć formularz logowania w AngularJS

Ostatnio na blogu pojawiały się głównie wpisy o programowaniu gier. Dziś czas na coś innego. W końcu nie samymi grami człowiek żyje 🙂 Tym razem pokażę jak stworzyć formularz logowania w AngularJS. O stosowaniu angulara pisałem już co nieco, wiedza z tamtych postów wystarczy aby zrozumieć jak działa kod dzisiejszego mini projketu. Skoro już mowa o kodzie, działający formularz wrzuciłem do paczki, którą umieściłem pod tym linkiem. Możecie go ściągnąć i pogrzebać na własną rękę 🙂

Jak stworzyć formularz logowania w AngularJS Czytaj dalej Jak stworzyć formularz logowania w AngularJS

JavaScript tworzenie animacji w grach przy użyciu spritesheet’ów

W dzisiejszym poście pokaże wam jak działa w JavaScript tworzenie animacji w grach. Jak zwykle, nie będę przedstawiał czystej teorii. Pokażę własną grę, w której postaci i obiekty są animowane. Użyłem do tego sprite sheet’a czyli arkusza klatek, ściągniętego z neta.

Ponieważ są święta, moja gra będzie posiada świąteczny motyw 🙂 Aby w nią zagrać, wystarczy kliknąć w obrazek poniżej. Przygotowałem też paczkę z całym projektem. Możecie ją ściągnąć i pobawić się z kodem.

JavaScript tworzenie animacji w grach Czytaj dalej JavaScript tworzenie animacji w grach przy użyciu spritesheet’ów

(WIP) Space Attack – Gra napisana w JavaScript. Kolejny update.

Space Attack – Gra napisana w JavaScript zaczyna nabierać rumieńców. W tym poście przedstawię kolejny update, prosto z edytora tekstu 🙂 . Nowości jest sporo. Przede wszystkim, Space Attack nadaje się już do grania. Można spróbować klikając w obrazek poniżej. Jak zwykle, przygotowałem też paczkę z kodem oraz grafikami projektu.

Gra napisana w JavaScript - Space Attack Czytaj dalej (WIP) Space Attack – Gra napisana w JavaScript. Kolejny update.

„Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier” – Recenzja

W dzisiejszym poście przedstawiam moje opinie na temat książki Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier autorstwa Jeanine Meyer.

Tworzenie gier jest świetnym sposobem na naukę programowania. Dlaczego? Ponieważ jest to coś co sprawia ogromną frajdę. Wiadomo, że gdy nauka jest przyjemna to dużo łatwiej przyswaja się nową wiedzę. Sam jestem tego dobrym przykładem. Wystarczy zerknąć na ile z moich projektów na blogu to gry. Przy każdym z nich nauczyłem się wiele a żaden z nich nie był dla żmudną pracą. To była świetna zabawa. Dlatego nawet jeżeli nie chcesz zostać programistą gier, powinieneś rozważyć stworzenie jednej czy dwóch aby rozwinąć swoje umiejętności. A co jeśli nie masz jeszcze odpowiednich umiejętności aby zacząć, lub brak Ci pomysłów na nową grę? Wtedy warto sięgnąć po książkę która opisuje taki temat.

Jedną z takich książek jest Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier autorstwa Jeanine Meyer. Czy jest to książka, która da Ci pomysły i podstawy potrzebne do tworzenia gier w JavaScripcie? Przeczytaj ten post aby poznać moją opinie.

Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier Czytaj dalej „Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier” – Recenzja

(WIP) Space Attack Gra w JavaScript. Nowy silnik.

Minął już ponad tydzień od wpisu o moim nowym projekcie, grze Space Attack. Nie zapomniałem jednak o niej, wręcz przeciwnie, w wolnych chwilach praca szła pełną parą. Dziś mogę pokazać pierwszą aktualizację stanu projektu Space Attack gra w JavaScript.

Na pierwszy rzut oka, może wydawać się, że niewiele zostało zmienione. To nieprawda, prawie całkowicie przepisałem kod projektu. Powstał silnik gry, który obsługuje stany programu, oraz sprawia, że wszystko działa znacznie płynniej niż wcześniej.

Aktualną wersję gry można wypróbować klikając w ten link. Tak jak ostatnio dodałem również paczkę z kodem do ściągnięcia.

Space Attack - gra napisana w HTML5 canvas Czytaj dalej (WIP) Space Attack Gra w JavaScript. Nowy silnik.

struktury danych w JavaScripcie – lista dwukierunkowa

Kolejny post i znowu listy. Nie ma się co dziwić, tak jak pisałem, jest to jedna z najpopularniejszych struktur danych. Do tego ich implementacje w JavaScripcie są bardzo ciekawe i mogą wiele nauczyć o działaniu języka. Wersja, która omówię w tym poście w szczególności. Dziś w serii struktury danych w JavaScripcie – lista dwukierunkowa.

struktury danych w JavaScripcie – lista dwukierunkowa Czytaj dalej struktury danych w JavaScripcie – lista dwukierunkowa

struktury danych w JavaScripcie – lista jednokierunkowa

Kolejny post z serii struktury danych w JavaScripcie – lista jednokierunkowa. Podstawy działania listy omówiłem ostatnim razem. Teraz kolej na bardziej rozbudowaną wersję tej struktury danych – listę jednokierunkową.

Struktury danych w JavaScripcie – Lista Czytaj dalej struktury danych w JavaScripcie – lista jednokierunkowa

Struktury danych w JavaScripcie – Lista

Dziś ‚struktury danych w JavaScripcie – Lista’, czyli powrót do serii artykułów o strukturach danych. Listy to tak naprawdę jedna z najczęściej używanych struktur. W JavaScripcie świetnie symuluje ją zwykła tablica. Mimo to w ramach treningu/nauki zbuduję własną klasę tak jak zrobiłem to ze stosem oraz kolejką. Nie będzie to duże wyzwanie, zachowanie listy jest dość proste. Jednak dobre zrozumienie działania tej struktury danych będzie świetnym wstępem do bardziej wymagających wersji, list jedno i dwukierunkowych.

Struktury danych w JavaScripcie – Lista Czytaj dalej Struktury danych w JavaScripcie – Lista

(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