이 도구에 대해
이와 같은 유기적인 "블롭(blob)" 형태는 현대 웹 디자인에서 흔히 쓰이는 요소입니다 — 히어로 텍스트 뒤의 부드러운 장식 배경으로, 평범한 사진을 손으로 그린 듯한 불규칙한 실루엣으로 바꾸는 이미지 마스크로, 또는 아이콘과 카드 주변의 발랄한 포인트로 사용됩니다. 이 생성기는 무작위로 배치된 몇 개의 점으로부터 매끄럽고 닫힌 SVG 경로를 만든 다음, Catmull-Rom 곡선으로 모서리를 둥글게 다듬어 들쭉날쭉한 다각형이 아니라 자연스럽게 흐르는 윤곽선을 만듭니다.
시드 숫자는 전체 형태의 지문과 같습니다: 몇 번을 다시 생성하든 같은 시드는 항상 정확히 동일한 블롭을 만듭니다. 즉, 포인트와 불규칙도 슬라이더를 마음에 드는 모양이 나올 때까지 조정한 뒤 시드 값을 적어두면 나중에 똑같은 블롭을 다시 만들 수 있고, 시드 숫자를 동료에게 공유하면 다른 무작위 모양이 아니라 정확히 같은 모양을 받게 할 수도 있습니다.
자주 묻는 질문
왜 같은 시드는 항상 같은 블롭을 생성하나요?
모양은 사용자의 숫자를 시드로 사용하는 결정론적 의사난수 함수로 생성되므로, 같은 시드는 항상 정확히 같은 모양을 재현합니다 — 특정 블롭을 저장하거나 공유하고 싶을 때 유용합니다.
생성된 SVG를 CSS 배경으로 바로 사용할 수 있나요?
네 — SVG 파일을 다운로드해 background-image: url(...)로 참조하거나, path 마크업을 인라인 <svg> 요소에 직접 복사하세요.