木疙瘩教程:如何制作长按手指控制动画播放的H5

2025-09-29 03:07:11

1、我们首先在舞台上添加兼块一个矩形,设置脂戴“出现即暂停”的行为

木疙瘩教程:如何制作长按手指控制动画播放的H5

2、选择最上图层,在舞台需手指按住的位置上添加一个矩形,设置其透明度为“0”

木疙瘩教程:如何制作长按手指控制动画播放的H5

3、随后为该透明矩形添加两个行为:动画播放控制→各露肤播放→触发条件:手指按下;动画播放控制→暂停→触发条件:手指抬起。

木疙瘩教程:如何制作长按手指控制动画播放的H5

1、首先,我们可在舞台上添加一个元件动画,如下图,为其命名为“麦穗”

木疙瘩教程:如何制作长按手指控制动画播放的H5

2、回到舞台,继续为控制矩形添加两个行为,即“手指抬起即暂停”“手指按下即播放”

木疙瘩教程:如何制作长按手指控制动画播放的H5

3、分别在这两个行为的“参数”对话框内设置“作用对象”为“麦穗”

木疙瘩教程:如何制作长按手指控制动画播放的H5

1、如下图,在舞台上添加一个“要一直按住才会播放哦”的提示语,为其命名为“提示”

木疙瘩教程:如何制作长按手指控制动画播放的H5

2、为控制矩形再添加两个行为:1.属性控制→“改变元素属性”→触发条件:手指按下→设置参数元素名称:提示元素属性:透明度赋值方式:用设置的值替换现有值取值“0”

木疙瘩教程:如何制作长按手指控制动画播放的H5

木疙瘩教程:如何制作长按手指控制动画播放的H5

3、2.属性控制→“改变元素属性”→触发条件:手指抬起→设置参数元素名称:提示元素属性:透明度赋值方式:用设置的值替换现有值取值“100”

木疙瘩教程:如何制作长按手指控制动画播放的H5

4、这样,一个“长按手指控制动画播放”的效果已做好。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