写点什么

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

作者:北桥苏
  • 2025-09-10
    广东
  • 本文字数:669 字

    阅读完需:约 2 分钟

如何在 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 文件时,一定要点击挂在该动画的对象上,不然是无法预览动画。



用户头像

北桥苏

关注

公众号:ZERO开发 2023-05-08 加入

专注后端实战技术分享,不限于PHP,Python,JavaScript, Java等语言,致力于给猿友们提供有价值,有干货的内容。

评论

发布
暂无评论
如何在 Unity3D 中实现无缝滚动动画?_北桥苏_InfoQ写作社区