用 Animation 实现匀速旋转

年初参加 GGJ 的时候，我曾想偷懒用 Animation 实现物体的匀速旋转。思路很简单，只需要0度和360（或-360）度两个关键帧，然后将动画设为循环播放。当时以为这样事情就成了。谁知做出来的效果是下面这样，物体转完一圈后会停一下：

我知道问题就在动画曲线上：

只要把曲线弄成一条直线就行。

但是当时折腾了一会儿也没调出一条漂亮的直线，因此还是改用代码来实现匀速旋转。今天发现其实根本不用手调，只要右键单击，把起始关键帧的 Right Tangent 和结尾关键帧的 Left Tangent 改为 Linear （线性）就可以了：

完美：

其实以前也知道 Free、Linear 和 Constant 这几个选项，但从来没用上也没真正理解它们的用处。如今才知道是怎么回事，至少理解 Linear 了。

Unity 版本：2017.3.1f1

本文在我的独立博客上的地址：http://zxtechart.com/2018/04/12/constant-speed-rotation-with-animation/

用 Animation 实现匀速旋转相关推荐

安卓xml文件中设置动画匀速旋转无效？
最近写的自定义progressdialog,在写上面的loading进度条旋转动画时出现了问题,在布局文件中设置了匀速转动的属性之后,没有作用也就是这个属性 android:interpol ...
android 大图匀速滑动,android progressbar 自定义图片匀速旋转
项目中需要使用圆形进度条进行数据加载的显示,所以需要两个步骤 1:自定义progressbar滚动图片 2:匀速旋转图片步骤一:自定义progressbar图片 android:id="@ ...
android图片处理:让图片一直匀速旋转
本文是在我的博客android图片处理,让图片变成圆形的基础上继续写的,可以去看看,直接看也没关系,也能看懂 1,首先在res文件夹下创建一个名字为anim的文件夹,名字不要写错 2,在anim里面 ...
css3 animation动画360旋转。旋转效果用transform:rotate过渡。
旋转: <div class="lds-hourglass"></div> .lds-hourglass {display:inline-block;po ...
css3的动画特效--元素旋转（transition，animation）
css3的动画特效--元素旋转(transition,animation) 开发中,视觉要你实现一个元素的旋转问题,比如说如下图所示: 思路:首先动画动效肯定离不开anmimation动画. 和tra ...
Android版网易云音乐唱片机唱片磁盘旋转及唱片机机械臂动画关键代码实现思路...
Android版网易云音乐唱片机唱片磁盘旋转及唱片机机械臂动画关键代码实现思路先看一看我的代码运行结果. 代码运行起来初始化状态: 点击开始按钮,唱片机的机械臂匀速接近唱片磁盘,同时唱片磁盘也 ...
iOS动画-从UIView到Core Animation
首先,介绍一下UIView相关的动画. UIView普通动画: [UIView beginAnimations: context:];[UIView commitAnimations]; 动画属性设置 ...
用JavaFX几个简单动画——旋转风车、运动的圆
旋转风车实现效果这样的一个风车不断均匀的顺时针旋转. 实现代码 import javafx.animation.Animation; import javafx.animation.Interpo ...
【CSS3】---- 纯 css 控制 html5旋转音乐图标，控制背景音乐
1. 效果展示 2. 效果分析开始音乐图标就360度自动无限旋转: 点击图标停止旋转,再次点击继续无限旋转. 3. 实现思路 1. 实现360°旋转 animation-timing-functio ...

用 Animation 实现匀速旋转

用 Animation 实现匀速旋转相关推荐

最新文章

热门文章