Kategoria: Nauka

Tworzenie gier w JavaScript: kolizje – część pierwsza

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 🙂

Tworzenie gier w JavaScript: kolizje Czytaj dalej Tworzenie gier w JavaScript: kolizje – część pierwsza

Jak stworzyć formularz logowania w AngularJS

Ostatnio na blogu pojawiały się głównie wpisy o programowaniu gier. Dziś czas na coś innego. W końcu nie samymi grami człowiek żyje 🙂 Tym razem pokażę jak stworzyć formularz logowania w AngularJS. O stosowaniu angulara pisałem już co nieco, wiedza z tamtych postów wystarczy aby zrozumieć jak działa kod dzisiejszego mini projketu. Skoro już mowa o kodzie, działający formularz wrzuciłem do paczki, którą umieściłem pod tym linkiem. Możecie go ściągnąć i pogrzebać na własną rękę 🙂

Jak stworzyć formularz logowania w AngularJS Czytaj dalej Jak stworzyć formularz logowania w AngularJS

JavaScript tworzenie animacji w grach przy użyciu spritesheet’ów

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.

JavaScript tworzenie animacji w grach Czytaj dalej JavaScript tworzenie animacji w grach przy użyciu spritesheet’ów

„Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier” – Recenzja

W dzisiejszym poście przedstawiam moje opinie na temat książki Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier autorstwa Jeanine Meyer.

Tworzenie gier jest świetnym sposobem na naukę programowania. Dlaczego? Ponieważ jest to coś co sprawia ogromną frajdę. Wiadomo, że gdy nauka jest przyjemna to dużo łatwiej przyswaja się nową wiedzę. Sam jestem tego dobrym przykładem. Wystarczy zerknąć na ile z moich projektów na blogu to gry. Przy każdym z nich nauczyłem się wiele a żaden z nich nie był dla żmudną pracą. To była świetna zabawa. Dlatego nawet jeżeli nie chcesz zostać programistą gier, powinieneś rozważyć stworzenie jednej czy dwóch aby rozwinąć swoje umiejętności. A co jeśli nie masz jeszcze odpowiednich umiejętności aby zacząć, lub brak Ci pomysłów na nową grę? Wtedy warto sięgnąć po książkę która opisuje taki temat.

Jedną z takich książek jest Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier autorstwa Jeanine Meyer. Czy jest to książka, która da Ci pomysły i podstawy potrzebne do tworzenia gier w JavaScripcie? Przeczytaj ten post aby poznać moją opinie.

Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier Czytaj dalej „Wprowadzenie do HTML 5, Nauka HTML 5 i JavaScriptu na przykładzie gier” – Recenzja

struktury danych w JavaScripcie – lista dwukierunkowa

Kolejny post i znowu listy. Nie ma się co dziwić, tak jak pisałem, jest to jedna z najpopularniejszych struktur danych. Do tego ich implementacje w JavaScripcie są bardzo ciekawe i mogą wiele nauczyć o działaniu języka. Wersja, która omówię w tym poście w szczególności. Dziś w serii struktury danych w JavaScripcie – lista dwukierunkowa.

struktury danych w JavaScripcie – lista dwukierunkowa Czytaj dalej struktury danych w JavaScripcie – lista dwukierunkowa

struktury danych w JavaScripcie – lista jednokierunkowa

Kolejny post z serii struktury danych w JavaScripcie – lista jednokierunkowa. Podstawy działania listy omówiłem ostatnim razem. Teraz kolej na bardziej rozbudowaną wersję tej struktury danych – listę jednokierunkową.

Struktury danych w JavaScripcie – Lista Czytaj dalej struktury danych w JavaScripcie – lista jednokierunkowa

Struktury danych w JavaScripcie – Lista

Dziś ‚struktury danych w JavaScripcie – Lista’, czyli powrót do serii artykułów o strukturach danych. Listy to tak naprawdę jedna z najczęściej używanych struktur. W JavaScripcie świetnie symuluje ją zwykła tablica. Mimo to w ramach treningu/nauki zbuduję własną klasę tak jak zrobiłem to ze stosem oraz kolejką. Nie będzie to duże wyzwanie, zachowanie listy jest dość proste. Jednak dobre zrozumienie działania tej struktury danych będzie świetnym wstępem do bardziej wymagających wersji, list jedno i dwukierunkowych.

