ios中实现staggeringBeauty的效果(二)
2015-10-31 23:34
549 查看
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的基础上实现这一个效果。而这位大神的效果你们可以自己下载感受一下,用图的表现力好象不太够。
感谢大家的阅读。
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 我是运营,我没有假期
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- 每个 Linux 游戏玩家都绝不想要的恼人体验
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- 在 Fedora 上使用 Steam play 和 Proton 来玩 Windows 游戏
- Steam 让我们在 Linux 上玩 Windows 的游戏更加容易
- 如何使用 Steam Play 在 Linux 上玩仅限 Windows 的游戏
- 新一代iPad适配应用之游戏篇
- VB实现的《QQ美女找茬游戏》作弊器实例
- C#实现洗牌游戏实例
- C#实现的算24点游戏算法实例分析
- C#实现简单的井字游戏实例
- C++编写简单的打靶游戏
- C++实现基于控制台界面的吃豆子游戏
- 纯javascript实现的小游戏《Flappy Pig》实例