iH5中级教程活动必备,实现H5的倒计时.docx
《iH5中级教程活动必备,实现H5的倒计时.docx》由会员分享,可在线阅读,更多相关《iH5中级教程活动必备,实现H5的倒计时.docx(6页珍藏版)》请在三一办公上搜索。
1、iH5中级教程活动必备,实现H5的倒计时iH5中级教程:活动必备,实现H5的倒计时 1.倒计时制作步骤: 第一步:添加媒体素材 1.选中舞台,点击页面工具后再点击图片工具,新建一个页面,右键重命名为倒计时。然,上传倒计时结束后会出现的图片对象“漫画”。由于倒,所计时结束后会显示漫画和内容为“少侠,您的时间到了!”的中文字体以为了让中文字体和漫画同时显示,可以选中“漫画”对象,点击中文字体工具,添加中文字体,使中文字体成为“漫画”对象的子对象,继承“漫画”对象的属性和动作。 2.选中“倒计时”页面,在页面下添加内容为“您的游戏时间还有”的中文字体。文字内容在自行制作时可以自行决定。 第二步:设置
2、用于倒计时的计数器 1.添加显示倒计时用的计数器。选中“倒计时”页面,添加一个计数器。 , 2、并选中计数器,找到舞台左边的计数器属性面板,将初始值设置为5,把最小值设置为0。 2.在计数器下添加内容为“秒”的中文字体。 第三步:制作倒计时效果 1.选中“倒计时”页面,添加一个时间轴,为了方便识别将其重命名为“计时时间轴”。选中“计时时间轴”,在左边的属性面板中设置这个时间轴自动播放,总时长设置为1秒并设置循环播放。 2.选中“计时时间轴”这个时间轴,在这个时间轴下添加一个事件。触发条件为结束,目标对象是第二步中的计数器,目标动作为减1。这样设置的原理是时间轴每播放1秒结束后,让计数器减1,由
3、于时间轴循环播放,所以计数器每一秒会减1,出现倒计时的效果。 3.在计数器下添加一个事件,触发条件为等于,值为0,目标对象是“计时时间轴”,目标动作为暂停。即当计数器每秒减1,直至减到等于0时,时间轴停止播放。这个事件可以“防止时间轴继续循环播放,计数器继续减1从而变成负数”的情况。 第四步:制作出现的动画效果 1.选择“漫画”对象,在“漫画”对象下添加一个动效秒,动效类型为放大出现,自动播放设置为NO。 注意:动效的自动播放默认为YES,即默认状态下打开案例动效会自动播放。由于本案例中的图片需要倒计时结束后出现,所以要将动效的自动播放设置为NO,不允许它自动播放。 ,时长设置为12.选中计数
4、器,在计数器下添加一个事件,触发条件为等于,值为0,目标对象是“漫画”对象下的动效1,目标动作为开始。当倒计时结束之后,即计数器等于0,动效开始播放,那么动画效果就实现了。 2.快速数字变化步骤: 第一步:添加媒体素材 1.选中舞台,新建一个页面,重命名为数值动态增加。然后再选中这个页面,页面下添加内容“%”、“百分比”的字体,移动到合适的位置。 2.选中“数值动态增加”页面,上传一张有镂空圆且与舞台一样大的图片为了让文字更明显,我们可以把前面的文字和后面所有的文字和计数器都设置成白色。 。第二步:制作快速增加的数值变化效果。 1.选中“数值动态增加”页面,在页面下添加一个计数器。选中计数器后
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- iH5 中级 教程 活动 必备 实现 H5 倒计时
链接地址:https://www.31ppt.com/p-3158641.html