Struktury danych w JavaScripcie – Lista Czytaj dalej Struktury danych w JavaScripcie – Lista

AngularJS dla początkujących – Routing w AngularJS

Aplikacje webowe mogą szybko się rozrosnąć podczas tworzenia. Duża ilość danych i skomplikowana logika w kontrolerach powoduje, że może być ciężko wszystko uporządkować. Tutaj do akcji wchodzi routing w AngularJS. Dzięki tej technice, można dzielić widok na mniejsze ‚pod-widoki’. A co za tym idzie, możemy podzielić logikę na łatwe do przełknięcia kawałki.

Dziś kontynuacja mojej serii o Angularze dla początkujących (poprzednie wpisy tu oraz tu). Tym razem pokażę krótki skrypt przedstawiający routing. Skrypt ten nie będzie zawierał specjalnie skomplikowanej logiki 🙂 . Za to na pewno po lekturze tego wpisu będziecie znali podstawy potrzebne do dalszego rozwoju umiejętności programowania z pomocą AngularJS.

routing w angularjs Czytaj dalej AngularJS dla początkujących – Routing w AngularJS

AngularJS dla początkujących częśc 2 – Prosta aplikacja w AngularJS

Tym razem krótki wpis. Aby utrwalić wiedzę, która przekazałem wczoraj, napisałem prościutki program wykorzystując framework AngularJS. W zaledwie parunastu linijkach JavaScriptu udało się bez problemu napisać pełną, działającą aplikację.

Przedstawiam wam Zgadywankę. Jest to bardzo prosta aplikacja w AngularJS. Powstała ona na podstawie informacji, które zawarłem w ostatnim poście.

Dzisiejsza aplikacja to (a jakże) gra 🙂 . Gracz musi odgadnąć hasło na podstawie podpowiedzi wyświetlonej na ekranie. Hasło wybierane jest losowo przy każdym zainicjalizowaniu gry. Lista możliwych haseł i odpowiedzi znajduje się w skrypcie. Jeżeli gracz odgadnie hasło, gra wyświetli gratulacje oraz przycisk pozwalający na rozpoczęcie od nowa. Nieudane próby będą zliczane a ich suma wyświetlana na ekranie.

prosta aplikacja w AngularJS
Obraz Alana Lee – „Riddles in the dark”
Czytaj dalej AngularJS dla początkujących częśc 2 – Prosta aplikacja w AngularJS

AngularJS dla początkujących część 1 – „witaj świecie” w Angular

Artykuł ‚AngularJS dla początkujących’ wypadałoby zacząć napisaniem paru zdań o tym czym jest Angular. Następnie akapit albo dwa, dlaczego jest tak wspaniały i często wykorzystywany. Główną część wpisu powinienem poświęcić opisowi architektury MVW, tłumaczeniem czym są modele a czym kontrolery i jak dobrze ze sobą działają. Na koniec parę linijek kodu i wpis gotowy 🙂 Nie pójdę dziś tą drogą. Nie dlatego, że są to rzeczy nieważne. Są bardzo ważne, ale zostały już napisane wiele razy. Ja skupie się na tym co lubię najbardziej, czyli przejdę prosto do przykładów. To pierwszy wpis z serio dwóch lub trzech. Po ich lekturze, będziesz w stanie sam, ze zrozumieniem stworzyć prostą aplikację używając frameworka Angular JS.

Napiszę tylko odpowiedź na pytanie, „dlaczego Angular?” Jest to bardzo popularny framework. Tak popularny, że niezależnie od naszych odczuć względem niego, każdy front-endowiec powinien zapoznać się z obecną wersją. Nawet pomimo tego, że druga wersja angulara nadchodzi wielkimi krokami. W świecie jest po prostu bardzo dużo kodu napisanego w Angular 1.x i prędzej czy później trafimy na niego. Dobrze być na to przygotowanym.

AngularJS dla początkujących Czytaj dalej AngularJS dla początkujących część 1 – „witaj świecie” w Angular