Kategoria: Angular

Angular CLI. Szybki start z nowoczesnym angularem.

Dziś pokażę wam bardzo przydatne narzędzie: Angular CLI. Właściwie od początku istnienia angulara w wersji post 1.x, dużym problemem był próg wejścia. Ilość komponentów wymaganych do zainstalowania i skonfigurowania aby móc zacząć tworzyć aplikację, powodował u młodszych oraz starszych deweloperów zawrót głowy.

TypeScript, Kompilator TS, definicje typów, moduły ES6, WebPack, SystemJs… A to lista nawe nie jest pełna rzeczy potrzebnych aby po prostu odpalić apkę, dodajmy do tego narzędzia potrzebne do testów czy preprocesory css ehh… Na szczęście te czasy minęły bezpowrotnie. Dziś mamy narzędzie Angular CLI, które pozwala na błyskawiczne stworzenie nowego projektu w najnowszej wersji Angulara 🙂

Angular CLI logo Czytaj dalej Angular CLI. Szybki start z nowoczesnym angularem.

eduweb.pl – Kurs „Angular2 od Podstaw” – Recenzja

W dzisiejszym poście przedstawię kolejną recenzję wideokursu z serwisu eduweb.pl. Niejako idzie ona w parze z poprzednią moją recenzją, a to dlatego, że tym razem tematem jest framework angular2, czyli technologia bardzo mocno oparta na omawianym ostatnio TypeScript.

Kurs Angular2 od podstaw ma na celu wprowadzić osoby początkujące w świat tego potężnego frameworka a ja w mojej recenzji postaram się odpowiedzieć na pytanie czy cel ten został osiągnięty. Zapraszam do lektury 🙂

eduweb kurs Angular2 recenzja Czytaj dalej eduweb.pl – Kurs „Angular2 od Podstaw” – Recenzja

Angular JS – Składnia „controller as”.

Otrzymałem kilka pytań o stosowaną przeze mnie, w ostatnim projekcie, składnie. Chodziło o sformułowanie controller as w widoku zamiast używania $scope.

Zaznaczam, że nie jestem guru angulara, więc nie przedstawię dogłębnej wiedzy na temat działania frameworka. Napiszę tylko dlaczego ja stosuje pewne techniki a innych nie 🙂 .

Angular JS - Składnia "controller as" Czytaj dalej Angular JS – Składnia „controller as”.

GCM – Maj: Angular RPG. Wersja finalna.

Udało się, w końcu mogę powiedzieć, że kolejna gra jest skończona 🙂 Wiadomo, Rozwijać ją można byłoby jeszcze sporo, ale mi już wystarczy jej obecna forma.

W ostatecznej wersji gra ma ponad 30 lokacji, 9 rodzajów przeciwników oraz ponad 20 różnych przedmiotów. Oczywiście, można by było ich jeszcze sporo dodawać, ale główny system gry pozostanie już taki jaki jest 🙂

Tworzenie aplikacji w AngularJS Czytaj dalej GCM – Maj: Angular RPG. Wersja finalna.

GCM – Maj: Angular RPG. Statystyki, sklep i ulepszona walka.

Nadszedł czas kolejnej aktualizacji majowej gry. To już prawie koniec prac nad tym projektem 🙂 . Tym razem w grze pojawił się sklepikarz, któremu można sprzedawać zdobyte łupy. Ma on również w swojej ofercie przydatne przedmioty. Ponad to, walka w końcu jest ‚na serio’. Potwory nie giną już od jednego uderzenia i same mogą wyrządzić krzywdę bohaterowi.

Może się wydawać, że doszło tego sporo, ale tak naprawdę tylko dodaję drobne skrypty do bazy, stworzonej do tej pory.

Jak stworzyć aplikację w angularJS Czytaj dalej GCM – Maj: Angular RPG. Statystyki, sklep i ulepszona walka.

GCM – Maj: Angular RPG. Używanie przedmiotów i ekwipunek.

