Draw SVG rope using JavaScript · Muffin Man

Today, I'll take you through the process I came up with in regard to transforming an SVG path into a vector rope drawing. We'll learn how to turn the path on the left into the rope on the right: The problem popped up on a project my colleagues were working on, and it stuck with me. I thought about it and started playing with it as soon as I got some free time. I had a lot of fun. Therefore I want

[gabill]

あんまり関係ないけど最近このツイート見て凄いなぁ、と思った。 https://twitter.com/penusbmic/status/1608818571643322369

[t_motooka]

これは良いSVG

[dhrname]

面白い

[ledsun]

ページをスクロールするとアニメーションが完成してくのすごい、かっこいいな

[yarumato]

1本のvector線を3本にして、矩形にして、歪めて縄にする。さらに元の1本線を変形してから同様にすればアニメになる。

[abababababababa]

見せ方がすごいうまい。

[neet_modi_ki]

見せ方含め凄いな

[peketamin]

すんご

[flirt774]

パラメータをいじるとクロワッサンのようにも見えて面白い

[umai_bow]

、

[solidstatesociety]

読ませるのも上手い