查看: 2713|回复: 0

“一触全发”的事件组功能!

[复制链接]

0

主题

7

回帖

17

积分

版主

Rank: 7Rank: 7Rank: 7

积分
17
发表于 2015-3-12 18:26:30 | 显示全部楼层 |阅读模式
尹广磊公众帐号
今天小编要教大家做一个挂灯笼的案例,同时介绍一个互动大师平台上刚更新的神奇功能!可以帮助你提高案例的制作效率,同时大大优化案例的播放速度!赶快来学习一下吧。

我们来看这个拖动灯笼的案例,想要的效果是,有“字”的灯笼挂到有同样“字”的窗户上,当灯笼都挂满时,背景出现一些动态效果。这是观看者希望看到的效果。(具体案例可点击这里在浏览器中打开)

denglong.png

实际操作过程中,我们要做一个微妙的变化,即准备有两个一模一样的灯笼,我们且叫它灯笼A1和灯笼A2。灯笼A1是可移动的(即你要挂的灯笼),灯笼A2是不可移动的,它其实就已经在窗口上,只不过初始不可见,当灯笼A1足够接近要悬挂的窗口时,灯笼A2出现,灯笼A1消失,给观看者造成视觉差,是灯笼A挂上去了。当7个灯笼全部挂上窗户后,背景发生一些效果。

那我们现在用VX互动大师的语言来做这样的效果,主要用到的触发事件是碰撞距离(即物体A距离物体B的距离)。当距离满足到一定条件时(移动灯笼到相对应的位置时),我们需要有以下几个效果同时出现:
1)原本就在窗口上的灯笼A2显示(此灯笼A2的初始可见为NO)
2)记录挂号灯笼的数量,一旦到达7,即7个灯笼都挂上,就会显示背景的效果
3)可拖动的灯笼A1删除

原本我们需要在素材对象A1下添加三个事件,来达到以上的三个效果,而现在只需要在素材A1下添加一个事件组(即事件的集合),然后添加以上的三个效果。要注意的是删除可拖动的灯笼的事件一定是最后执行的,如果首先就执行删除了,你就没有碰撞对象了。

shijianzuzu.png
shijainzu.png

事件组需要设定触发条件;

shijain3.png

第一个执行事件:原本就在窗口上(不可见)的灯笼A2显示

shijian1.png

第二个执行事件:计数器加1

shijian2.png

第三个执行事件:原本可移动的灯笼图片删除

事件组对象还可以被当做一个对象,进行剪切或复制,粘贴,启用或禁用,在制作类似挂灯笼这样的案例时就非常方便。

所以当某个对象的触发条件相同,需要同时触发出几个效果,你就可以用这个神奇的功能啦。无需重复填写“触发条件”,只需要设定目标对象和目标动作,触发的顺序仍是从下到上(对象树上的位置)。对象组的使用会减少系统对触发事件判断的计算量,大大提高案例播放速度;

更具体的使用方法详见下面的视频,或是到“我的作品”页面下的教学实验室中查看教学案例1013,可在编辑器中打开边看边学习哦!

具体案例可以在vxplo官网上下载学习,以及查看教学视频。www.vxplo.cn
VXPLO互动大师是一款不需要代码就可以帮助设计师完成交互设计作品的在线编辑工具。支持HTML5和Flash,工具简单易用,功能强大。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-9-28 05:55

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表