文/Matchvs

要做这个好友排行榜.必然要有好友的战绩比分,然后再做排序,最后将数据呈现在UI上 , 可以分为下面几个步骤:
 

  • 保存每个用户的分数
  • 获取好友列表,并获取好友的分数
  • 渲染排行榜


114633qo2o338m75o25mnu.png

  1. //存储最高分
  2. var score = 100;
  3. var kvScore = ｛key:score,value:score｝;
  4. wx.setUserCloudStroage(｛KVDataList:[kvScore]｝,success:function()｛
  5. //
  6. ｝);


渲染排行榜

对分数进行排序 , 得到一个排行榜

 

  1. let sharedCanvas = wx.getSharedCanvas()
    • function drawRankList (data) ｛
      • data.forEach((item, index) => ｛
        • // ...
          • ｝)
            • ｝
              • wx.getFriendCloudStorage(｛
                • success: res => ｛
                  • let data = res.data
                    • drawRankList(data)
                      • ｝
                        • ｝)

使用sharedCanvas来自定义显示玩家的用户排行榜

重要说明

上述所涉及的微信接口 , 都只能在微信小游戏的 子域 使用 , 微信官网也称之为开放数据域 , 其实应该称之为 封闭数据域 .

为什么这么说呢?

因为子域的js代码执行环境和小游戏本身的代码执行环境是隔离的. 两者之间不能相通 , 子域只能接收外部的消息(如游戏的最高分),不能往外发消息(不能把用户的好友关系链数据发给开发者服务器) , 内存不共享,也就意味着,开发者拿不到微信的社交关系链数据 . 在这样的封闭条件下,开发者能做的只能是在子域的画布上将排行榜数据以个性化的UI元素展示出来 .

via：GAD

锐亚教育

锐亚教育，游戏开发论坛|游戏制作人|游戏策划|游戏开发|独立游戏|游戏产业|游戏研发|游戏运营| unity|unity3d|unity3d官网|unity3d 教程|金融帝国3|8k8k8k|mcafee8.5i|游戏蛮牛|蛮牛 unity|蛮牛