真假朋友大質檢 · Mugeda百科全書——專業版圖文介紹

# 真假朋友大質檢 * * * * * 前期準備： H5工具：Mugeda（www.mugeda.com）瀏覽器：下載Chrome瀏覽器，這是對H5支持最好的，方便邊做邊調試 **一、游戲原理** 1.不同用戶間傳播 a首次打開 *通過某個值/"判斷選擇"為2 b第二用戶打開 *通過某個值/"判斷選擇"小于2 c自己再次打開 *根據{{當前用戶昵稱=上用戶昵稱}}判斷 a設置獲取微信頭像命名為“N” b設置上用戶微信昵稱命名為“N上” 2.根據定時器屬性變化判斷判斷文本不同跳轉不同狀態頁 a賦值為2跳轉到添加問題頁面 b賦值小于2跳轉到答題頁面 c{{N=N上}}跳轉到提示自己頁面 **二、制作步驟** 1.繪制一個圓角矩形添加獲取微信頭像 ![](https://box.kancloud.cn/5081da47a14db713d7e696a14a2afe86_900x531.png) 2.在舞臺外復制一個，添加改變圖片并勾選轉發時保持 ![](https://box.kancloud.cn/d3b49da963ccae0a6c49f92363f419d3_900x530.png) ![](https://box.kancloud.cn/b074ce97d18b7829a12753b55fb5fd19_900x522.png) 3.定制原理 a通過輸入框輸入問題 b制作選項 *制作真假選項狀態 *通過改變選中圓點的左坐標來實現選中狀態 c記錄選擇答案 ![](https://box.kancloud.cn/a06a3b1a54006be98647bba685368ac4_900x532.png) *制作判斷選擇文本通過改變“判斷選擇”數值，真為1，假為0，默認為2 *通過改變數值并勾選轉發時保存狀態后邊會通過此數值判斷用戶是否答對 ![](https://box.kancloud.cn/ed1ef5e96e3482355ac079e924bc2e26_900x511.png) ![](https://box.kancloud.cn/7f0da2cc71d140a215c9d0361afd2b1f_900x455.png) 4.制作生成按鈕 ![](https://box.kancloud.cn/6f27b6596497514c6968ca0234b222dc_900x526.png) a跳轉到轉發頁面 b改變上用戶昵稱 c改變題目文字 ![](https://box.kancloud.cn/bf88ca057635b8f73aefc7dfb095a780_900x522.png) **三、邏輯判斷重點** 1.繪制一個矩形添加改變圖片行為使此圖片改變為上用戶頭像 ![](https://box.kancloud.cn/3599919d1ecba05c296a18081381a3b3_900x543.png) ![](https://box.kancloud.cn/cb2862852f324f22f9b0e71bb9fbfa37_900x529.png) 2.添加一個文本框添加改變元素屬性是文本框內容變為“@{{N}}你真的了解我嗎？” ![](https://box.kancloud.cn/1bfccaff2f897f5379c922d89d88b053_900x515.png) 3.在真假按鈕添加不同回饋 a真的：跳轉第二幀出現文字提示及答題 ![](https://box.kancloud.cn/32a30d55fc70030b10904e507591387d_900x530.png) b假的：跳轉第三幀出現文字提示及出題 ![](https://box.kancloud.cn/3e0ae5b410a7d2fcfdfe81ca634a8642_900x519.png) 觀看本節視頻教程： http://cdn1.mugeda.com/course/4/4.3/4.3.8.mp4