ios中实现staggeringBeauty的效果（二）

ios中实现staggeringBeauty的效果（二）

不好意思。。说好的上次说好的明天，然后隔了两天。。好吧。不说废话直接先上效果图吧。。。。

                                 

好吧，具体实现的效果就想图上所示。

好，我们先来分析一下最原始的js的 staggeringBeauty吧，呃。。。那个因为这个也不是我专长，我也就学了一个星期。。大概能看懂然后就开始改写了。。。所以姑且。。分析一下吧。。有错漏的请大家指出。。。吐槽我。。。这个https://github.com/georgealways/staggeringbeauty在上次写的博客（一）中已经提到。其中最重要的有三个文件，分别为(1.)paper.js   (2.)traer.js  (3)main.js  其中

（1.）paper.js是路径的实现，在ios中有path可用，也有大神模拟了出来，这里就一笔带过了（当时可以要我老命啊。。），它主要的作用就是把点连起来，按照一些角度，数学公式的调整去建立一个有一定特别效果的路径，例如比较光滑有弧度什么的。

（2.）traer.js 这个就是一位大神自己写的物理模型了，膜拜一下。。。当然也有大神把它用oc重构了（万分感谢），然后这位大神之后还用了苹果自带的物理系统去重新实现，（我也是按照他的做法做的，一开始用了完全使用traer的方法发现用了苹果自带的物理系统好像比较好看。。。当然这只是个人感觉），就简单分析一下traer.js吧，它定义了Vector 为基本的向量，由x,y,z，组成，但这了z其实不需要用到，一直用0这一常量。Particle一个有位置力，向量的对象。然后有Spring 和 Attraction 其中 Attraction这里其实不需要使用而Spring 就是用一些数学公式去模拟出弹簧引力的效果，而ParticleSystem就是整个体系的各种力的集合（Applies physics rules to a collection of particles）姑且让我这样解释一下吧。。。我真的编不下去了。。。

（3.）main 就是主函数，主要是构造界面，与用户的交换，这方面会在下一篇博文中与在oc的重构中对比分析。

好吧终于结束了js的部分了，明天我们就证实开始用oc代码去重构实现。这个效果了。。这次真的是明天不会跳票了。

也不会想（一）（二）这么短的了。

在 ios中实现staggeringBeauty的效果（三）中我主要是参考，或者说是在https://github.com/chrismiles/DynamicXray的中spring的基础上实现这一个效果。而这位大神的效果你们可以自己下载感受一下，用图的表现力好象不太够。

感谢大家的阅读。