美文网首页其它技术点
iOS 汽车运动动画

iOS 汽车运动动画

作者: 南枫小谨 | 来源:发表于2017-02-24 18:20 被阅读0次

       最近因为正在做的直播项目增加了坐骑,写了一些汽车进场动画。不过跟以前不同的是,这次使用plist文件写配置文件。并且配置文件跟图片都是在用户登录成功后去一个地址获取的,程序从这个配置文件中读取信息创建动画。

1.plist文件里面应该存放什么

        首先plist文件存放一个叫做animation的数组,这个数组里面存放你要配置的汽车各个组件的详细信息。那么这个详细信息包括什么呢?首先这个组件的坐标信息、它是否需要旋转、它对应的图片名字、它沿y轴旋转的角度(车轮倾斜)、动画重复次数、动画持续时间、是否有透明度变化(车灯闪烁)、动画延迟时间、运动路径坐标数组。

2.汽车车身信息

汽车plist信息

默认数组中第一个元素存的是汽车车体的信息,其中写了三个尺寸是用来适配不同尺寸。

加载配置文件 根据plist文件创建车

车的运动路径从它的运动路径数组里面获得。

车的运动路径

3.轮胎转动

         美工给的轮胎图是一张正面图,但是要想有真是的效果轮胎必需绕y轴旋转一定角度,所以如果plist文件中添加了一项判断是否需要旋转。

CGFloat radius = [[otherDictionary objectForKey:@"radius"]floatValue];

otherImgView.layer.transform = CATransform3DMakeRotation(radius, 0, 1, 0);

//获取旋转角度并使车轮绕y轴旋转,使之与车身倾斜角度一致。

车轮保持倾斜旋转

下载地址:汽车动画

今天又发现了更高明的写动画的方法附上链接:[转载自CSDN]Adobe源码泄漏?3行代码搞定,Flash动画无缝导入Android/iOS/cocos2dx 

相关文章

  • iOS 汽车运动动画

    最近因为正在做的直播项目增加了坐骑,写了一些汽车进场动画。不过跟以前不同的是,这次使用plist文件写配置文...

  • iOS 动画二:Springs 动画

    Spring 动画 Springs 动画,就像现实中的弹簧动画,在动画的过程中有加速度和阻尼,而非直线运动。iOS...

  • ios动画

    ios动画 ios动画2 ios动画3

  • iOS动画

    iOS动画-从UIView动画说起iOS动画-Transform和KeyFrame动画iOS动画-layout动画...

  • 《iOS动画》读书笔记·内容层动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·显示层动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·前序

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • 《iOS动画》读书笔记·转场动画

    《iOS动画》读书笔记·前序《iOS动画》读书笔记·显示层动画《iOS动画》读书笔记·内容层动画《iOS动画》读书...

  • iOS - 转场动画

    参考文章:iOS 转场动画一张图看懂 iOS 转场动画iOS自定义转场动画 iOS 转场动画探究(一)

  • iOS开发——登录页面动画、转场动画

    iOS开发——登录页面动画、转场动画 iOS开发——登录页面动画、转场动画

网友评论

    本文标题:iOS 汽车运动动画

    本文链接:https://www.haomeiwen.com/subject/awxnittx.html