Code实现Zee Young兄的设...

  • 作品类型动效
  • 作品属性临摹练习
  • 作品版权不使用原创授权
42829 76 220 2015-06-05

Zee Young的设计非常令人惊艳,感觉是利用AE表达式控制了视差滚动和树木的操控点,用纸飞机沿路径运动来实现有趣味的下拉刷新效果。

看到有人在Codepen实现了Web效果,感到实现是具有可能性的,所以尝试iOS实现,效果还有很多不足的地方,会继续改进的。 而且知识不足,刚刚入门,目前也是假ImageView打造的效果,不是真数据

感谢开发者AlienJunX的指教。 没有AlienJunX大哥在扭曲滤镜和贝塞尔路径运动等知识点上的指导,我是根本做不出这个效果的。


流程:Sketch临摹->QC模拟扭曲效果/ScrollView回弹效果/List下滑效果->PaintCode绘制飞机运动路径->Code实现

iOS版本(My Github):https://github.com/MartinRGB/Replace-iOS
Android版本(来自中国开发者Race604):https://github.com/race604/FlyRefresh
Web版本:http://codepen.io/suez/pen/oXLroX

第一张:Decelerate版本实操
第二张:Decelerate版本录屏
第三张:Pop Bounce版本实操
第四张:Pop Bounce版本录屏
第五张:QC原型(下方提供下载)

全部评论:76

  • Arkay_Liang

    2017-07-17 19:39

    用h5做过。哈哈还是挺简单的。不知道这个作者说的软件怎么用。

  • 偷月亮的小黑人

    2017-05-12 17:21

    这是什么软件

  • RickyR

    2016-09-23 16:25

    这个动画,我可以玩的停不下来

  • fuiw

    2015-08-31 16:32

    太棒了,我很喜欢

  • 猫柒七

    2015-08-05 09:59

    这个交互我可以玩一整天~

  • MartinRGB

    2015-08-01 14:05

    @钟信设计: 连呗,逻辑理清后,动画连线很好做

  • 钟信设计

    2015-08-01 13:56

    想问大神:下载源文件,看到有一个Marco内的各种patch和连线超级多。。。那个也是自己一个一个做的,还是本来库里面有的模板?

  • aline1128

    2015-07-28 11:02

    太厉害了!!!!!!!!

  • Sylphider

    2015-07-09 17:28

    原型下下来研究研究,谢啦!

  • chinlang

    2015-07-03 14:34

    这孩子就是太谦逊了

  • liuaga

    2015-06-19 10:37

    好屌,好像没有别的词来形容了

  • felixxhuang

    2015-06-18 17:50

    字据为证,第一百个赞是我点的,哈~

  • Zach59

    2015-06-18 14:16

    怎一个屌字了得!!

  • foxvan

    2015-06-18 13:24

    妈问跪。。。请问一般情况下,美术需要提供什么样格式的动画文件给程序,程序又是怎么实现的?求扫盲。。。

  • 0力的皮皮鲁

    2015-06-18 09:25

    好棒

  • guowang1988

    2015-06-16 16:27

    膜拜大神啊

  • missxuxu

    2015-06-16 13:46

    膜拜大师啊1!!!!!!!

  • edbea

    2015-06-12 14:27

    很赞

  • 又见章鱼哥

    2015-06-12 14:23

    大神收下我的膝盖!

  • COPY小能手

    2015-06-12 00:06

    感觉速度好快

  • LIMIO

    2015-06-11 11:57

    棒棒哒

  • gaoyufish

    2015-06-11 09:52

    好棒的效果

  • ldding

    2015-06-11 09:27

    邱大师威武!

  • 小玉米

    2015-06-10 21:54

    我哭了

  • Kiriya

    2015-06-10 18:27

    咦,我才发现RGB君原来也是章鱼学院的吗!

  • akring

    2015-06-10 16:44

    @MartinRGB: 搞定啦,目前看下来是因为动画重复触发的原因,即前一个动画还没有结束,紧接着就滑动ScrollView,导致ScrollView和树木动画跳动,在开始新一轮的动画之前使用[self pop_removeAllAnimations]去掉之前的动画就好了,我重新提交了一次Pull Request,再Merge一次吧

  • MartinRGB

    2015-06-10 13:25

    @akring: 似乎还是有些问题在scrollview那里

  • MartinRGB

    2015-06-10 13:14

    @akring: nice!thanks bro 赞

  • akring

    2015-06-10 11:54

    @MartinRGB: 给树木加了一个动画,当飞 机飞越树木的时候树木跟着有一个摇摆的效果,已经提交Pull Request到Github了,可以看一下哦

  • hello蒙

    2015-06-10 10:15

    你想让用户等多久

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票