检查占用的网格元素

Question

我创建了一个精灵的视觉网格，它们存储在 Array1 中。 其中一些精灵上面放置了图像。 现在我想将另一个图像拖动到空网格元素上。 特例： 同时拖动多个图像进行放置。 因此，拖动容器还保存这些拖动图像的 Array2。 一旦鼠标抬起，Array2 的图像就应该放置在 Array1 的空网格元素上。

我的问题：如何检查Array1的精灵是否被占用？ 当拖动多个图像时，每个图像都应放置在前一个图像下方的一个网格元素（y 轴向下）。在此过程中，可能会发生将图像放置在空网格元素上的情况，但由于多个图像彼此放置在彼此下方，因此下一个网格元素可能会被占用，因此当前放置的图像应放置到下一个空闲网格元素中。

Answer 1

让我们创建一个布尔数组（我们将其称为 boolarr），如果网格的第 i 个 Sprite 已经有图像，则在第 i 个位置包含 true。否则，boolarr[i] 为 false。您应该将 boolarr 存储在网格类中，并在每次添加图像时更改它。

所以，这是可能的解决方案。我们在第 i 个位置放置了几张图像。让我们找到

function getFreeSprites(n: int, i: position) {
    var result = [];
    while (result.length < n) {
        if (!boolarr[i]) result.push(i);
        i++;
    }

    return result;
}

函数返回的 n 个下一个空闲精灵数组，该数组将包含下一个 n 个空闲精灵的索引，之后您可以将图像附加到它们上。

希望有帮助！