poniedziałek, 5 września 2016

Slider HTML (bez użycia Javascripta/Jquery) - HTML TIP #1

Cześć.

Dzisiaj rozpoczynamy nową serię krótkich porad.

HTML tip pomoże wam używać sukcesywnie HTML'a w sytuacjach, w których wcześniej stosowaliście Javascripta, czy Jquery.

Dzisiejsza porada dotyczy stworzenia poziomego slidera zawierającego grafikę w samym htmlu.

Użyjemy znacznika Marquee wraz z właściwością direction.

<marquee direction="kierunek" height="wysokość elementu"><img src="adres obrazu"></marquee>

I to właściwie tyle :)
Atrybut direction przyjmuje 4 właściwości (left, right, up, down).

Dzięki temu krótkiemu rozwiązaniu uzyskacie wydajny i odporny na błędy slider.


Pozdrawiam i życzę miłego dnia.
Matsu.

ś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.

wtorek, 6 sierpnia 2013

Hello World!

Witajcie!

Pierwszy wpis nigdy nie jest jakiś genialny, więc i ten taki nie będzie.

Blog ten skupia się głównie na moich projektach, jak i rozterkach programisty w czasie projektowania.

W dziale "Projekty" zobaczycie nad czym obecnie pracuję, a w dziale plany - co planuję zrobić.
Powstanie również seria dyskusyjna " W gąszczu kodu - czyli jak pisać", ale to dopiero w dalszej perspektywie czasowej.

Życzę miłego przeglądania DevLoga,
Matsu.