“Znajdź różnice” – implementacja gry na stronie www z javascript

znajdz_roznice

Przygotowałem kod javascript, z użyciem Jquery i Canvas, do wykonania gry “znajdź różnice” na dwóch obrazkach. Skrypt cechuje łatwość użycia z własnymi grafikami. Potrzeba jedynie przygotować 2 obrazki różniące się od siebie szczegółami (ważne: wymiary obu muszą być identyczne). W skrypcie konfigurujemy wszystkie opcje, w tym najważniejszą: tablicę punktów ze szczegółami do odkrycia (współrzędne X i Y liczone od lewego górnego rogu obrazka w pikselach). Ścieżki do obrazków definiujemy w kodzie CSS.

Całość umieściłem na portalu Github: https://github.com/virtmedia/spot_the_difference_html

Demo: http://test.vt0.pl/roznice/

Zapraszam do korzystania i dzielenia się uwagami.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.