Sobre esta herramienta
Las formas orgánicas tipo "blob" como esta son un elemento habitual del diseño web moderno: se usan como fondos decorativos suaves detrás de textos destacados, como máscaras de imagen que convierten una foto normal en una silueta irregular de aspecto dibujado a mano, o como acentos lúdicos alrededor de iconos y tarjetas. Este generador construye una ruta SVG cerrada y suave a partir de unos cuantos puntos colocados aleatoriamente, y luego redondea las esquinas con una curva Catmull-Rom para que el contorno fluya de forma natural en vez de parecer un polígono dentado.
El número de semilla es la huella dactilar de toda la forma: la misma semilla siempre produce exactamente el mismo blob, sin importar cuántas veces lo regeneres. Eso significa que puedes ajustar los controles de puntos e irregularidad hasta dar con una forma que te guste, anotar la semilla y volver a crear ese mismo blob más tarde, o compartir el número de semilla con un compañero para que obtenga exactamente la misma forma en lugar de otra aleatoria.
Preguntas frecuentes
¿Por qué la misma semilla siempre produce el mismo blob?
La forma se genera mediante una función pseudoaleatoria determinista sembrada con tu número, por lo que la misma semilla siempre reproduce exactamente la misma forma, útil si quieres guardar o compartir un blob específico.
¿Puedo usar el SVG generado directamente como fondo CSS?
Sí; descarga el archivo SVG y referéncialo con background-image: url(...), o copia el código del path directamente en un elemento <svg> en línea.