GUI 动画

Time:5 分钟

在动画中,Tweening (渐变)是 “in-betweening(中间过渡动画)”的缩写,指的是在一组镜头序列的两个关键点之间生成中间帧的过程。在设计用户界面时,渐变可以使 GUI 流畅地从一个位置/状态平滑过渡到另一个位置/状态,例如:

  • 流畅地增大一系列相关选项按钮中“已选定”按钮的尺寸。

  • 让 GUI 菜单滑入和滑出屏幕边缘。

  • 获得生命值提升效果时,以动画的形式让生命值栏在两种宽度间逐渐变化。

基本的渐变

articles/Intro to GUIs|GUI 简介articles/Creating GUI Buttons|创建 GUI 按钮两篇文章中,开发者已经学习了如何创建基本的文本标签和交互式按钮。这些内容和诸如 FrameScrollingFrame 等 GUI 均可通过直接附加到对象上的脚本来实现渐变。

  1. 在 “Explorer(管理器)”窗口当中,将鼠标悬停在 StarterGui 对象上,单击圆形 https://developer.roblox.com/assets/blt0dd97240c2a0db2a/Explorer-Plus-Icon.png

按钮,插入一个 ScreenGui 对象。 2. 选择新的 ScreenGui 对象,然后用相同的方法插入一个 TextButton。 3. 选择新的 TextButton 并插入一个新的 LocalScripthttps://developer.roblox.com/assets/blta51533314e36660b/TextButton-LocalScript.png

  1. 复制以下代码并粘贴到脚本中:

Roblox官方链接:GUI 动画