Fifteen Sliding Puzzle maker – это простая реализация классической мини-игры Fifteen Sliding Puzzle (Пятнашки) с использованием элементов документа HTML DOM и без использования Canvas или сторонних библиотек.
Код движка очень гибок для модификаций, имеет множество настроек и может быть интегрирован в любую веб-страницу или веб-приложение.
При микшировании картинки случайная замена слотов не используется, только естественное перемешивание перемещением свободного слота, благодаря чему исключена ошибка, из-за которой паззл может не собираться.
Возможности редактора:
Автоматическая адаптация стиля на основе размеров изображения;
Пропорциональное разделение изображения на блоки;
Экспорт HTML-файла с игрой;
Перемещение нескольких блоков за один ход.
Редактор позволяет загрузить своё изображение, установить параметры и сгенерировать HTML-файл с игрой. Вы можете использовать полученный файл на своем веб-сайте или прямо на устройстве, можете дополнительно изменить его самостоятельно, изменить параметры или добавить свой собственный скрипт, который будет запускаться после завершения игры, таким образом интегрировав её в качестве мини-игры в более большой проект. Например, можно использовать как мини-игру в играх на базе конструктора Tuesday JS от этого же автора.
Чтобы использовать его, вам нужно создать элемент div с ID "fifteen" и добавить массив с параметрами, все остальное скрипт сделает сам. Скрипт очень прост, и вы можете легко добавить эту мини-игру на свою веб-страницу.
Страница на GitHub: https://github.com/Kirilllive/Fifteen_puzzle_maker
A simple implementation of the classic mini-game Fifteen Sliding Puzzle, using HTML DOM document elements and without using Canvas or third party libraries. The engine code is very flexible for modifications, has many settings and can be integrated into any web page or web app.
Также если вы считаете, что данный материал мог быть интересен и полезен кому-то из ваших друзей, то вы бы могли посоветовать его, отправив сообщение на e-mail друга:
Игровые объявления и предложения:
Если вас заинтересовал материал «Fifteen Sliding Puzzle maker», и вы бы хотели прочесть что-то на эту же тему, то вы можете воспользоваться списком схожих материалов ниже. Данный список сформирован автоматически по тематическим меткам раздела.
Предлагаются такие схожие материалы:
Если вы ведёте свой блог, микроблог, либо участвуете в какой-то популярной социальной сети, то вы можете быстро поделиться данной заметкой со своими друзьями и посетителями.
0
Слишком узкая задача, слишком непопулярная головоломка - многие игроки пишут, что их выбешивают пятнашки.
