如何使用Spritekit实现这个动画？

Question

问题：

如何使用Spritekit实现此动画？

我做了什么：

问题：

1）我可以绘制所有四个花瓣，但是一旦我抬起手指画圆圈，它仍然会从前一点创建一条线，在那里我将手指抬起到新的触点开始点。请参考下面的gif：

2）如何逐渐从视图中删除实心橙色线（我的突然过度）？

3）需要调整.sks文件属性。

4）https://stackoverflow.com/questions/29792443/set-the-initial-state-of-skemitternode

这是我的代码：

git clean -fdx

git clean -df

这是我的.sks文件属性：

Answer 1

关于第一个问题，您需要将CGPathRef拆分为多个子路径，以便在花瓣和中心之间不会绘制任何线条。绘完花瓣后使用CGPathCloseSubpath功能，以便之后可以拨打CGPathMoveToPoint和CGPathAddLineToPoint。