Timeline 一,简介

尊重原创,转载请在文首注明出处:https://blog.youkuaiyun.com/cai612781/article/details/99330696

环境:

Unity 2018.4

 

一,Introduction

1.1,Timeline

Timeline是Unity2017新增的一个用于方便组织场景动画的工具,可用来制作剧情动画、技能演出等,还可配合Cinemachine做运镜。

1.2,,Timeline Asset

Timeline在Unity中是一种Asset资源文件,通过Asset/Create/Timeline菜单创建。

 

 

 

1.3,Playable Director Component

PlayableDirector是用来播放Timeline Asset的组件。

 

1.4 Playable Graph

编辑好的一个Timeline Asset,在播放时,会创建成一个Playable Graph,Playable Graph相当于Timeline Asset的一个实例,因此一个Timeline Asset可以被多个Playable Directory同时播放,互不

### Unity UGUI 和 Timeline 组件介绍 #### UGUI 系统概述 UGUI 是 Unity 内置的用户界面系统,基于 GameObject 和组件架构,允许创建动态布局和响应式设计。主要涉及的关键组件有: - **Canvas**:作为 UI 的根节点,负责控制渲染顺序和坐标空间[^1]。 - **RectTransform**:用于定义 UI 元素的位置、大小及其相对于父对象的关系,扩展了标准 Transform 功能。 - **EventSystem**:处理各种输入事件(如点击、拖拽),使 UI 能够响应用户的操作。 #### Timeline 工具简介 Timeline 提供了种直观的方式来进行复杂的序列化动画创作,特别适合于制作过场动画、角色对话以及任何需要精确时间线控制的内容。通过此工具可以轻松实现多个轨道上的不同类型的剪辑同步播放,包括但不限于音频、视频、粒子效果等。 #### 结合 UGUI 实现交互式 UI 动画 为了展示如何利用 UGUI 及其关联的技术栈来构建具有吸引力且功能丰富的用户界面,并借助 Timeline 来增强视觉表现力,下面给出个简单的例子——当按钮被按下时触发段预设好的动画序列。 ##### 创建基础场景结构 首先,在 Hierarchy 视图下建立如下层级关系: ```plaintext - Text (Label Inside Button) ``` 确保 `Button` 上挂载了默认的 `Button` 组件以便接收点击事件;而 `Text` 则用来显示文字信息。 ##### 编写脚本逻辑 编写 C# 脚本来监听按钮状态变化并启动相应的动画流程。这里假设已经安装好 Timeline Package 并配置好了项目环境。 ```csharp using UnityEngine; using UnityEngine.UI; using UnityEngine.Timeline; public class UIButtonAnimator : MonoBehaviour { public Button targetButton; // 目标按钮引用 private PlayableDirector director; // 关联的时间轴控制器 void Start() { // 初始化资源引用 this.director = GetComponent<PlayableDirector>(); // 注册回调函数至按钮 Clicked Event this.targetButton.onClick.AddListener(OnButtonClick); } /// <summary> /// 当按钮被单击时调用该方法以激活 TimeLine Animation. /// </summary> void OnButtonClick() { if (!this.director.isPlaying) this.director.Play(); } } ``` 上述代码片段展示了如何将自定义行为附加到特定控件上,从而实现在发生指定动作之后自动执行预定的任务列表。 ##### 设计 Timeline 动作轨迹 打开 Timeline Window (`Window -> Timeline`) 后新建条 Track 并命名为 "UIButtonInteraction". 接着向其中添加若干个 Director Clip 或者其他形式的可编辑单元格,按照需求调整各阶段之间的过渡时间和属性值改变情况。例如,可以在第个 Marker 处设置背景颜色渐变、第二个位置安排位移偏移量修改等等。 最后保存整个工程文件并将生成的对象实例分配给之前提到过的 Script Field —— `targetButton`. ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值