Simulating hand-drawn motion with SVG filters
camillovisini.com
Simulating hand-drawn motion with SVG filters
1–10 of 25 posts
Re: Simulating hand-drawn motion with SVG filters
#2Re: Simulating hand-drawn motion with SVG filters
#3The technique is cool to know. SVG has many non-obvious abilities.
But the effect, due to the way it's produced, is more like a hot air distortion, only without the faint shimmering. It's completely raster in nature, AFAICT, and is likely implemented as a GPU shader (which is good from the performance POV).
An effect more like an unsteady human hand could likely be achieved by oscillating nodes in the direction perpendicular to the curvature, and adding some random jitter to the control points.
Re: Simulating hand-drawn motion with SVG filters
#4Dr. Katz.
Re: Simulating hand-drawn motion with SVG filters
#5Really cool! Reminded me of this post [1] from ~2 weeks ago ago. Could it be combined with your approach?
Re: Simulating hand-drawn motion with SVG filters
#6Pretty site and good write up but my phone turned to molten lava viewing it!
Re: Simulating hand-drawn motion with SVG filters
#7Wonderful, svg has so manu unexplored capabilities that feels like a crime using it mostly for icons on the web
Re: Simulating hand-drawn motion with SVG filters
#8Charming wiggling! Similar to Wobblepaint (drawing tool made by the creator of PICO-8).
Re: Simulating hand-drawn motion with SVG filters
#9Dr. Katz.
Kids these days, not knowing Dr. Katz...
Re: Simulating hand-drawn motion with SVG filters
#10See also: https://en.wikipedia.org/wiki/Squigglevision
Yep, I immediately thought of Squigglevision and Home Movies (https://www.youtube.com/watch?v=CJcBL9JPfZw). Did it use the same algorithm as mentioned in the article, a noisy displacement map?