首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
使用ivx制作快闪倒计时的经验总结
时间:
2020-04-03 10:23:45
阅读:
62
评论:
0
收藏:
0
[点我收藏+]
标签:
RoCE
字体
color
总结
tps
描述
变化
今天
oss
之前的帖子中使用时间轴和轨迹制作了几种进场动画,今天我们还是使用这两个工具来实现一个快闪倒计时的效果,要注意的是这次每个组件的轨迹只是在时间轴中的一段时间内显示播放的。
1.首先制作下面的进度条,这个原理比较简单,就是一个白色的矩形作为底条,再用另一个蓝色矩形做顶条,我们给顶条添加一个轨迹,轨迹的变化时让顶条的宽度从0变道与底条一样宽,这样轨迹播放就是一个进度条的效果了。
2.然后就是添加五个中文字体组件(画布中一般不使用文本组件),都放置在同一位置上。给五个中文字体分别添加一个轨迹,可以看到此时他们都叠在一起了,我们预期的应该是5个数字依次显示,这里需要在对象树中选中轨迹,将轨迹的属性栏里开始显示和结束显示填入时间点来确定时间轴的哪一时间段内该轨迹显示。
这样设置之后我们就只有轨迹的时间段内才能看见该组件了,比如轨迹3设置的开始显示是4s,结束显示是6s,则当时间轴运行到第4s,中文字体3才会出现,当时间轴运行到第6s,中文字体又重新隐藏了。
总结
注意是只有时间轴下的轨迹才能进行开始显示和结束显示的设置,另外如果我们给开始显示和结束显示设置了时间点后又想取消,选中对应属性的输入框按backspace退格键即可变回一直显示。另外emo中只是使用基础功能做了一个最基本的样例,大家可以尝试大开脑洞做出更炫酷的效果。
使用ivx制作快闪倒计时的经验总结
标签:
RoCE
字体
color
总结
tps
描述
变化
今天
oss
原文地址:https://blog.51cto.com/14556317/2484375
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!