Экструзия тайлсета

Карта тайлов рисует каждый тайл из небольшого прямоугольника одной большой текстуры. Когда камера сдвигается на долю пикселя или карта масштабируется либо фильтруется, движок читает чуть за пределами этого прямоугольника и захватывает полоску соседнего тайла. На экране эта полоска выглядит тонкой линией, которая мерцает при движении.

Экструзия добавляет вокруг каждого тайла рамку, повторяющую его собственные крайние пиксели. Что бы движок ни прочитал сразу за тайлом, теперь это того же цвета, что и край тайла, так что видеть нечего.

• Godot: в настройках атласа TileSet укажите в Margins поле, а в Separation интервал, показанные здесь. Размер области текстуры остаётся размером вашего тайла.
• Unity: в Sprite Editor нарежьте по размеру ячейки, указав в Offset поле, а в Padding интервал.
• Tiled: при добавлении тайлсета введите те же Margin и Spacing.
• Phaser: передайте поле и интервал двумя последними аргументами addTilesetImage.

Экструзия устраняет линии, которые возникают из-за движка. Линии из-за самого рисунка — другое дело: тайл травы, у которого левый край не совпадает с правым, покажет шов при любой упаковке.

Щёлкните тайл и выберите «Замостить», чтобы увидеть его повторённым три на три, как его положила бы карта. Включите «Показать края тайла», чтобы точно видеть, где кончается одна копия и начинается следующая.