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.

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.

Vue.js – wprowadzenie. Pierwsza aplikacja.

W ostatnim poście przedstawiłem podstawy korzystania z biblioteki Vue.js. Dziś korzystając ze zdobyteh wiedzy napiszę pierwszą, bardzo prostą aplikację.

Oczywiście, samo wiązanie danych z widokiem, nie wystarczy aby zbudować apkę. Dlatego dojdzie dziś trochę nowych informacji, ale nie wiele. Mam nadzieję, że przedstawienie Vue na przykładzie, jeszcze bardziej uwypukli możliwości tej skromnej biblioteki.

Vue js pierwsza aplikacja Czytaj dalej Vue.js – wprowadzenie. Pierwsza aplikacja.

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.

Wzorzec Prototypu w JavaScripcie.

Nazwa „prototyp” może brzmieć znajomo dla programistów JavaScriptu. Nic dziwnego, w końcu to mechanizm, na którym opiera się cała struktura obiektowości języka. Ale prototypy nie muszą służyć tylko do wprowadzania do kodu dziedziczenia. Czasem oprócz tego, potrzebna jest też możliwość kopiowania, czy też „klonowania” obiektów.

Dziś przedstawię swoją wariację na temat klasycznego wzorca Prototypu. Implementacja ta będzie znacznie uproszczona względem oryginału, ale warto się z nią zapoznać, aby zrozumieć ogólną ideę wzorca prototypu. Kto wie, może akurat przyda się w waszych JSowych programach.

Wzorzec prototypu w JavaScripcie Czytaj dalej Wzorzec Prototypu w JavaScripcie.

Vue.js – wprowadzenie. Podstawowe informacje.

W dzisiejszym wpisie chciałbym pokazać coś nowego. Będzie on zawierać podstawowe informacje o mało znanej, ale szybko zyskującej popularność, bibliotece – Vue.js.

Biblioteka ta pozwala na tworzenie interaktywnych komponentów na stronie WWW. Dzięki niej, można bardzo szybko stworzyć ‚lekką’ i prostą aplikację webową. Do tego, vue.js jest naprawdę proste do poznania. Jeżeli opanowałeś podstawy JS’a, nie będziesz miał żadnego problemu z rozpoczęciem pracy z Vue.

Vue.js wprowadzenie Czytaj dalej Vue.js – wprowadzenie. Podstawowe informacje.

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.

GCM – Sierpień: Space Shooter. Kolejna aktualizacja.

Pora na kolejną aktualizację mojej sierpniowej „gry co miesiąc”. Tym razem dodałem dwa nowe elementy, jeden duży i jeden mały 🙂 .

Pierwszy nowy element to kolejny wróg, który porusza się po generowanych losowo ścieżkach. Za każdym razem ścieżka ta jest inna! Drugi element to licznik, dzięki któremu gra może „dozować” przeciwników. Bardziej zaawansowani wrogowie pojawiać się będą dopiero po upłynięciu określonego czasu.

JavaScript Noob tworzenie gier javascript Czytaj dalej GCM – Sierpień: Space Shooter. Kolejna aktualizacja.