Generatore di oggetti SVG

SVG Blob Generator costruisce forme chiuse organiche e irregolari utilizzando curve di Bezier cubiche e le esporta come markup SVG pronto da incollare. Campiona N punti attorno a un cerchio con uno scostamento radiale casuale, li smussa con un calcolo delle tangenti basato sui vicini e collega il tutto in un unico <path> chiuso. Un'anteprima live e un blocco di codice copiabile consentono di ottenere il risultato all'istante.

1. Regola lo slider Complexity (3 to 12) per impostare quanti punti di ancoraggio danno forma al blob. 2. Regola lo slider Randomness (0.10 to 1.00) per controllare di quanto ciascun punto può discostarsi dal raggio base. 3. Imposta la Size (100 to 500px) del viewBox quadrato. 4. Facoltativamente aumenta lo Stroke Width (0 to 10) per aggiungere un contorno dello stesso colore del riempimento. 5. Scegli una Fill Color utilizzando il campione di colore. 6. Fai clic su Randomize (o sposta leggermente uno slider qualsiasi) per rigenerare la forma. 7. Fai clic su Copy per copiare il codice SVG generato negli appunti.

Il markup esportato è un singolo <svg> con un viewBox quadrato di 0 0 {size} {size}. Contiene un <path> il cui attributo d è una serie di comandi C (Bezier cubica) chiusi con Z. Il fattore di smussamento è fissato a 0.2 e deriva dal vettore tra i punti adiacenti di ciascun punto. Quando lo Stroke Width è maggiore di 0, il percorso riceve anche gli attributi stroke e stroke-width impostati sullo stesso colore di riempimento; in caso contrario viene emesso solo il fill.