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.