Roblox GUI 动画

本文介绍了如何在Roblox中使用tween和tweenService进行GUI动画,包括基础的大小和位置变换,颜色变换以及更强大的变换队列。通过动画,可以实现如按钮平滑放大、界面滑入滑出、血条颜色过渡等效果。
摘要由CSDN通过智能技术生成

GUI动画

官方文档-UI动画
官方文档-TweenSize参数说明

本节中界面动画主要使用tween和tweenservice来进行界面动画。在设计界面的时候,tweening可以用来平滑的变换界面的位置和状态。比如:

  • 平滑的放大一个选中的按钮
  • 从屏幕的边缘滑入或者滑出界面
  • 当血量发生变换的时候,血条进行动画过渡。

1. 基础变换

在界面控价下添加一个LocalScript来控制界面的动作

local object = script.Parent
object.AnchorPoint = Vector2.new(0.5, 0.5)
object.Position = UDim2.new(0.1, 0, 0.5, 0)

object:TweenPosition(UDim2.new(0.5, 0, 0.5, 0))

这段代码可以控制空间移动到屏幕的中央。

UDim2结构可以看出来需要四个参数,分别是x的scale,x的offset,y的scale,y的offset,很好理解,跟cegui的定位很想,无需多说。

大小变换


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值