• 【Unity基础】5.动画曲线


      【Unity基础】5.动画曲线

            大家好,我是Lampard~~
            欢迎来到Unity基础系列博客,所学知识来自B站阿发老师~感谢 

     (一)曲线编辑

    (1) 动画曲线

        上周我们创建了一个简单动画,让我们的矩形在第0帧时Y轴从0的位置,移动到30帧时Y轴为3的位置

        如果物体是做匀速直线运动,我们就可以得知在第15帧的时候,Y轴的位置是1.5,在第20帧的时候Y轴位置是2,那实际上是不是呢? 

        很遗憾,虽然第15帧物体的位置确实在1.5,但是第20帧Y轴的位置确是在2.22,和我们预设的匀速运动不符合,那要搞清楚此时物体究竟是在做什么运动,我们就可以引出今天的主角动画曲线了

        在我们的动画编辑器的左下方,有一个dopesheet简报默认按钮和curves曲线模式,点击curves我们就可以观察到这个物体随时间的变化在做什么样的运动

        从上图我们可以观察到,物体的Y轴(绿色)是做一个曲线变速运动,这就和我们之前的数据验证的结果相符了

    (2) 曲线编辑

        那如果我们想让物体就做匀速运动要如何处理呢?

        很简单,我们观察到运动曲线上有两个点,分别是我们0到30的关键帧,我们只需要选中它->选择both tangents(两侧的切线)->linear(线性),就可以把这个运动曲线设置成直线,物体也就做匀速直线运动了 

        此时我们再看第20帧的物体Y轴位置,就可以得出等于2的结果

    (3) 更多曲线编辑选项

        那除了Both tangents之外,我们还可以设置left tangents和right tangents,也就是对关键帧的左侧和右侧运动曲线设置不同的值

        而除了linear(直线)之外,还有Free(自由曲线),constant(常量不变),和weighted(重力)等

        比如这样操作我们就可以重新让物体做曲线运动

        而选择constant就可以让物体在某一帧才发生位置变化

     (二)动画事件

    (1)子节点动画

        现在打算设计一个直升飞机模型,通过控制其机翼的旋转来总结一下我们刚才学到的知识。首先导入一个直升机模型,可以看到其包含前侧旋转翼和尾部旋转翼

        我们按照上次课学习内容,在Animation文件夹创建两个新的动画Top和Back供飞机的两个机翼使用

        把它们托到各自的组件上,然后打开动画编辑器,调整其transform组件的rotation属性

        我们把尾部动画第0帧的x轴旋转角度设置为0,第30帧时候设置为360,那么就可以使飞机尾部螺旋桨在30帧之内旋转一周

        但我们看到其一卡一卡的,很明显并不是我们想要的螺旋桨转动效果,我们应该打开动画曲线编辑,使之进行匀速运动

        顶部的旋转动画也照葫芦画瓢设置一下就可以了,最后看看最终效果:

    (2)动画回调事件

        u3d的动画回调事件可以设定在跑到第几帧的时候,执行相应的回调函数,具体操作方式是:

        创建一个C#脚本挂在动画挂载的物体上

        编辑回调函数,比如说,我想飞机的尾翼跑到第20帧的时候,就停止转动

    1. void StopRotation()
    2. {
    3. Animation ani = GetComponent();
    4. ani.Stop("Back");
    5. }

        然后在动画编辑器中,选择想到执行该回调的帧,右键Add Animition Event,选择我们的回调方法(如果没有找到,需要验证下c#脚本是不是忘记挂到物体上了哟)    

    好啦今天就到这里,感谢阅读!!!
    点赞,关注!!!

      

  • 相关阅读:
    力扣:1224. 最大相等频率
    离线数仓 (四) --------- 用户行为数据采集模块
    腾讯云数据安全中台保护方案获“首届全国商用密码应用优秀案例”
    我在京东的第417天:陷入了情绪的泥沼
    下载安装nvm教程(附带下载切换node.js版本实操)
    数据结构与算法-第八章 插入排序
    hive中判断一个字符串是否包含另一个子串的四种方法,sql中也可用
    搭建Hadoop集群环境,安装jdk,环境配置,免密登录,关闭防火墙
    mmc命令(do_mmcops函数的源码分析)
    全网最全的AItium Designer 16下载资源与安装步骤
  • 原文地址:https://blog.csdn.net/cooclc/article/details/133242856