cocosjs微信头像本地服务器,Cocos creator游戏接入微信开放数据域,实现好友排行榜功能...

本文介绍如何在Cocos Creator v2.2版本中,结合微信开放数据域实现微信小游戏的好友排行榜功能。详细步骤包括主域和子域的创建、数据交互以及排行榜界面的搭建,提供代码示例。
摘要由CSDN通过智能技术生成

微信小游戏加入排行榜功能,可以增加游戏微信好友参与,增加分数竞争氛围,官方的说明文档不怎么详细,也有坑。本文实战以cocos creator v2.2版本为例,供大家参考。

结果显示:

ea4529077e7e7770853b542d60fc8c5a.png

前提:

1、创建主域:用于显示子域画布

2、创建子域:子域界面

步骤及说明

1、主域创建空节点:用于显示子域内容,设置宽高背景颜色设置为白色。注意此处不要设置黑色,不然会出现透明黑问题。

d00bf4e934162841868a1404b60693d0.png

添加WXSubContextView组件,新增了 FPS 属性, 用户可以通过设置 FPS 直接控制开放数据域的帧率。

步骤:属性检查器里面-》添加组件-》其他组件-》WXSubContextView

02da15be3e824e9549c23d47e96bd3e0.png

创建成功显示如下

fe98cf1da4a2a69ec07daacc4238e32d.png

至此,主域界面代码已经完成了。

2、主域数据提交到微信托管数据,这里传递用户游戏得分给子域let openDataContext = wx.getOpenDataContext()

openDataContext.postMessage({

wxscore: topScore,

})

3、编写向子域发送数据方法,博主这里采用按钮形式,用户点击按钮即向子域发送请求数据// 好友榜

frendRank(){

if (typeof 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值