Об этом инструменте
Органичные формы-«кляксы» вроде этой — привычный элемент современного веб-дизайна: их используют как мягкий декоративный фон позади заголовков, как маску изображения, превращающую обычное фото в неровный, будто нарисованный от руки силуэт, или как игривый акцент вокруг иконок и карточек. Этот генератор строит гладкий замкнутый путь SVG из нескольких случайно расположенных точек, а затем скругляет углы кривой Катмулла-Рома, чтобы контур получался плавным, а не выглядел как рваный многоугольник.
Число сида — это «отпечаток пальца» всей формы: один и тот же сид всегда даёт абсолютно одинаковую кляксу, сколько бы раз вы её ни перегенерировали. Значит, можно подстраивать ползунки количества точек и неровности, пока не получится нужная форма, записать сид и позже воссоздать точно такую же кляксу — или отправить число сида коллеге, чтобы он получил ровно ту же форму, а не другую случайную.
Частые вопросы
Почему один и тот же сид всегда даёт одинаковый блоб?
Форма создаётся детерминированной псевдослучайной функцией на основе вашего числа-сида, поэтому один и тот же сид всегда воспроизводит абсолютно ту же форму — полезно, если вы хотите сохранить или поделиться конкретным блобом.
Могу ли я использовать сгенерированный SVG напрямую как фон CSS?
Да — скачайте файл SVG и укажите его через background-image: url(...), либо скопируйте разметку пути прямо во встроенный элемент <svg>.