<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 推廣 >

Axure7.0教程:實現猜數字小游戲

時間:2021-07-17 10:54|來源:網絡整理|編輯:|點擊:

最近在學Axure,看到一篇關于數字抽獎的教程,于是在此基礎上擴展了一些功能,增添了一些游戲元素,游戲規則如下:

初始金幣為100,每次抽獎花費10金幣

輸入1位數字點擊抽獎,如有1個開獎數字與輸入數字相同,獎勵20金幣,兩個相同獎勵40金幣,3個相同獎勵60金幣

金幣為0,則無抽獎機會

原型效果:點我抽獎

下面簡單介紹一下制作流程:

1.設置全局變量和添加元件 設置全局變量

360截圖-13261114

suijishu:用來記錄保存隨機數

jinbi:金幣數量,初始值100,每次抽獎減10

cishu:抽獎次數,初始值0,每次抽獎加1

添加元件及命名

360截圖-21196339

shuru為單行文本框,設置最大文字數為1;

one、two、three為矩形框調整為圓形,可根據自己興趣調整形狀和填充色,設置為隱藏,單擊抽獎方可顯示;

choujiang按鈕下方設置tishi,用以顯示中獎、沒中獎、金幣用完等信息

2.添加點擊事件

所有的點擊事件都是基于“點擊抽獎”實現,選擇“choujiang”,設置鼠標單擊時事件

用例1:產生隨機數

設置條件為:

360截圖-22251842

顯示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

360截圖-23284256

用例2:中獎

3個圓的中獎事件是平行且獨立的,分別判斷輸入的數字是否與該圓賦予的隨機數相同,如果相同,金幣數加20,可最高累計加60。

以第一個圓的中獎事件為例:

設置條件

360截圖-24112887

其中[[sr]]為局部變量,元件shuru的文字;[[one]]為局部變量,元件one的文字。

設置tishi文字為“恭喜您!中獎啦!”

設置變量值jinbi=jinbi+20

把更新后的jinbi數值顯示在元件jinbi上

提示文字設置為800ms自動消失

360截圖-24508225

第二個圓和第三個圓的用例和第一個類似,可直接復制修改。

用例3:沒中獎

設置條件

360截圖-25012435

設置tishi文字為“很遺憾!再來一次!”

左右晃動抽獎按鈕

提示文字設置為800ms自動消失

360截圖-25245064

用例4:金幣用完

設置條件

360截圖-25330584

設置tishi文字為“嗚嗚嗚~金幣用完啦~”

禁用shuru文本框,重要?。ú蝗唤饚艦?時可修改輸入框與下方數字相同,繼續游戲)

360截圖-25436072

用例5:輸入框為空

設置條件:如果shuru=“”

設置tishi文字為“請輸入1位數字!”

左右晃動抽獎按鈕

提示文字設置為800ms自動消失

360截圖-25766778

3.補充說明

上下左右晃動效果純屬XX,如嫌麻煩可忽略之

各用例的設置條件并未詳細說明原因,其實都是在做的過程中填的一個個坑

周圍有個小伙伴最多玩到100多次,有人打破記錄嗎?

本文由 @你猜我是誰 原創發布于人人都是產品經理。未經許可,禁止轉載。

給作者打賞,鼓勵TA抓緊創作!

贊賞

2人打賞

 Axure7.0教程:實現猜數字小游戲

 Axure7.0教程:實現猜數字小游戲

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 韩国强奸罪| 夏晴子水电工麻豆映画传媒| 欧美男士毛衣| 日本豚鼠系列| 91在线新免费观看免费公开视频在线| 一部电影女同性恋最后死了| 电影《20》中文字幕| 再婚父母完整版中文字幕| 91av男人天堂在线视频| 网爆门事件84部在线观看| 印度午夜片在线观看| 大陆午夜福利在线观看视频| 91国产制服丝袜| 护花奇缘国产剧情解析| 国产片欧美片另类图片| qqc国产情侣| 首页亚洲国产美腿丝袜| 国产清晰偷拍迅雷| 国产一区二区黑人福利电影网| 国产主播自3| 年轻妈妈韩国| 韩国女主播伊素琬| 能看麻豆传媒视频的网站| 麻豆传媒女外卖员迅雷| 日本群交| 日本女团48| 麻豆电影沈芯语| 我的朋友是女同性恋| 看电影5566来 中文字幕| ted中文字幕网站| pr社野外露出视频在线观看精品| 国产一级va在线视频| cl2015地址入口一地址二地址三| 2018手机伦理午夜在线观看| 日本美国一级Av一区二区| 国产超模福利| 国产剧情顶级私人订制视频| 国产 初中生 萝莉| 国产情侣色情福利视频在线| 国产制服丝袜资源站| 国产酒店偷拍 下载| http://www.ballistictracking.com http://www.wwwny675.com http://www.oaueant.com http://www.wwwsx1844.com http://www.wwwmc155.com http://www.livysmithdesigns.com