Laya微信小游戏的开放域
时间:2019-09-18
本文章向大家介绍Laya微信小游戏的开放域,主要包括Laya微信小游戏的开放域使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
版本2.1.1.1
现在Laya的开放域比较好用了。
新建开放域项目,里面直接有个排行榜的示例。
直接发布
得到较少的文件,复制这些文件,粘贴到主项目bin/openDataContext下。 (openDataContext文件夹需要自己创建)
并将开放域项目下libs/laya.opendata.js也复制到主项目bin/openDataContext/libs下 (libs文件夹需要自己创建)
复制开放域项目下的laya/assets/test的排行榜图片复制到主项目的bin/test下,否则开放域找不到图片地址下载
最终微信项目文件如下
设置主项目release/wxgame/game.json,增加 "openDataContext":"openDataContext"
主项目的TestScene中创建一个组件WXOpenDataViewer。 在Basics/UI下倒数第3个。(直接右键-创建UI组件,是没有这个组件的)
这个WxOpenDataViewer是显示开放域的,你可以理解为这是一个电视,里面播着开放域的界面。
主域通知开放域显示排行榜
GameUI.ts:
onEnable(): void { Laya.loader.load(["res/atlas/test.atlas"],Laya.Handler.create(this,()=>{ //使用接口将图集透传到子域 Laya.MiniAdpter.sendAtlasToOpenDataContext("res/atlas/test.atlas"); })); }
开放域接收消息,并显示排行榜
Main.ts:
class Main { constructor() { //设置子域 Laya.isWXOpenDataContext = true; Laya.isWXPosMsg = true; //根据IDE设置初始化引擎 Laya.init(GameConfig.width, GameConfig.height,false); Laya.stage.scaleMode = GameConfig.scaleMode; Laya.stage.screenMode = GameConfig.screenMode; Laya.stage.alignV = GameConfig.alignV; Laya.stage.alignH = GameConfig.alignH; // 关于透传接口,请参考: https://ldc2.layabox.com/doc/?nav=zh-ts-5-0-7 if(Laya.Browser.onMiniGame) wx.onMessage(function(data){ console.log("子域收到消息:", data); if(data.url == "res/atlas/test.atlas" ){ Laya.loader.load("res/atlas/test.atlas",Laya.Handler.create(this,this.onComplete)); } }.bind(this)); else Laya.loader.load("res/atlas/test.atlas",Laya.Handler.create(this,this.onComplete)); } onComplete(): void { //初始化rank排行榜 var rank = new BigRank(); //初始化 rank.init(); } }
把开放域的BigRank的this.getFriendData();注释掉
主项目发布,微信开发者工具打开,最终显示
原文地址:https://www.cnblogs.com/gamedaybyday/p/11545411.html
- 详解 常量指针和指针常量
- python 列表 总结
- 详解c++指针的指针和指针的引用
- QTableView 一列添加两个按钮
- [个人翻译]Redis 集群教程(上)
- Docker实践--部署Nodejs应用
- 【权限的思考】(一)使用反射实现动态权限
- 【swift学习笔记】一.页面转跳的条件判断和传值
- 【swift学习笔记】二.页面转跳数据回传
- 【swift学习笔记】三.使用xib自定义UITableViewCell
- 【swift学习笔记】四.swift使用Alamofire和swiftyJson
- 【swift学习笔记】五.使用枚举优雅的管理Segue
- 【swift学习笔记】六.访facebook登录页面
- Docker Stack 部署web集群
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 如何使用GitLab CI/CD 触发多项目管道
- 使用docker数据卷持久化容器数据
- 面向初学者的Docker快速入门指南
- TypeScript:React、拖拽、实践!
- 太慢不能忍!CPU又拿硬盘和网卡开刀了!
- 懂了!VMware/KVM/Docker原来是这么回事儿
- CPU明明8个核,网卡为啥拼命折腾一号核?
- 2020-07-22-腾讯云-slb-kubeadm高可用集群搭建
- 2020-07-23-kubernetes集群使用腾讯云cbs块存储
- 十一、详解面向对象
- 十二、面向对象实战之封装拖拽对象
- 数组reduce方法的高级用法
- 十七、详解 ES6 Modules
- 超干货!为了让你彻底弄懂 MySQL 事务日志,我通宵肝出了这份图解!
- 什么情况下不能使用最坏情况评估算法的复杂度?