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

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

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

HTML5: Zabawa z canvas – odbijające się kulki

Już prawie jesień a na dworze cały czas upały. Mimo, że atmosfera nie sprzyja pracy, najwyższy czas na kolejny wpis. Tym razem krótka notka o tworze, który powstał w wyniku zabawy z canvas, elementem graficznym HTML5.

Oto Kulki.

kulki canvas Czytaj dalej HTML5: Zabawa z canvas – odbijające się kulki