unity自己制作动画(以image示例)
2016-07-08 14:37
316 查看
作为程序,做游戏动画是很苦逼的事,unity里为我们提供了这样一个工具,来满足我们的需求(虽然TM不太好用),勤能补拙(坚信吧,少年们)!
进入正题
1.我们建立一个image;
2.我们在Window标签下打开animation界面(ctrl+6也可以)
3.我们选中image 点击animation界面上的小红点 会出现保存页面,保存的是一个动画文件(.anim)
4.到此为止我们的准备工作基本完成了,下面开始编辑我们的动画吧
animation界面上最大的按钮Add curve,这个是用来添加一些我们需要在动画中改变的变量的
我们打开看看都有什么东西
5.这些变量都是我们可以用来做动画使用的,都可以随时间来改变(上面条中的1:00 指的是1S)我们来加个位置动画来看看
首先我们选择上面的anchored positon后面的加号然后会出现蓝点这个就是关键点,我们使用这个点来设置我们想要的效果
当我门选中这个点的时候inspector界面的相应变量的输入框就会变红,我们选的是位置,那么transform里面的postion就会变红
我们每一个关键点都可以进行编辑,在animation界面 我们可以右键addkey 来添加任意你想要的关键点,来使你的动画更加丰富,或者说细致。
全部编辑完成后我们点击红点旁边的右箭头来进行预览。不满意我们可以在调试,但是在预览状态下改变了相应的变量 就会添加一个关键点。
(PS:我刚才偷偷拖动了一下,加入了一串关键点,日了狗。。)
6.动画不止可以改变一个变量,上面图中的所有变量都可以用来做动画,比如我们可以做一个一边旋转一边缩放,一边改颜色的(itween或者NGUItweenposition那样)
这只是一个基本的用法,下面我要说的是重点;
以上是animation来操作一个image,那么我们拓展一下,我们是不是可以用来做模型上的动画,我们可以获取到模型上的节点,那么对节点进行这一系列操作
是不是得到模型动画了呢。
独立开发 无美工 无动作 只有程序员一枚 只是自己的经验拿出来分享下 不喜勿喷;
支持 陈宇
独立开发万岁
进入正题
1.我们建立一个image;
2.我们在Window标签下打开animation界面(ctrl+6也可以)
3.我们选中image 点击animation界面上的小红点 会出现保存页面,保存的是一个动画文件(.anim)
4.到此为止我们的准备工作基本完成了,下面开始编辑我们的动画吧
animation界面上最大的按钮Add curve,这个是用来添加一些我们需要在动画中改变的变量的
我们打开看看都有什么东西
5.这些变量都是我们可以用来做动画使用的,都可以随时间来改变(上面条中的1:00 指的是1S)我们来加个位置动画来看看
首先我们选择上面的anchored positon后面的加号然后会出现蓝点这个就是关键点,我们使用这个点来设置我们想要的效果
当我门选中这个点的时候inspector界面的相应变量的输入框就会变红,我们选的是位置,那么transform里面的postion就会变红
我们每一个关键点都可以进行编辑,在animation界面 我们可以右键addkey 来添加任意你想要的关键点,来使你的动画更加丰富,或者说细致。
全部编辑完成后我们点击红点旁边的右箭头来进行预览。不满意我们可以在调试,但是在预览状态下改变了相应的变量 就会添加一个关键点。
(PS:我刚才偷偷拖动了一下,加入了一串关键点,日了狗。。)
6.动画不止可以改变一个变量,上面图中的所有变量都可以用来做动画,比如我们可以做一个一边旋转一边缩放,一边改颜色的(itween或者NGUItweenposition那样)
这只是一个基本的用法,下面我要说的是重点;
以上是animation来操作一个image,那么我们拓展一下,我们是不是可以用来做模型上的动画,我们可以获取到模型上的节点,那么对节点进行这一系列操作
是不是得到模型动画了呢。
独立开发 无美工 无动作 只有程序员一枚 只是自己的经验拿出来分享下 不喜勿喷;
支持 陈宇
独立开发万岁
相关文章推荐
- Gifski:一个跨平台的高质量 GIF 编码器
- 模仿动画的放大缩小容器
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
- Android实现定制返回按钮动画效果的方法
- Android中ViewFlipper的使用及设置动画效果实例详解
- jQuery实现美观的多级动画效果菜单代码
- php判断GIF图片是否为动画的方法
- jQuery实现动画效果circle实例
- HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
- 浅析JavaScript动画
- js排序动画模拟-插入排序
- javascript+HTML5的Canvas实现Lab单车动画效果
- 基于javascript实现漂亮的页面过渡动画效果附源码下载
- js实现按钮颜色渐变动画效果
- 超赞的jQuery图片滑块动画特效代码汇总
- jQuery实现连续动画效果实例分析
- 利用jquery制作滚动到指定位置触发动画
- jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
- jQuery实现带有洗牌效果的动画分页实例
- jQuery动画效果相关方法实例分析