Как пользоваться
- Выберите или перетащите снимок текстуры — лучше равномерно освещённый и снятый прямо.
- Выберите способ: сгладить края (сохраняет вид), зеркальная плитка (всегда без швов) или сдвиг на половину (для проверки).
- Для сглаживания задайте ширину сглаживания: чем шире, тем лучше прячутся швы, но тем большая часть картинки смягчается.
- Поставьте повтор 2 × 2 или 3 × 3, чтобы увидеть плитку размноженной, и поищите швы и повторяющиеся пятна.
- Верните повтор на 1 плитку и скачайте.
Как работает
- Сдвиг: каждый пиксель (x, y) берёт цвет пикселя ((x + w / 2) mod w, (y + h / 2) mod h).
- Сглаживание: доля сдвинутой копии в столбце x плитки шириной w равна 1 − t / f, где t = min(x, w − 1 − x) / w — расстояние до ближайшего края, а f — ширина сглаживания; на краю доля равна 1, а начиная с f — 0. То же делается для строк, и берётся большее из двух значений.
- Зеркало: результат размером 2w × 2h; правая половина — картинка, отражённая слева направо, нижняя — отражённая сверху вниз.
Пример
Плитка шириной 8 пикселей и ширина сглаживания 25 %: столбец 0 берёт 100 % из сдвинутой копии, столбец 1 — 1 − 0,125 / 0,25 = 50 %, столбцы со 2 по 5 — ничего, столбец 6 снова 50 %, столбец 7 — 100 %.
Картинка 300 × 200 даёт плитку 300 × 200 при сглаживании, 600 × 400 при зеркале и файл 900 × 600 при сглаживании с повтором 3 × 3.
Советы
- Однородные текстуры (песок, трава, бетон, ткань) стыкуются почти незаметно; картинки с одним крупным предметом — нет.
- Если в виде 3 × 3 повторяется тёмное или светлое пятно, сначала обрежьте фото до более ровного участка.
- Квадратные плитки удобнее всего для фонов в CSS, 3D-программ и печати на заказ.