Генератор узоров Вороного
Разбросайте точки, вырастите ячейку вокруг каждой и получите узор, похожий на потрескавшуюся землю, мыльную пену или соты. Задайте упорядоченность ячеек, скруглите углы, переключитесь на треугольники и сохраните бесшовный узор в SVG, PNG или как CSS-фон.
Открыть в генераторе Как это работает
Что такое диаграмма Вороного
Возьмите несколько точек на плоскости и отдайте каждое место плоскости ближайшей точке. Получившиеся области называют ячейками Вороного (по имени Георгия Вороного, изучавшего их в 1908 году). Та же идея встречается в пятнах жирафа, высохшей грязи, мыльной пене и клетках листа.
Если соединить точки, чьи ячейки соприкасаются, получится триангуляция Делоне — двойственная той же диаграмме. Ornamatic умеет рисовать и то и другое: ячейки или треугольники.
Как генератор их строит
Точки разбрасываются случайно и замыкаются по краям тайла: ячейки с одной стороны продолжаются на другой, и узор получается бесшовным. Кнопка «Перемешать» выбирает новую расстановку.
Простые случайные точки дают неровные ячейки. Это исправляет релаксация Ллойда: шаг за шагом каждая точка сдвигается в центр своей ячейки. Через несколько шагов ячейки выравниваются, а после шести и более становятся почти сотами.
Что можно настроить
- Вид — ячейки Вороного или треугольники Делоне.
- Число ячеек — сколько ячеек помещается в одном тайле.
- Упорядоченность — число шагов релаксации Ллойда: 0 — хаос, 6 и больше — почти соты.
- Зазор и скругление — раздвинуть ячейки и смягчить их углы.
- Отрисовка — ячейки с заливкой или контуры с настраиваемой толщиной линии.
- Цвета — любая палитра; соседние ячейки различаются.
Экспорт и использование
Сохраните бесшовный тайл в PNG или SVG или скопируйте готовый CSS-фон. Созданные вами узоры можно использовать свободно: лично или в коммерческих целях.
