Z przedstawieniem kompletnej gry miesiąca, musiałem czekać na ostatnią chwilę. Inaczej być nie mogło… Na szczęście luty w tym roku dłuższy niż zwykle, akurat żebym ze wszystkim zdążył 🙂
Mój klon starusieńkiego Jetapaca – Jsetpack jest już gotowy.
Czytaj dalej JSetpack – gra co miesiąc: luty – Kompletna gra.
Pracę nad grą lutego trwają w najlepsze. Doszło sporo nowości 🙂 . W aktualnej wersji, gra tworzy dość zgraną całość, dlatego postanowiłem, że czas na wpis.
Gra już trochę bardziej przypomina oryginał niż ostatnio. Wiele rzeczy robię z pamięci, więc nie gwarantuje, że wszystko będzie działać identycznie jak w pierwotnym JetPacu.
Czytaj dalej (WIP) JSetpac – gra co miesiąc: luty – aktualizacja
Czas na kolejny wpis z serii gra co miesiąc. Tym razem tworzę JavaScriptowy remake starej gry Jetpac. Kiedys trochę grałem w tę grę na wysłużonym komputerze ZX Spectrum i bardzo mi się podobała. Szczerze mówiąc od dawna chciałem ją odtworzyć. W końcu mam dość umiejętności aby tego dokonać 🙂
W grze mam do czynienia z podstawowymi prawami fizyki. Na postać gracza działa grawitacja i jeżeli żadna siła nie będzie unosić go w górę, zacznie opadać. Na szczęście, wyposażony jest w tytułowy jetpack, czyli plecak odrzutowy 🙂 Dzięki temu może się wznieść i wylądować na platformach znajdujących się w powietrzu (nie, na platformy grawitacja nie działa, cicho!).
Czytaj dalej (WIP) JSetpac – gra co miesiąc: luty – pierwsza odsłona
Obiecałem, że w 2016 roku na blogu będę co miesiąc prezentował jedną, nową grę. Minęły już daw tygodnie stycznia i ciągle żadnych wieści w temacie. Do dziś 🙂 W tym poście przedstawiam pierwsze informacje o styczniowej grze.
W tym miesiącu stworzę grę, w której gracz będzie mógł wcielić się w postać wiedźmy, poszukującej składników do potężnego zaklęcia. Nie będę póki co zdradzał szczegółów fabuły. Skupie się na tym co do tej pory przygotowałem, czyli nowy silnik gry.
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.
Czytaj dalej Tworzenie gier w JavaScript: kolizje – część druga
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 🙂
Czytaj dalej Tworzenie gier w JavaScript: kolizje – część pierwsza
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ć.
Czytaj dalej Tworzenie gier w JavaScript: requestAnimationFrame
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.
Czytaj dalej JavaScript tworzenie animacji w grach przy użyciu spritesheet’ów
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.
Czytaj dalej (WIP) Space Attack – Gra napisana w HTML5 canvas
Nie muszę chyba nikogo przekonywać, że HTML i CSS to technologie, które każdy front-endowiec znać musi. Bezsprzecznie, są to podstawy podstaw. Nie mamy co zabierać się za jakiekolwiek prace w środowisku webowym, nie znając tych dwóch technologii.
Mimo to dość często ich wartość jest deprecjonowana przez programistów. „HTML? Każde dziecko może się tego nauczyć w jeden wieczór.” I faktycznie, HTML i CSS nie są może tak złożone jak języki programowania, ale wciąż są bardzo ważne. Często lekceważymy te technologie, a jest to niebezpieczne, bo są wciąż rozwijane. Możemy się obudzić z ręką w przysłowiowym nocniku. Nasza wiedza jest byle jaka i nie znamy nowych trendów. Wiem jak to jest, bo sam jestem winny zaniedbywania HTMLa 🙂
Na szczęście są sposoby aby uniknąć takiego losu. Jednym z nich jest sięgnięcie po dobrą książkę opisującą temat. W tym poście chciałbym przedstawić wam taką właśnie książkę. Traktuje ona o HTMLU „piątce” i CSS „trójce” – HTML 5 i CSS 3 definicja nowoczesności autorstwa Dawida Mazura.
Czytaj dalej „HTML 5 i CSS 3 definicja nowoczesności” – Recenzja