środa, 19 sierpnia 2015

Testy Phasera - Instalacja i test podstawowy

Witajcie!

Dzisiaj zrobimy nasze pierwsze kroki z Phaserem, czyli zainstalujemy go i sprawdzimy czy działa.
No to do roboty!

I. Pobieranie

Na początek należy udać się pod ten adres i wybrać jedną z paczek instalacyjnych.
Paczki js i min.js są skompilowanymi i gotowymi do pracy paczkami Phasera do szybkich testów.
Oprócz tego mamy możliwość sklonowania całego repozytorium za pomocą gita. Polecam tą opcję, jeśli jesteście zaznajomieni z gitem.

Natomiast cała reszta z was powinna wybrać wersję ZIP (dla użytkowników Windowsa) lub TAR.GZ (dla użytkowników Linuksa).

II. Instalacja serwera WWW.

Do działania Phasera najwygodniej będzie nam używać lokalnego serwera Apache.
Aby poprawnie zainstalować i skonfigurować serwer należy pobrać program Wamp dla Windowsa, lub Xampp dla linuksa.

Proces instalacji przebiega automatycznie i trwa około 5 minut.
Po zainstalowaniu serwera należy go włączyć a następnie udać się pod adres http://localhost/, aby sprawdzić czy działa. Jeśli wyświetli wam się strona konfiguracji serwera to wszystko jest w porządku.
W przypadku Wampa nic już nie musimy robić, natomiast w przypadku Xamppa możecie ustawić sobie jeszcze hasło do waszego serwera oraz serwera bazy danych.

III.Umieszczanie Phasera na serwerze WWW.

Większość roboty za nami, a jedyne co nam pozostało to umieszczenie plików frameworka na serwerze i przeprowadzenie testu.
Najpierw wypakowujemy archiwum Phasera i cały wypakowany folder kopiujemy do poniższych lokalizacji:

Ścieżka instalacji Xamppa/htdocs/ - dla Xamppa
Ścieżka instalacji Wampa/www/ - dla Wamppa


Gdy wszystko zostanie skopiowane możemy sprawdzić czy Phaser rzeczywiście działa.
W tym celu wchodzimy do folderu Phasera a następnie do resources->tutorials->01 Getting Started i kopiujemy folder hellophaser na zewnątrz do folderu serwera (www dla wampa lub htdocs dla xamppa).

Następnie wchodzimy pod adres localhost/hellophaser/
Jeśli wszystko dobrze skonfigurowaliśmy powinien wyświetlić nam się taki oto obrazek.

Jeżeli tak się stało, oznacza, to że phaser działa i możecie przejść do drugiej cześci i rozpocząć ze mną naukę i testy Phasera.


IV Znane błędy

1.Serwer Xampp lub Wampp nie uruchamia się pod Windowsem (port zajęty).

Błąd ten występuje przez konflikt z programem Skype, dlatego najpierw należy włączyć serwer, a dopiero potem program Skype, aby wszystko działało. Dzieje się tak, dlatego, że programy korzystają z portu numer 80 i jeśli Skype go zajmie to serwer nie wystartuje.


Ufff... dotarliśmy do końca :)
Na dniach powstanie jeszcze wersja wideo dla opornych, a następnie przejdziemy już do właściwej nauki Phasera.

sobota, 15 sierpnia 2015

HTML 5 - testy frameworka


Witajcie!

Programowanie to jednak bardzo zajmująca sprawa.
Po tym jak napisałem pierwszy wpis testowałem wiele technologii i rozwijałem wspomniane projekty, a szczególnie mocno projekt minimalistycznego CMS'a bez nazwy :)

Niestety ze względu na ograniczony czas najwolniej rozwija się projekt Long Journey, ponieważ historia rozrosła się do tak kolosalnych rozmiarów, że planowanie i pisanie podstaw silnika jest dopiero na ukończeniu.

Aby oderwać się od dotychczasowych projektów z pracy oraz hobbystycznych, postanowiłem przetestować jeden z popularniejszych ostatnio frameworków do gier w HTML 5 i Javascripcie - Phaser.

Postaram się, abyście razem ze mną poznawali go i może pod koniec stworzymy jakąś wspólną grę w ramach przekazywania mojej wiedzy.

Pierwszy planowany wpis z serii Phaserowej będzie opierał się na instalacji i odpaleniu klasycznego Hello Word, a następnie z pewnością w części drugiej zaczniemy poznawać API tego narzędzia.

Tymczasem serdecznie was pozdrawiam i życzę miłego dnia.
Matsu.