凯发娱乐网

 找回密码
 立即注册

微信小游戏排行榜功能快速开发教程

凯发娱乐 www.cwagame.com.cn 发布者: liefeng603 | 发布时间: 2018-7-20 11:51| 评论数: 0

游戏程序
平台类型:  
程序设计:  
编程语言:  
引擎/SDK:  
文/Matchvs

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

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


保存每个用户的分数

保存每个用户的分数,需要调用微信的云存储API,将用户的分数持久化的存起来 .

// 保存用户数据,注意限制单条数据容量不得超过1024字节,
// 单个用户数据总条数不得超过128条
wx.setUserCloudStroage(Object)

  1. //存储最高分
  2. var score = 100;
  3. var kvScore = {"key":"score","value":score};
  4. wx.setUserCloudStroage({"KVDataList":[kvScore]},"success":function(){
  5.     //
  6. });
复制代码

获取好友列表,并获取好友的分数

?游戏中将玩家的分数保存起来以后,需要调用微信的云存储API wx.getFirendCloudStorage, 获取玩家的微信好友数据,这样就拿到了每个好友的最高分.

值得一提的是,微信的这个接口在内部隐蔽的使用其微信的社交关系链 .

返回列表中的包含的 调用过wx.setUserCloudStroage 这个接口的用户.


渲染排行榜

对分数进行排序 , 得到一个排行榜
  1. let sharedCanvas = wx.getSharedCanvas()
  2. function drawRankList (data) {
  3.   data.forEach((item, index) => {
  4.     // ...
  5.   })

  6. wx.getFriendCloudStorage({
  7.   success: res => {
  8.     let data = res.data
  9.     drawRankList(data)
  10.   }
  11. })
复制代码

注意这个 sharedCanvas , 这是独有的画布 ,与小游戏中的画布不是同一个东东.


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

重要说明

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

为什么这么说呢?

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

via:GAD



凯发娱乐网微信公众号二维码
关注我们官方微信公众号
游戏行APP二维码
下载我们官方APP-游戏行
游戏行APP二维码
关注手游动态微信公众号

最新评论

  • 采访暴雪中国本地化团队:《战争使者:吉安
  • 吃鸡也能做成桌游?《香肠派对》桌游版制作
  • Unity完全自制游戏《纸箱战争》项目记录(
  • 独立游戏发行日志???发行游戏累不累?
  • 独立游戏开发者谈游戏设计:从怀疑已有的设
  • 2018ChinaJoy将开幕 顺网网咖概念馆提前曝

小黑屋|稿件投递|广告合作|关于本站|凯发娱乐 ( 闽ICP备05005107-1 )

GMT+8, 2018-8-1 21:17

快速回复 凯发娱乐 返回列表