Kategoria: Projekt

Vue.js – wprowadzenie. Komponenty część pierwsza.

Miałem zacząć ten post od oznajmienia jak przyjemnie pracuje mi się z biblioteką Vue, ale wydaje mi się że chyba nie muszę robić tego kolejny raz. Na potrzeby tworzenia niewielkich aplikacji webowych jest dla mnie w tym momencie wyborem numer jeden.

Mechanizm, który dziś przedstawię, jeszcze bardziej zwiększy ‚używalność’ Vue. Komponenty, bo o nich mowa, pozwalają na modularyzację widoku aplikacji. Dzięki temu możemy tworzyć fragmenty widoku, które później bardzo łatwo jest ‚wstrzyknąć’ do aplikacji.

Vue js pisanie aplikacji Czytaj dalej Vue.js – wprowadzenie. Komponenty część pierwsza.

GCM – Październik: Necropolis – Phaser + TypeScript. Kontrolowanie czasu.

Czas na aktualizację mojej październikowego projektu. Tym razem bohater gry otrzymał dużą moc, która pozwoli mu uniknąć wielu tarapatów. Dzięki magicznemu amuletowi jest on w stanie spowolnić czas. Wystarczy, że gracz naciśnie spacje 🙂 Ponowne naciśnięcie spacji spowoduje, że czas wróci do normalnego biegu.

Dzięki możliwości kontrolowania czasu, gracz otrzyma możliwość unikania przeciwników i bezpiecznego przejścia pomiędzy pułapkami. Oczywiście korzystanie z mocy będzie w przyszłości ograniczone, ale póki co skupiłem się na dodanie podstaw mechanizmu.

tworzenie gier typescript Czytaj dalej GCM – Październik: Necropolis – Phaser + TypeScript. Kontrolowanie czasu.

GCM – Październik: Necropolis – Phaser + TypeScript. Pierwszy prototyp.

W ostatnim poście przedstawiłem podstawowy setup mojej październikowej gry. Tym razem gracz wcieli się w rolę brawurowego awanturnika, który w poszukiwaniu potęgi i chwały zapuścił się w odmęty przeklętych podziemi leżących na granicy świata żywych i umarłych. Niestety miejsce to okazało się niebezpieczną pułapką. Jeżeli nie uda mu się uciec na czas, zostanie w nim uwięziony na zawsze 🙂 .

Całkiem nieźle znam już Phasera, jednak ponieważ używam TypeScriptu zamiast zwykłego JSa, pewne konstrukcje w grze będą wyglądać trochę inaczej. Na szczęście różnic jest niewiele, i są one raczej na plus. W dzisiejszym poście przedstawię implementację podstawowych elementów gry w nowym środowisku, dzięki temu przejście na TSa powinno być bezbolesne.

Jak programowac Phaser TypeScript Czytaj dalej GCM – Październik: Necropolis – Phaser + TypeScript. Pierwszy prototyp.

GCM – Październik: Necropolis – Phaser + TypeScript. Podstawowy setup projektu.

Do stworzenia wrześniowej gry eksperymentalnie wykorzystałem język TypeScript. Bardzo podoba mi się konwencja typowanego JavaScriptu na sterydach. Jednak brakowało mi frameworka Phaser, który lubię i dobrze znam.

Dlatego w tym miesiącu, do stworzenia prostej gry, postanowiłem wykorzystać obie te technologie. Październikowa gra powstanie we frameworku Phaser i napisana zostanie w TypeScript. Zdradzę wam od razu, że to połączenie spisuje się doskonale.

Gra napisana w Phaser TypeScript Czytaj dalej GCM – Październik: Necropolis – Phaser + TypeScript. Podstawowy setup projektu.

GCM – Wrzesień: Gra w TypeScript. Skończona Gra.

Dziś przedstawiam ostateczną wersję mojej pierwszej napisanej w TypeScripcie gry. Szczerze mówiąc ani nie jest to moja najlepsza gra, ani nie jest to wybitny program TypeScriptowy. No ale tak zazwyczaj wyglądają początki, nic na to nie poradzę 🙂 .

