rss 推薦閱讀 wap

生活資訊網_中國新聞網

熱門關鍵詞:  as  自駕游  xxx  鈹氬〒  請輸入關鍵詞
首頁 動態 地方 經濟 理財 行業 人文 娛樂 科技 營銷 微商

Axure RP 9 教程:9宮格拼圖如何制作

發布時間:2019-06-18 18:13:10 已有: 人閱讀

  以上是本案例使用的函數,接下來介紹實現小圖塊移動的邏輯:(下邊內容繁雜,不愿意閱讀的同行可以直接下載原型研究哈)我們知道,拼圖游戲在操作的過程中,是空白位置相鄰的圖片移動到空白位置,我們設置每個小圖塊長寬均為100,那么不難發現,可以移動到空白位置的圖片坐標距離空白圖片坐標距離為100,那么我們在設置移動條件的時候,就以圖片距離為依據。

  假定某張圖片的坐標為(100,200),空白圖片的坐標為(0,200),(X1-X2)^2+(Y1-Y2)^2=兩圖片距離^2,按照這樣的公式可以判斷圖片與空白圖片的距離是否為100,考慮到這樣的公式很難在Axure內表達,因此我們簡化公式:

  否則,圖塊無法移動,此時當鼠標單擊元件時,判斷是否符合移動條件,移動條件轉化為Axure語言就是:

  圖片移動的邏輯基本成型,接下來說說如何記錄空白圖片的位置:我們畫出四個框,命名為X,Y,X*100,Y*100,分別代表當前空白位置的位置及坐標,坐標我們用距離表示,位置我們用0、1、2表示,如下圖所示,圖片的坐標和位置可以一一對應:

  上圖中寫出了四個方塊的位置和坐標,其他的以此類推。下面也就是最后的記錄方式了,記錄方式在這里不啰嗦,大家自行下載原型相信很容易便可以理解。

  其中,lx為元件X*100的元件文字,ly為元件Y*100的元件文字。🔹為八個圖塊設置同樣的交互即可,X、Y、X*100、Y*100的初始值就是初始空白圖塊的值,應此(X,Y)=(2,2),(X*100,Y*100)=(200,200)

  拼圖游戲看似已經做完了,其實呢,美中不足,差一步:當我們拼完圖后,想打亂重新來一次,有木有,無法打亂,那么怎么辦呢,本期先留下一點小懸念,我們下期再出如何打亂圖片的RP。

  人人都是產品經理(是以產品經理、運營為核心的學習、交流、分享平臺,集媒體、培訓、社群為一體,全方位服務產品人和運營人,成立8年舉辦在線+期,線+場,產品經理大會、運營大會20+場,覆蓋北上廣深杭成都等15個城市,在行業有較高的影響力和知名度。平臺聚集了眾多BAT美團京東滴滴360小米網易等知名互聯網公司產品總監和運營總監,他們在這里與你一起成長。

上一篇:北京效率高的游戲音效制作公司在線咨詢

下一篇:沒有了

首頁 | 動態 | 地方 | 經濟 | 理財 | 行業 | 人文 | 娛樂 | 科技 | 營銷 |免責聲明

Copyright2008-2022 生活資訊網 www.rbgogb.tw 版權所有 業務QQ:17468920 Power by DedeCms 京ICP備13004639號

電腦版 | wap

香港钻石天使报