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.
środa, 19 sierpnia 2015
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.
Subskrybuj:
Komentarze (Atom)
