Задать вопрос

Пазл на HTML5

Существует необходимость сделать детскую игру-пазл на HTML5/JavaScript. Выглядит это так: есть фон в виде силуэта некоего животного, разделенного на фрагменты (иллюстрация на скриншоте). Т.е., грубо говоря, набор многоугольников, составляющих законченную фигуру. Есть также сами фрагменты изображения, которые должны накладываться на эту фигуру.

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







  • Вопрос задан
  • 4433 просмотра
Подписаться 3 Оценить Комментировать
Ответ пользователя Григорий Перетяка К ответам на вопрос (3)
Второй вариант, пожалуй, проще — смещение точек.

Положение верхнего правого угла исходного участка = x, y;
Положение верхнего правого угла перемещаемого участка = x1, y1;

Ну и если расстояние между точек меньше «процента погрешности», то верно.
Ответ написан