iOS粘滞球效果

• 欢迎同样喜欢动效的工程师／UI设计师／产品加入我们
• iOS动效特攻队–>QQ群：547897182
• iOS动效特攻队–>熊熊：648070256

这次做的粘滞球效果
gitHub地址：https://github.com/BearRan/MenuBallAnimation

吐槽一次：

哎，这次的文章怎么说呢。
不太想写这个动效的技术博客了，这个动效开始做的时候就走了一条错误的路子，三个星期的时间都浪费掉了。最后全部撤掉花了一个星期的时间重新写的，才写出现在的效果。感觉耐心都给磨的差不多了。里面各种辅助线，辅助点，被塞尔曲线，圆和直线交点，圆和圆交点，计算切线，垂线，这些方法都要自己一点一点地写出来。感觉效果不理想。代码也没整理完。兼容性做了，扩展性也不行。

感觉烂尾了。以后有时间再来优化代码，扩展性。

有时候做钻在动效里感觉是不是路子走偏了？钻的人不多，身边也没几个人，技术群里有几个支持的人，但是还是觉得好累。夹在UI和代码中间的感觉真心累。

每次做个动效，先到处找效果图，想找设计师来配合，但是也几乎没人有那个时间来陪我做动效。发到技术群吧，大多是看客。自己磨了几个星期做出来了，还要整理代码，要能让别人看的懂，最后还要整理个博客才算完工，才算对得起自己。这篇博客就先对不起各位了，就不细写这个动效的技术文章了。

小结：

最后讲一下这个动效主要核心就是用贝塞尔曲线绘制出来的，所有的粘滞效果都是在一个layer上绘制的。CAShapeLayer和BezierPath，二阶贝塞尔曲线都用上了，想用二阶以上的贝塞尔曲线却发现没有方法可以实现。

没有攻克的难点：

1. 只能实现4个粘滞球，没有做扩展
2. 粘滞球不能通过presentationLayer绘制粘滞效果，试了，会出现鬼畜效果。目测是计算量太大了，没有分线程来处理。
3. 动画过程中会有撕裂的尖角效果，一个是计算圆和贝塞尔曲线衔接点精度的原因，还有一个仍然是计算量太多，要分线程来处理。
4. 整体动效感觉不太协调。虽然已经很尽力去调了

结语

暂时不会放弃，最近要忙了，但是仍然会利用空闲时间来做动效。这次的动效先这样了，也许以后不会来更这篇博客了。需要讨论技术的私聊好了。继续召集爱好动效的小伙伴
- 欢迎同样喜欢动效的工程师／UI设计师／产品加入我们
- iOS动效特攻队–>QQ群：547897182
- iOS动效特攻队–>熊熊：648070256