Каков алгоритм обновления положения плитки в Gridster.js

Question

Gridster.js позволяет перетаскивать плитки переменного размера и переставлять плитки при перетаскивании одной плитки.

Кто-нибудь знает алгоритм перестановки плиток?

Я хочу сделать этот вид сетки в скрипте действия, и я не очень хорошо знаком с Javascript, я уже пытался прочитать код, но не понимаю, что из всего остального, поэтому, если кто-то может дать мне алгоритм Я попытаюсь реализовать логику с помощью скрипта действий.

Answer 1

Я устал немного больше и сделал сетку в соответствии с моим требованием.

вот demo link

я постараюсь написать абстрактный алгоритм для обновления этого типа макета плитки,

Как Started время Drag:

1. Вычислить новое место падения для перетаскиваемого элемента и переместите элемент перетаскивания в новое место.
2. Проверьте, нет ли у них какого-либо столкновения после перемещения.
3. , если столкновение, зафиксировать столкновения (т.е. переместить столкновение плитки вниз) перейдите к шагу 2.
4. Обновления позиции другой плитки. (Т.е. проверить, если плитка может двигаться вверх, если свободное место)