如何在 Unity3D 中实现无缝滚动动画?

AI摘要
本文介绍了在Unity3D中创建无缝滚动进度条动画的方法,无需脚本控制。通过搭建层级结构、添加组件、设置关键帧与调整曲线实现匀速动画效果。重点提醒操作时需选中动画对象才能预览。

一、前言

对于游戏开发的动画,可能大部分是采用第三方的制作工具单独完成,然后导入 Unity3D 2020.3 中。但是有些组件动画,比如像进度条这种,因为要完成色块移动控制,所以在 Unity3D 中实现更好。

二、操作流程

1. 搭建基本结构

结构主要是先一个空对象,对象下添加 Image 对象作为进度条背景,与背景同级创建一个带 Animation 组件的对象,最后在带 Animation 组件对象下添加两个 Image 对象。

2. 添加需要组件

Background 添加 Image 组件;ObjAnima 添加 Rect Mask 2D 组件和 Animation 组件;Animation01 和 Animation02 添加 Image 组件。

3. 创建 Animation 文件

在 Assets 资源管理中右键 ->Create->Animation,然后双击该文件打开 Animation 编辑器,点击 Create 保存到指定位置,文件后缀.anim。

4.Animation 编辑

进入编辑框内,点击 “Add Property”,出现弹出小框,会出现当前有 Animation 下的子级,点击下拉会显示子级的属性,像上下移动就选择 Anchored Position 就可以。

5. 添加关键帧

为了实现无缝滚动,原理就是遮罩上一个图形往下移动,在视图中的图形往遮罩下面移动。也就只需对图形的 Y 轴进行操作。

6. 匀速动画设置

设置时间轴默认情况是有缓入缓出的效果,播放的时候就没有无缝滚动的效果,这时候就需要在 Curves 下设置匀速。 按 “shift” 选中两个关键帧,右键的时候不要离开关键帧的点,然后选择 “Both Tangents‘,再点击 ”Linear“,看到线条变成直线就表示匀速播放了。

四、写在后面

通过上面操作就完成了一个简单的无缝上下滚动的进度条动画效果,并且没有通过脚本控制。还有一个容易忘记的点是,在打开 anim 文件时,一定要点击挂在该动画的对象上,不然是无法预览动画。

本作品采用《CC 协议》,转载必须注明作者和本文链接
公众号: ZERO开发, 专注后端实战技术分享,致力于给猿友们提供有价值的内容。
北桥苏
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
UP @ 公众号: ZERO开发
文章
82
粉丝
2
喜欢
22
收藏
13
排名:1060
访问:4889
私信
所有博文
社区赞助商