查看: 3610|回复: 0

[使用教程] H5微场景教程之测试游戏

[复制链接]

0

主题

15

回帖

25

积分

会员

Rank: 5Rank: 5

积分
25
发表于 2015-8-26 15:49:41 | 显示全部楼层 |阅读模式
尹广磊公众帐号
这个测试作品有5道题,与三个测试结果,如果全部选择选项一,则会显示结果三,如果3-4个题选择选项一,则会显示结果二,如果1-2个题选择选项一,就会显示结果一。


5.2测试游戏98.png
5.2测试游戏100.png

5.2测试游戏102.png







第一步:登录。百度搜索找到互动大师官网,注册账号并登录。

5.2测试游戏136.png




第二步:创建作品。在“我的作品”里创建一个新的手机案例,进入编辑页面。

5.2测试游戏175.png




第三步:添加一个页面,然后添加三个文本,分别是题目和两个选项的文本,选项下添加一个方框图片作为子对象,以便保证点击的时候可以点到方框。所有方框下添加事件,点击方框,目标对象舞台,目标动作下一页

5.2测试游戏275.png


5.2测试游戏277.png



5.2测试游戏280.png


第四步:右键复制页面1,在舞台下黏贴4次。改变一下题目,和页面的颜色,那就有5个题目的页面了。

5.2测试游戏331.png




第五步:同理制作三个结果页面。

5.2测试游戏350.png




第六步:舞台下添加计数器。在题目页面的选项一子对象框下添加一个事件,点击框,计数器加1

5.2测试游戏398.png


5.2测试游戏400.png




第七步:计数器下添加三个事件。

计数器数值范围1-2时,目标对象舞台,目标动作跳转页面至结果一。

计数器数值范围3-4时,目标对象舞台,目标动作跳转页面至结果二。

计数器数值是5时,目标对象舞台,目标动作跳转页面至结果三。

可以把计数器前面的勾隐藏掉,这样预览时就可以隐藏加数器。

5.2测试游戏544.png



5.2测试游戏547.png

第四步:分享作品

保存作品,回到我的作品页面中,点击分享按钮,可以把这个地址分享给朋友,或者扫描二维码,在手机上观看,还可以分享到微信朋友圈。

5.2测试游戏627.png




如果你有独特的创意想法,运用VXPLO互动大师,通过简单的几步设定完成一个微场景,打破生硬的动态图文,增加用户浏览时更有交互性和趣味性,在微信中快速传播。



任何技术性的问题可以加入“VXPLO互动大师技术服务”群:301817884
或者点击“VXPLO互动大师”直接进入官网体验
VXPLO互动大师欢迎对交互设计有想法的各位朋友们的加入!

您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2025-6-20 05:22

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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