Kanzi引擎学习笔记之Animation相关

1.使用Animation做一个倒计时

        实现表现:使数字从10到0,一秒减一

        首先要新建一个可变化的参数(PropertyTypes),然后在textblock2d中将text和此参数绑定,过程较简单不说了,结果如图。

        之后我们可以控制text显示的参数做好了,然后需要使用animation去操作改变此参数,来达到数字变化的效果。

        在窗口Library中找到Animations下的AnimationData文件夹右键,创建一个动画曲线(Create-Animation)名字随便吧。

        创建之后在Properties窗口编辑内容属性,如图注释

        然后双击刚刚创建的动画曲线(位置在Library中找到Animations下的AnimationData),打开后可以看到两个线,理解为XY吧,其实是time和value,暂时先选中X(横的那跟),选中后工具栏有个图片亮了,

这个图标使给曲线添加点的,等于添加动画帧吧,我们是匀速减1,比较简单,随便加两个点就行。(点了这个图标,然后在线上随便点两个地方)

创建点之后框选点,然后在工具栏修改time和value的值

        点击图中这个图标,可以让所有的点都适配窗口,建议没事干点一点。

        第二个点同理改了之后完事,动画曲线操作完毕。关闭窗口

        之后选中负责显示的text组件,打开NodeComponents,在窗口中,选择Animations右键Create-AnimationPlayer

齐活,不出意外可以倒计时了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值