4 ms·
Interesting approach! Coincidentally, I published an article [0] on this very topic last month. It uses sampling, so it's close to the approach mentioned in the
by dmschaab 9y ago
Interesting approach! Coincidentally, I published an article [0] on this very topic last month. It uses sampling, so it's close to the approach mentioned in the Jamie Wong article you (and I) linked to, but with a path-tracing step capable of producing an SVG path definition. I'd be interested to see how the performance of these two methods stack up to each other for a given quality level.
[0] https://eightsquaredsoftware.com/articles/metaball.html https://eightsquaredsoftware.com/articles/metaball.html
- winkerVSbecks 9y agothis is so well done! I'm going to have to try out real metaballs now.
- robocat 9y agoReferences https://codepen.io/keithclark/pen/sEbFz https://codepen.io/keithclark/pen/sEbFz which does metaballs using pure CSS (using a combination of a contrast filter with a blur filter). Beautiful article.
- deleted 9y ago[deleted]
- rosstex 9y agoWhoa, this is amazing too!
- pault 9y agoFYI the demos are impossible to use on an iOS device since trying to drag the time slider causes the browser back animation to start.
- dmschaab 9y agoThanks for pointing that out. I did test on an iPad, but perhaps it had a non-current version of Mobile Safari or navigation gestures were disabled.