Gridster.js中更新瓦片位置的算法是什么

Question

Gridster.js允许拖放可变大小的瓦片，并在拖动一个瓦片时重新排列瓦片。

有人知道重新排列瓷砖的算法吗？

我想在动作脚本中制作这种类型的网格布局，我对Javascript不太熟悉，我已经尝试过阅读代码，但不理解大部分内容，所以如果有人能给我算法，我会尝试使用动作脚本实现逻辑。

Answer 1

我更累了一点，并根据我的要求进行了网格布局。

这是的演示链接

我将尝试编写一个抽象算法来更新这种类型的平铺布局，

拖动开始时：

1. 计算拖动项目的新放置位置，并将拖动项目移动到新位置
2. 移动后检查它们是否有碰撞
3. 如果发生碰撞，则修复碰撞（即向下移动碰撞瓦片）进行步骤2
4. 更新其他瓷砖位置。（即，如果有可用空间，检查是否有瓷砖可以向上移动）