Cocos Creator 使用protobufjs
Win7 + Creator 2.0.0 + protobufjs 6.8.8
1.下载安装protobufjs
npm install -g protobufjs
可以看到protobufjs安装在C:\Users\Administrator\AppData\Roaming\npm\node_modules\protobufjs中
2.在protobufjs\dist中找到protobuf.js文件,并作为插件拖放到Creator中(注意,必须作为插件,并且是四个选项都必须选中,否则将报错!)
3.新建一个通讯协议文件msg.proto,内容如下
syntax = "proto3"; package msg; message Login {
string name = ;
string pwd = ;
}
注意:package为包名msg
4.使用如下命令将msg.proto文件转为对应的js版本文件Msg.js
::protobuf.js版本6.x生成js文件
pbjs -t static-module -w commonjs -o Msg.js msg.proto
5.修改Msg.js文件对应内容
//var $protobuf = require("protobufjs/minimal"); //将源文件中的这一行屏蔽,然后新增下面一行
var $protobuf = protobuf;
6.将Msg.js拖放到Creator中(包含Msg.js和protobuf.js文件的结构如下)
7.写一个WebSocket的处理脚本挂载到场景中即可。
import {msg} from "./Msg" //这里引入文件,msg为package的包名 cc.Class({
extends: cc.Component, properties: {
ip: {
default: "",
type: cc.string
}, port: {
default: 0,
type: cc.number
}
}, ctor: function () {
this.ws = null;
}, onLoad: function () {
var self = this; var ipPort = "ws://" + this.ip + ":" + this.port;
console.log(ipPort); this.ws = new WebSocket(ipPort);
this.ws.binaryType = 'arraybuffer'; //这里设置为发送二进制数据 this.ws.onopen = function (event) {
console.log("open"); //打开成功立刻进行发送
if (self.ws.readyState === WebSocket.OPEN) {
let message = msg.Login.create({name: "hello", pwd: "pwd"});//构造对象
let messageBuf = msg.Login.encode(message).finish(); //获取二进制数据,一定要注意使用finish函数 self.ws.send(messageBuf); //发送二进制数据
}
}; this.ws.onmessage = function (event) {
console.log("onmessage : " + event.data);
}; this.ws.onerror = function (event) {
console.log("on error :", event.data);
}; this.ws.onclose = function (event) {
console.log("onclose");
};
}
});
PS:在实际应用中,可能需要在二进制数据前再拼接一些数据才进行发送
8.在二进制数据前再拼接一个short数据
let message = msg.Login.create({name: "hello", pwd: "pwd"});
let msgEncode = msg.Login.encode(message).finish(); //一定要注意使用finish函数 //二进制数据的长度+一个short的长度
var sendBuf = new ArrayBuffer(msgEncode.length + 2); var dv = new DataView(sendBuf);
dv.setInt16(0,1); //写入一个short值 //将二进制数据写入
var u8view = new Uint8Array(sendBuf, 2); //跳过一个short的距离
for (var i = 0, strLen = msgEncode.length; i < strLen; ++i){
u8view[i] = msgEncode[i];
} self.ws.send(sendBuf);
9.使用JAVA的WebSocketServer接口,很方便就可以接收并处理数据
@Override
public void onMessage(WebSocket conn, ByteBuffer message) {
try {
short val = message.getShort(); //获取short值
Msg.Login login = Msg.Login.parseFrom(message);
Log.info("val = %d name : %s pwd : %s", val, login.getName(), login.getPwd());
} catch (InvalidProtocolBufferException e) {
e.printStackTrace();
}
}
输出结果
参考传送:《cocosCreator中Protobuf的简单使用》
以上。
Cocos Creator 使用protobufjs的更多相关文章
- 在 Cocos Creator 中使用 Protobufjs(一)
一. 环境准备 我一直在探索Cocos H5正确的开发姿势,目前做javascript项目已经离不开 nodejs.npm或grunt等脚手架工具了. 1.初始化package.json文件 npm ...
- 触控的手牌—Cocos Creator
科普 Cocos Creator是触控最新一代游戏工具链的名称.如果不太清楚的,可以先看一些新闻. 新编辑器Cocos Creator发布: 对不起我来晚了! http://ol.tgbus.co ...
- kbengine_js_plugins 在Cocos Creator中适配
kbengine_js_plugins 改动(2017/7/6) 由于Cocos Creator使用严格模式的js,而原本的kbengine_js_plugins是非严格模式的,因此为了兼容和方 便C ...
- cocos creator实现棋牌游戏滑动选牌的功能
最近在玩cocos creator,打算学着做一款类似双扣游戏的棋牌,名字叫文成三星,比双扣还要多一扣,因为需要三幅牌,在我们老家比较流行这种玩法. 目前实现了绝大部分的逻辑效果如下: 有一点不好的体 ...
- Cocos Creator—最佳构建部署实践
这篇文章主要是我们团队在使用Cocos Creator过程中的一些关于部署方面的实践总结,标题党了一回,严格来说,应该是<快看漫画游戏研发团队使用Cocos Creator构建部署最佳实践> ...
- Cocos Creator—定制H5游戏首页loading界面
Cocos Creator从1.0版本发布到现在也有一年多了,按理说一些常见的问题网上都有解决方案,例如"如何自定义首页加载进度条界面"这种普遍需求,应该所有人都会遇到的,因此也有 ...
- Cocos Creator—优化首页打开速度
Cocos Creator是一个优秀的游戏引擎开发工具,很多地方都针对H5游戏做了专门的优化,这是我比较喜欢Cocos Creator的一点原因. 其中一个优化点是首页的加载速度,开发组为了加快首页的 ...
- Cocos Creator—如何给资源打MD5版本号
Cocos Creator 是Cocos最新一代的游戏开发者工具,基于 Cocos2d-x,组件化,脚本化,数据驱动,跨平台发布.Cocos Creator的开发思路已经逐步跟Unity 3D靠拢,写 ...
- Cocos Creator 资源加载流程剖析【一】——cc.loader与加载管线
这系列文章会对Cocos Creator的资源加载和管理进行深入的剖析.主要包含以下内容: cc.loader与加载管线 Download部分 Load部分 额外流程(MD5 Pipe) 从编辑器到运 ...
随机推荐
- linux命令 网络篇
linux常用命令 netstat 语法(命令) 主要查看端口状态 netstat 语法 netstat -t/tcp 显示Tcp传输协议连线状况; netstat -u/udp 显示UDP传输协 ...
- Codeforces 1090D - Similar Arrays - [思维题][构造题][2018-2019 Russia Open High School Programming Contest Problem D]
题目链接:https://codeforces.com/contest/1090/problem/D Vasya had an array of n integers, each element of ...
- Docker入门4------Dockerfile
转自:https://www.cnblogs.com/jsonhc/p/7766841.html https://www.cnblogs.com/jsonhc/p/7767669.html Docke ...
- 解决端口耗尽问题: tcp_tw_reuse、tcp_timestamps
一.本地端口有哪些可用 首先,需要了解到TCP协议中确定一条TCP连接有4要素:local IP, local PORT, remote IP, remote PORT.这个四元组应该是唯一的. 在我 ...
- ES6语法(3)—— 用promise()对象优雅的解决异步操作
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大. 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果. ...
- python tuple的函数
1. len(tuple) 计算元组元素个数 >>> tuple1 = ('Google', 'Runoob', 'Taobao') >>> len(tuple1) ...
- MD5在线加密的应用
MD5是message-digest algorithm 5(信息-摘要算法)的缩写.被广泛用于加密和解密技术上,是文件的“数字指纹”.可以对用户的密码进行加密操作,是不可逆的,所以用户输入的密码经过 ...
- Oracle 26表空间的管理
一.查看用户表空间 熟悉与表空间相关的数据字典 查看用户的表空间 相关的数据字典:(用于查询数据库信息的数据库表)dba_tablespaces (管理员级别的表空间的描述信息) User_table ...
- 查看 chrome 浏览器中的 Headers
查看 chrome 浏览器中的 Headers, Response 信息:
- K均值
K-means算法的工作流程 首先,随机确定k个初始点的质心:然后将数据集中的每一个点分配到一个簇中,即为每一个点找到距其最近的质心,并将其分配给该质心所对应的簇:该步完成后,每一个簇的质心更新为该簇 ...