最近在学Axure,看到一篇关于数字抽奖的教程,于是在此基础上扩展了一些功能,增添了一些游戏元素,游戏规则如下:
- 初始金币为100,每次抽奖花费10金币
- 输入1位数字点击抽奖,如有1个开奖数字与输入数字相同,奖励20金币,两个相同奖励40金币,3个相同奖励60金币
- 金币为0,则无抽奖机会
原型效果:点我抽奖
下面简单介绍一下制作流程:
1.设置全局变量和添加元件
设置全局变量
- suijishu:用来记录保存随机数
- jinbi:金币数量,初始值100,每次抽奖减10
- cishu:抽奖次数,初始值0,每次抽奖加1
添加元件及命名
- shuru为单行文本框,设置最大文字数为1;
- one、two、three为矩形框调整为圆形,可根据自己兴趣调整形状和填充色,设置为隐藏,单击抽奖方可显示;
- choujiang按钮下方设置tishi,用以显示中奖、没中奖、金币用完等信息
2.添加点击事件
所有的点击事件都是基于“点击抽奖”实现,选择“choujiang”,设置鼠标单击时事件
用例1:产生随机数
设置条件为:
- 显示one、two、three(之前未隐藏的话不用显示)
- 移动第一个圆one,使其产生上下晃动效果
- 使用random和substring函数给全局变量suijishu赋值,使其产生0-9的随机数,并把数字赋予第一个圆one
- 移动第二个圆two,使其产生上下晃动效果(时间比第一个久一些)
- 用random和substring函数给全局变量suijishu赋值,使其产生0-9的随机数,并把数字赋予第二个圆two
- 移动第三个圆three,使其产生上下晃动效果(时间比第二个久一些)
- 用random和substring函数给全局变量suijishu赋值,使其产生0-9的随机数,并把数字赋予第三个圆three
- 设置变量值jinbi=jinbi-10,cishu=cishu+1
- 把加减后的变量值赋予元件jinbi和cishu
用例2:中奖
3个圆的中奖事件是平行且独立的,分别判断输入的数字是否与该圆赋予的随机数相同,如果相同,金币数加20,可最高累计加60。
以第一个圆的中奖事件为例:
设置条件
其中[[sr]]为局部变量,元件shuru的文字;[[one]]为局部变量,元件one的文字。
- 设置tishi文字为“恭喜您!中奖啦!”
- 设置变量值jinbi=jinbi+20
- 把更新后的jinbi数值显示在元件jinbi上
- 提示文字设置为800ms自动消失
第二个圆和第三个圆的用例和第一个类似,可直接复制修改。
用例3:没中奖
设置条件
- 设置tishi文字为“很遗憾!再来一次!”
- 左右晃动抽奖按钮
- 提示文字设置为800ms自动消失
用例4:金币用完
设置条件
- 设置tishi文字为“呜呜呜~金币用完啦~”
- 禁用shuru文本框,重要!(不然金币为0时可修改输入框与下方数字相同,继续游戏)
用例5:输入框为空
- 设置条件:如果shuru=“”
- 设置tishi文字为“请输入1位数字!”
- 左右晃动抽奖按钮
- 提示文字设置为800ms自动消失
3.补充说明
- 上下左右晃动效果纯属XX,如嫌麻烦可忽略之
- 各用例的设置条件并未详细说明原因,其实都是在做的过程中填的一个个坑
- 周围有个小伙伴最多玩到100多次,有人打破记录吗?
本文由 @你猜我是谁 原创发布于人人都是产品经理。未经许可,禁止转载。
推荐阅读:内蒙古信息港
-
假如腾讯视频这样做,会被骂得很惨吗?答案:可
随着口碑爆棚的《庆余年》热榜,将腾讯视频送上了风口浪尖,源于腾讯视频来了一个“VVIP”,瞬间让“VIP”会员“血压直线飙升”导致用户将枪口对准了腾讯视频,各种...
2019-12-24 -
诺基亚上架新机,双屏翻盖外观怀旧!售价仅59
虽然现在智能手机成为了潮流趋势,但还是有很多手机厂商坚持不懈推出功能机,所以在这个满是触屏的年代,功能机的按键与机械感更能激起我们的怀旧感。12月24日上午10...
2019-12-24 -
iPhone不再是灵丹妙药 苹果在中国遇到空
极客观察(小刀)12月24日在欧洲和美国市场,苹果产品已经接近饱和。即使只依赖这两个市场,苹果也可以维持运营,但想获得超高速增长,那就不太可能了。如果想继续增长...
2019-12-24 -
翻车了!新能源续航测试 首次遇到跑不完电的纯
大家好,爱卡又来虐新能源车了!在编辑部之前的测试中,我们为读者解读了当前几款最热门纯电动车型的极限续航表现。这一次,我们准备对北京现代昂希诺纯电动这款合资纯电S...
2019-12-24 -
诺基亚三防手机Nokia 800开启预售 真
三防手机虽然是一个比较小众的需求,但是还是严苛地考验着厂商的做工,品质做到位才能称之为真三防。12月24日,诺基亚真三防手机Nokia 800开启预售,售价89...
2019-12-24 -
付费点播初尝试遭遇到大规模抵制,是网友期待过
最近关于视频平台在会员上继续收取超前点播的费用,引起了很大的争议,这里基本上不能用争议,用某家媒体的话说,“迎着板砖而上”,全国各种骂声一片,从小市民到社会主流...
2019-12-24