W ostatniej aktualizacji, do gry doszły przedmioty. Mogą one znajdować się na mapie od początku gry, lub pojawić się w trakcie rozgrywki jako łup z potworów.

Gracz do tej pory mógł jedynie podnosić i upuszczać przedmioty. Teraz może ich również używać. Jeżeli dany przedmiot jest częścią ekwipunku (broń lub pancerz), użycie go polega na założeniu tego przedmiotu do odpowiedniego ‚slota’. Jeżeli użyty przedmiot to przedmiot specjalny, wynik skorzystania z oniego może być przeróżny.

Jak stworzyć grę w JavaScript Czytaj dalej GCM – Maj: Angular RPG. Używanie przedmiotów i ekwipunek.

GCM – Maj: Angular RPG. Przedmioty.

Czas na kolejną aktualizację tekstówki pisanej w Angularze. Tym razem do gry dodane zostały przedmioty. Gracz może je znaleźć pozostawione w niektórych lokacjach. Jest też szansa, że pokonane potwory zostawią po sobie jakiś łup, który będzie można zebrać.

Zdobyte przedmioty można przenieść z jednej lokacji do drugiej i podnieść później.

Jak stworzyc gre AngularJS Czytaj dalej GCM – Maj: Angular RPG. Przedmioty.

GCM – Maj: Angular RPG. Potwory w świecie gry.

Chyba nikogo nie zaskoczy fakt, że post o grze majowej pojawia się w czerwcu 🙂 Dobra wiadomość jest taka, że tworzenie gry tekstowej w AngularJS idzie pełną parą i wszystko wskazuje na to, że projekt będzie skończony w pierwszym tygodniu czerwca 😉

Tymczasem do gry dodałem wstępną implementację systemu przeciwników. Losowo pojawiają się oni w wybranych lokacjach i atakują gracza gdy ten wejdzie na ich teren. Gracz może oczywiście oddać 🙂 Póki co nie ma żadnego systemu walki, ale odpowiednie pod niego fundamenty już stoją.

Tworzenie gry tekstowej w AngularJS Czytaj dalej GCM – Maj: Angular RPG. Potwory w świecie gry.

GCM – Maj: Angular RPG. Poruszanie się po mapie.

Muszę przyznać, że póki co, tworzenie gry w Angularze sprawia mi ogromną frajdę. W ciągu zaledwie paru godzin udało mi się skonstruować całkiem solidne podstawy pod grę tekstową. W Angular RPG mogę już z łatwością tworzyć lokacje, a gracz, może bez trudu się po tych lokacjach poruszać.

Nie wydaje się żeby to było wiele, ale oprócz tego musiałem stworzyć też skromny ale, mam nadzieję, efektywny silnik gry.

Angulalr RPG Czytaj dalej GCM – Maj: Angular RPG. Poruszanie się po mapie.

GCM (Gra Co Miesiąc) – Maj: Tekstowy RPG napisany w Angularze. Przygotowanie Gulpa.

Na początku roku obiecałem, że stworzę jedną grę na miesiąc i dotrzymam słowa (no średnio jedną na miesiąc) :). Maja zostało mi niewiele ale myślę, że jeżeli się zepnę, to uda się w te parę dni napisać ciekawą gierkę.

Ostatnio wszystkie moje projekty to gry i w sumie nic dziwnego, bo bardzo interesuje mnie ten temat. Jednak nie chcę być monotematyczny, więc muszę wprowadzić trochę świeżości, w końcu nie samym canvasem i phaserem człowiek żyje. Dlatego tym razem, do stworzenia gry użyję Angulara 🙂 . A dziś pokaże Jak używać gulpa w projekcie angularJS.

Jak używać gulpa w projekcie angularJS Czytaj dalej GCM (Gra Co Miesiąc) – Maj: Tekstowy RPG napisany w Angularze. Przygotowanie Gulpa.