SVGのブロブ形状を作る

やりたいこと

ブロブはグリッドを和らげます。アバターの後ろ、カードの下、写真のマスク。手描きは時間がかかりますが、シード生成ならシードごとに新しい形を正確に再現できます。

形を作る

サイズ・複雑さ（点数）・いびつさ・滑らかさ・色・シードを設定します。SVGプレビューで結果を見て、パスをコピーするかファイルをダウンロードします。

• シード＋パラメータで形が完全に決まります。後で再現するにはシードを控えてください。
• いびつさを上げると凹凸が深く、滑らかさは遷移の丸みを決めます。

具体例

サイズ400・複雑さ7・いびつさ0.4・滑らかさ1・シード42で、アバターマスクに丁度いい7つの葉を持つ柔らかい形ができます。

対応範囲

単色塗りパスだけです。グラデーション・ストローク・複数ブロブの合成はありません。サイズは4096px・複雑さは12点まで。出力はSVGマークアップで、ラスタ変換は別工程が要ります。