h5物体拖动_iH5高级教程:H5交互进阶,拖动物品效果

这篇博客详细介绍了如何通过动效工具和事件组来设计一款互动场景。首先,为糖图片添加心跳动效,并配置了播放参数。接着,创建事件组并设定四个事件,分别是删除哭、删除轨迹、显示笑和删除糖,实现不同情绪对象的动态显示和隐藏。此外,还为笑图片和轨迹图片设置了不同的动效,如上下晃动和自上淡入。最后,为哭图片的嘴巴位置创建了一个透明按钮,用作碰撞检测,当糖与之碰撞时触发特定事件。
摘要由CSDN通过智能技术生成

1、选中糖图片对象,点击工具栏下的动效工具,为糖图片对象添加一个动效。

动效的属性设置,时长为1,动效类型为心跳,自动播放为YES,触发后延时为0,开始前隐藏为NO,播放次数为1次,循环播放为YES。

2、选中糖图片对象,点击工具栏下的事件组工具,在糖图片对象下添加一个事件组。

3、选中事件组对象,点击工具栏下的事件工具,在事件组对象下添加四个事件。分别右击每个事件对象,事件1重命名为删除哭,事件2重命名为删除轨迹,事件3重命名为显示笑,事件4重命名为删除糖。

删除哭事件:

目标对象是哭图片对象,目标动作是删除。

删除轨迹事件:

目标对象是轨迹图片对象,目标动作是删除。

显示笑事件:

目标对象是笑图片对象,目标动作是显示。

删除糖事件:

目标对象是糖图片对象,目标动作是删除

4、选中笑图片对象,点击工具栏下的动效工具,添加一个动效。

动效的属性设置,时长为1,动效类型为上下晃动,自动播放为YES,开始前掩藏为NO,播放次数为1,次,循环播放为YES。

5、选中轨迹图片对象,点击工具栏下的动效工具,添加一个动效。

动效的属性设置,时长为1,动效类型为自上淡入,自动播放为YES,触发后延时为0,开始前隐藏为YES,播放次数为1,循环播放为NO。

6、选中哭图片对象,点击工具栏下的动效工具,添加一个动效。

动效属性设置,时长为1,动效类型为左右晃动,自动播放为YES,触发后延时为0,开始前隐藏为YES,播放次数为1,循环播放为YES。

7、选中哭图片对象,点击工具栏下的透明按钮工具,在舞台上画出一个矩形,添加一个透明按钮,右击透明按钮对象,重命名为定位区域。此透明按钮的位置应在哭图片的嘴巴上,用于与糖果进行碰撞。

8、触发对象为糖,触发条件为碰撞,对象为哭图片下的定位区域对象,中心距离为中心碰撞,距离是100,速度优化为YES。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值