Kolejne programy będą na pewno coraz lepsze. Póki co jestem zadowolony, że udało mi się napisać działającą grę bez pomocy żadnych frameworków, nawet jeżeli z założenia jest bardzo prosta.

TypeScript Komplena Gra Czytaj dalej GCM – Wrzesień: Gra w TypeScript. Skończona Gra.

Vue.js – wprowadzenie. Pierwsza aplikacja – Wartości obliczane.

Praca z aplikacją pisaną w Vue sprawia mi naprawdę dużą przyjemność. Jednak powoli zaczyna mi brakować pomysłów na to jak bardziej ją rozwijać (a zarazem uczyć się nowych rzeczy o bibliotece.) Trudno najwyżej stworzę nową, bardziej oryginalną apkę 😉

Tym razem udało mi się jeszcze dodać do mojej Todo Listy coś konkretnego – wartości obliczane (ang. computed values). Są one bardzo przydatnym elemenemt Vue. Szczerze mówiąc nie przychodzi mi do głowy podobne rozwiązanie z innych frameworków, które można by porównać do wartości oblicznaych.

Aplikacja Vue js Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – Wartości obliczane.

Vue.js – wprowadzenie. Pierwsza aplikacja – serwer i obsługa AJAXa.

Tym razem rozwinę moją aplikację Vue o backend. Dzisiejszy post będzie dotyczył Vue tylko połowicznie. Trochę miejsca poświęcę na pobieżne opisanie tego jak napisałem obsługę apki od strony serwera.

Do stworzenia serwera użyłem bardzo popularnego frameworka Express. To znaczy, że wszystko zostaje w JavaScripcie. Natomiast po stronie front-endu dodałem obsługę zapytań aplikacji Vue do serwera, więc będzie ciekawie 🙂

Express podstawy tworzenia serwera Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja – serwer i obsługa AJAXa.

GCM – Wrzesień: Gra w TypeScript. Gra nabiera kształtów

Już wiem, jak wyglądać będzie moja TypeScriptowa gra. Stworzę bardzo prostą wersję klasycznej łamigłówki sokoban. Aby ukończyć grę gracz musi przesunąć skrzynie na wyznaczone pola. Musi robić to umiejętnie, bo inaczej się zablokuje.

W mojej implementacji mam już obiekt gracza, ściany o które się obija, oraz skrzynki, które może przesuwać. Czyli gra już prawie gotowa 🙂

JavaScript Noob TypeScript Czytaj dalej GCM – Wrzesień: Gra w TypeScript. Gra nabiera kształtów

GCM – Wrzesień: Gra w TypeScript. Game Loop i prosty mechanizm obsługi stanów.

Jeszcze zostało kilka dni września, może zdążę dostarczyć grę miesiąca na czas 🙂 . Będzie to na pewno wyzwanie, ponieważ postanowiłem tym razem odejść od Phasera, którego znam już prawie na wylot.

Postanowiłem wykorzystać projekt Gra Co miesiąć, aby podciągnąć swoje umiejętności programowania w TypeScript. A właściwie, to żeby w ogóle jakieś umiejętności zdobyć. Póki co moje doświadczenia z TSem były czysto teoretyczne. Czas na trochę praktyki! 🙂

programowanie gier w typescript Czytaj dalej GCM – Wrzesień: Gra w TypeScript. Game Loop i prosty mechanizm obsługi stanów.

GCM – Sierpień: Space Shooter. Wersja finalna.

Trochę czasu to zajęło, ale w końcu doprowadziłem sierpniową grę do stanu finalnego. Muszę przyznać, jestem bardzo zadowolony z tego jak wyszło. Myślę, że można traktować ją jako naprawdę udany prototyp 🙂 .

Tak naprawdę, oprócz grafiki, nie doszło nic szczególnego. Każdy kto śledził serię sierpniowej gry, powinien być w stanie na podstawie prezentowanego kodu, stworzyć własną grę w podobnym klimacie.

JavaScript programowanie gier Czytaj dalej GCM – Sierpień: Space Shooter. Wersja finalna.