Tag: programowanie obiektowe

Struktury danych w JavaScripcie – Słownik

Czas najwyższy na kolejny post z serii o strukturach danych. Tym razem bardzo prosta do zaimplementowania struktura – słownik.

Słownik składa się z danych połączonych w pary: klucz i wartość. Klucza używamy aby znaleźć przypisaną do niego wartość. Jak łatwo się domyślić klucze mają unikatowe wartości – nie mogą się powtarzać. Dobrym przykładem (i często przytaczanym), ilustrującym tę strukturę to książka adresowa. Imię i nazwisko to klucz, po którym szukamy w książce adresowej wartości czyli adresu.

Struktury danych w JavaScripcie – Słownik Czytaj dalej Struktury danych w JavaScripcie – Słownik

Tworzenie gier w JavaScript: kolizje – część druga

Wykrywanie kolizji jest zdecydowanie jednym z najważniejszych aspektów logiki tworzenia gier. Tworzenie gier w JavaScript nie wyróżnia się pod tym względem. W poprzednim poście opisałem jak wykrywać kolizje bazując na prostokątach granicznych. Jest to bardzo proste i wygodne podejście, jednak nie zawsze na tyle dokładne, na ile chciałby programista.

W dzisiejszym poście przedstawię inny sposób na wykrywanie kolizji. Bazuje on nie na prostokątach lecz na kołach. To powoduje, że w pewnych sytuacjach jest on o wiele dokładniejszy.

Tworzenie gier w JavaScript Czytaj dalej Tworzenie gier w JavaScript: kolizje – część druga

Tworzenie gier w JavaScript: kolizje – część pierwsza

Dziś omówię jeden z ważniejszych elementów, na które składa się tworzenie gier w JavaScript: kolizje. Po krytycznym przyjrzeniu się moim poprzednim projektom, doszedłem do wniosku, że wykrywanie kolizji było zdecydowanie najsłabszą ich stroną.Po prostu jakoś działały. Ale nie chcę zadowalać się efektem „jakoś”. Dlatego postanowiłem zgłębić temat. Trochę szperania w internecie, trochę eksperymentów i już wiem znacznie więcej 🙂 Swoją nowo zdobytą wiedzą podzielę się z wami w tym poście 🙂

Tworzenie gier w JavaScript: kolizje Czytaj dalej Tworzenie gier w JavaScript: kolizje – część pierwsza

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 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

JSON dla początkujących, i kompletnie początkujących

Dziś mała odskocznia od projektów. Dla odmiany poruszę temat łatwy i przyjemny, ale ważny – JSON. Obecnie jest to chyba jeden z najpopularniejszych formatów wymiany danych w środowisku internetowym. Jest lekki, czytelny i prosty w obsłudze, szczególnie dla JavaScriptowców. Dlatego warto wiedzieć czym jest, jak wygląda i przede wszystkim jak go używać.

W tym poście omówię JSON dla początkujących.

JSON dla początkujących Czytaj dalej JSON dla początkujących, i kompletnie początkujących