javascript - 在图案循环中从圆形路径混合到六边形路径

Question

我在 Instagram 上看到了这个生成艺术的例子，我试着做类似的事情。

这是我在 Instagram 上看到的生成艺术： https ://www.instagram.com/p/CL4l7h1H_eW/

这是我在 Codesandbox 上的版本：（我尽力让它工作） https://codesandbox.io/s/art-i5w9c

我快到了，但据我所见，我的版本和 instagram 上的版本之间的区别在于，instagram 上的版本是从圆形路径混合到六边形路径，这意味着六边形在内部变得更加圆润整个圈子。我认为是什么让 instagram 版本看起来更流畅。

你们能帮我实现与 Instagram 上相同的结果吗？

看看我在代码沙盒上做了什么：https ://codesandbox.io/s/art-i5w9c

谢谢你。

标签： javascriptreactjshtml5-canvasgenerative-art