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.

TypeScript – pierwsze kroki. Ograniczanie typów generycznych.

W ostatnich dwóch postach z serii, przedstawiłem działanie typów generycznych w TypeScript. Zagadnienie to powinno być już w miarę jasne a korzyści płynące z korzystania z generyków oczywiste dla każdego.

Jednak jeżeliby się nad tym chwilę zastanowić, szybko dojdziemy do wniosku, że pozwalanie metodom lub klasom na korzystanie z dowolnych rodzajów typów może czasem sprawiać problemy. Dobrze byłoby czasem dopuszczać tylko niektóre typy, a inne nie. Dziś przedstawię rozwiązanie dla tego problemu

Podstawy programowania typescript Czytaj dalej TypeScript – pierwsze kroki. Ograniczanie typów generycznych.

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.

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.

TypeScript – pierwsze kroki. Interfejsy i klasy generyczne.

Ostatnim razem przedstawiłem ideę typów generycznych i pokazałem jak wykorzystywać je w funkcjach. Jednak funkcje to nie jedyne mechanizmy, mające możliwość korzystania z typów generycznych. Funkcjonalność ta może być również wykorzystana przy interfejsach oraz klasach.

W dzisiejszym poście zaprezentuję jak tworzyć interfejsy oraz klasy w połączeniu z typami generycznymi. Ta potężna kombinacja daje programistom TypeScript naprawdę spore możliwości.

Programowanie w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Interfejsy i klasy generyczne.

TypeScript – pierwsze kroki. Typy generyczne.

Większość podstawowych cech TS’a mamy już za sobą. Nadszedł czas na te naprawdę ciekawe elementy języka. Dziś omówię typy generyczne. Znów, dla weteranów języków klasyczny (java, C#), zagadnienie będzie znajome. Natomiast dla ludzi, którzy przygodę z programowaniem zaczęli od JS’a, idea typów generycznych może wydawać się dziwna i niecodzienna.

Postaram się objaśnić wszystko w miarę klarownie, tak, żeby po lekturze tego posta, nikt nie miał wątpliwości co do tego czym są typy generyczne i jak ich używać.

TypeScript Typy generyczne Czytaj dalej TypeScript – pierwsze kroki. Typy generyczne.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.

Dziś ostatni, trzeci post z serii opisującej wykorzystanie mechanizmu klas w TypeScript. W poprzednich dwóch omówiłem już podstawowe zagadnienia. Nadszedł czas na sedno tematu czyli dziedziczenie.

Ponad to omówię działanie klas i metod abstrakcyjnych, a na koniec pokażę jak wykorzystać interfejsy do sprawnego zarządzania kodem w tworzonych obiektach.

Implementacja klasy w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Druga.

W ostatnim poście przedstawiłem podstawowy używania klas ze specyfikacji EcmaScript6 wewnątrz kodu TypeScript’owego. Dziś pociągnę temat i pokażę kolejne dwa przydatne mechanizmy.

Pierwszy z nich to tak zwane gettery i settery, czyli specjalne metody służące do manipulowania zawartościom pół w klasie. Drugi mechanizm to modyfikatory dostępu, dzięki którym w łatwy sposób można oznaczyć pole lub metodę jako prywatne lub publiczne.

Programowanie obiektowe w typescript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Druga.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Pierwsza.

Kilka postów temu pokazałem jak w TypeScripcie tworzyć własne typy przy użyciu interfejsów i enumeratorów. Teraz czas na to aby stworzyć własny typ przy użyciu klas. Jest to zdecydowanie jeden z najpopularniejszych sposobów na tworzenie typów w TS’ie i chyba jeden z najczęściej używanych mechanizmów w tym języku w ogóle.

Prawda jest taka, że tworzenie klas nie jest cechą unikatową dla TS, a częścią specyfikacji EcmaScript6. Jednak w połączeniu z opcjami, które daje nam TS, klasy stają się naprawdę potężnym narzędziem służącym do tworzenia obiektowego kodu.

Tworzenie klas w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Pierwsza.