木疙瘩教程:“拍宇航员”h5案例制作过程( 二 )



木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

9可点击“保留”

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

10选中所有图层的第2帧“插入帧”

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

11在“节制”图层的第2帧“插入关头帧”, 删除关头帧上的两个节制元素

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

12为摄影图片按钮设置编纂行为:“跳转下一帧”行为:“动画播放节制”→“下一帧”→触发前提:“点击”“暂停”行为:“动画播放节制”→“暂停”→触发前提:“呈现”

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

13在“按钮”图层第2帧“插入关头帧”, 删除关头帧上的摄影按钮图片素材

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

14同时, 在“按钮”图层第2帧上点击添加一个文本框素材, 输入文字内容“再来一次”, 调整文本框大小、位置、字体、颜色等属性

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

15为“再来一次”文本框添加编纂行为:“动画播放节制”→“上一帧”→触发前提:“点击”“属性节制”→“改变元素属性”→触发前提:“点击”, 设置“参数”为元素名称:“分数”元素属性:“文本取值”赋值体例:“用设置的值替代现有值”取值:“0”点击“确认”

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

16点击“预览”不雅察结果

木疙瘩教程:“拍宇航员”h5案例制作过程

文章插图

注重事项如教程有任何疑问, 可登录mugeda官网查看根本教程

以上内容就是木疙瘩教程:“拍宇航员”h5案例制作过程的内容啦, 希望对你有所帮助哦!

推荐阅读