БлогNot. Простой новогодний пазл на Javascript, "Собери картинку"

Простой новогодний пазл на Javascript, "Собери картинку"

Все мы любим иногда собирать такие пазлы... здесь - совсем простой, картинка бьётся на 9 путинских яиц частей, но достаточно увеличить в исходнике константу PUZZLE_DIFFICULTY, чтобы было больше.

внешний вид пазла, скриншот
внешний вид пазла, скриншот

Картинки меняются местами непосредственно мышкой, всё работает плавно и хорошо :) Игра ведёт статистику, за сколько ходов собран пазл и какой сейчас рекорд (чем меньше шагов - тем лучше, разумеется).

Ниже приводится ссылка на приложение в работе, а увидеть код можно, открыв исходник страницы HTML. Игра не требует никаких внешних библиотек, возможное направление развития - сделать несколько меняющихся в цикле картинок (просто не хочется сейчас столько загружать)...

 Игра Tile Squares в работе

Обратите внимание, что картинка game.jpg должна размещаться в той же папке, что и файл .html, вот ссылки на картинки для игры: картинка по умолчанию (Санта-Клаус), альтернативная картинка (Чебурашка).

13.01.2019, 17:04 [4839 просмотров]


теги: игра javascript картинка графика

показать комментарии (2)