摘要:概述要做這個好友排行榜必然要有好友的戰績比分然后再做排序最后將數據呈現在上可以分為下面幾個步驟保存每個用戶的分數獲取好友列表并獲取好友的分數渲染排行榜保存每個用戶的分數保存每個用戶的分數需要調用微信的云存儲將用戶的分數持久化的存起來保存用戶
概述
? 要做這個好友排行榜.必然要有好友的戰績比分,然后再做排序,最后將數據呈現在UI上 , 可以分為下面幾個步驟:
保存每個用戶的分數
獲取好友列表,并獲取好友的分數
渲染排行榜
保存每個用戶的分數保存每個用戶的分數,需要調用微信的云存儲API,將用戶的分數持久化的存起來 .
// 保存用戶數據,注意限制單條數據容量不得超過1024字節, // 單個用戶數據總條數不得超過128條 wx.setUserCloudStorage(Object)
//存儲最高分 var score = 100; var kvScore = {"key":"score","value":score}; wx.setUserCloudStroage({"KVDataList":[kvScore]},"success":function(){ // });獲取好友列表,并獲取好友的分數
? 游戲中將玩家的分數保存起來以后,需要調用微信的云存儲API wx.getFirendCloudStorage, 獲取玩家的微信好友數據,這樣就拿到了每個好友的最高分.
值得一提的是,微信的這個接口在內部隱蔽的使用其微信的社交關系鏈 .
返回列表中的包含的 調用過wx.setUserCloudStroage 這個接口的用戶.
渲染排行榜對分數進行排序 , 得到一個排行榜
let sharedCanvas = wx.getSharedCanvas() function drawRankList (data) { data.forEach((item, index) => { // ... }) } wx.getFriendCloudStorage({ success: res => { let data = res.data drawRankList(data) } })
注意這個 sharedCanvas , 這是獨有的畫布 ,與小游戲中的畫布不是同一個東東.
使用sharedCanvas來自定義顯示玩家的用戶排行榜
重要說明? 上述所涉及的微信接口 , 都只能在微信小游戲的 子域 使用 , 微信官網也稱之為開放數據域 , 其實應該稱之為 封閉數據域 .
? 為什么這么說呢?
? 因為子域的js代碼執行環境和小游戲本身的代碼執行環境是隔離的. 兩者之間不能相通 , 子域只能接收外部的消息(如游戲的最高分),不能往外發消息(不能把用戶的好友關系鏈數據發給開發者服務器) , 內存不共享,也就意味著,開發者拿不到微信的社交關系鏈數據 . 在這樣的封閉條件下,開發者能做的只能是在子域的畫布上將排行榜數據以個性化的UI元素展示出來 .
Cocos Creator 實現微信好友排行榜
http://docs.cocos.com/creator...
微信小游戲關系鏈數據使用指南
https://developers.weixin.qq....
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96143.html
摘要:今天我們分享的菜鳥文檔將介紹微信小游戲好友排行榜的制作過程,包括創建項目并發布微信開發者平臺添加小游戲打開開放域功能主域和開放域通訊,以及與原生的布局。 寫在前面:隨著越來越多的新人開始接觸白鷺引擎,創作屬于自己的游戲。考慮到初學者會遇到一些實際操作問題,我們近期整理推出菜鳥系列技術文檔,以便更好的讓這些開發者們快速上手,Egret大神們可以自動忽略此類內容。 今天我們分享的菜鳥文檔將...
摘要:今天杭州又是大雨,被淋了個落湯雞,都怪我家大狼狗非要騎電動車,我昨天吐槽要買的帥氣的雨衣還沒有買不過大雨和飛機大戰小游戲更配哦。微信早已正式發布微信內置飛機大戰游戲,目前該游戲已經下線。此時,界面中會顯示此次玩家的飛機大戰分數。showImg(https://user-gold-cdn.xitu.io/2019/5/15/16ab9377884b99f7); 今天杭州又是大雨,被淋了個落湯雞...
摘要:今天杭州又是大雨,被淋了個落湯雞,都怪我家大狼狗非要騎電動車,我昨天吐槽要買的帥氣的雨衣還沒有買不過大雨和飛機大戰小游戲更配哦。微信早已正式發布微信內置飛機大戰游戲,目前該游戲已經下線。此時,界面中會顯示此次玩家的飛機大戰分數。 今天杭州又是大雨,被淋了個落湯雞,都怪我家大狼狗非要騎電動車,我昨天吐槽要買的帥氣的雨衣還沒有買,不過大雨和飛機大戰小游戲更配哦。 這篇文章來自我司的王老吉同...
閱讀 1486·2019-08-30 15:44
閱讀 1949·2019-08-30 14:07
閱讀 2876·2019-08-30 13:56
閱讀 2343·2019-08-29 17:06
閱讀 1330·2019-08-29 14:13
閱讀 2085·2019-08-29 11:28
閱讀 3230·2019-08-26 13:56
閱讀 1950·2019-08-26 12:11