推荐一款百分百解决protobufjs疑难杂症的插件

最近又有一款高品质插件上线Cocos Store。今天C姐给大家安利的是简书ID 张晓衡老师提交的pb killer(protobufjs 必杀器)付费插件。项目中有需要用到的小伙伴,不妨仔细参考下列使用说明后,亲自到插件商店下载使用。

ec1f2987082cb86ffecd6eb4d0bb7f26.jpeg

机缘

我写过几篇关于protobufjs的分享教程,并被官方分享出来,CocosCreator制作人南塔斯大神看到了私信询问我可否将protobuf的使用制作成Creator的插件,并邀我将插件入驻Creator付费商店。

收到消息的第一时间,我异常兴奋。首先是我的经验分享竟能受到Creator官方大神的关注;其次是可以入驻付费商店,对于程序员来说莫大的欣慰就是能够将代码变现价值。

介绍

通过一段时间的Creator插件学习与protobufjs源码的理解,结合Creator项目经验,终于完成了第一版插件。在制作插件的过程中,插件的命名是最让我纠结的。因为我在曾经的项目中大量使用xxxHelper,编写了不少辅助工具。这次为了让我的第一个Creator插件看起来很牛逼的感觉,我脑子冒出killer的字样,随后我就叫他:pbkiller。

079cd1cd60b0ac1eb07311e083feacae.jpeg

不会美术的程序做的logo

pb killer: 我是一位专业针对protobufjs问题训练有素的杀手。我可以为你轻松搞定protobufjs在Cocos Creaotr开发中的诸多问题,并且可以让你随意折磨曾经折磨过你的protobufjs问题。

功能

pbkiller最厉害的技能是可以快速逮捕proto文件,让他们臣服在主人脚下,不论是在浏览器、手机、桌面环境上。

1

1、呼唤

只需要低声轻吟我的名字我就会出现在你的身边,对于我的主人我是非常温柔的。

c2145cafc06c15bccf6ed06255374cde.png

2、让proto文件跪在主人面前

对于proto文件我是残忍的,但请主人预先将所有proto文件放在assets/resources/pb目录,输入loadAll()指令,我会将proto文件一网打尽,让它们全部跪在你的面前。

d79df8131d7cbf2b1378efe98f70c56f.png

3、让json格式同样下跪

如果主人喜欢json格式的proto文件,目前需要麻烦主人先使用protobufjs附带的pbjs工具将proto文件转换成json格式存放在assets/resources/pb目录,同样跪下。

f81ff6a27591fb469f5e5184163a74a3.png

4、逮捕指定文件名中的的proto文件

如果主人只需逮捕某一个或多个proto文件,可以使用loadFromFile。

6671eba95fac620926535ee9dc372450.png

5、逮捕不同地域的proto文件

主人,我默认的逮捕路径是assets/resources/pb,可以通过下面属性修改路径。

831766e666c4552acc0d4343f25c9b48.png

2

虽然我们名字中带有killer,但是最高兴不是一下子把敌人杀掉,而是折磨它,因为他曾经可能折磨过我的主人,所以不能让它死的太简单了,哈哈哈。

1、揪出一个proto给主人扭打(实例化)

主人,我把proto给你抓来了,你可以使用new关键字,随意扭打proto了。

60fdaf8a5a8abcb26dd7c55cfe7c78de.png

2、挨一轮巴掌与低声哭(序列化与反序列化)

主人,让proto挨一轮巴掌使用toArrayBuffer,如果你觉得有点累可以使用toBuffer他们的效果完全是一样的。

b40efb0ba2c51f46a5231f22d0a51e3c.png

上面我们把player打成了data,现在把它打回来,让他哭一下就好了,但是只是小声的哭,请下答decode指令。

ab25ff73f2ed65a39be13ea342df625c.png

使用说明

pbkiller插件是为了在Cocos Creator中简化protobufjs库的使用,并且可以让protobuffer工作在浏览器和jsb环境上。

1、安装

pbkiller插件有两种安装模式:

  • install-src:源码模式,此模式会将protobufjs原码导入项目中,不依赖任何外部文件。对npm不熟悉的用户推荐使用此模式安装。

  • install-lite:简化模式,此模式需要提前安装protobufjs npm模块,安装命令:npm install protobufjs@5

安装完成后,会导入如下文件:

  1. protobufjs源码(简化模式无此目录)

  2. pbkiller源码、及fs/path伪装模块

  3. 简单的测试场景和代码

  4. 测试proto文件

下面是导入文件和目录结构:

2dbd232d5d19909fc4b8cb1082c26f8c.jpeg

2、快速使用

导入模块

c006ef91c48732f38821611695f52214.png

加载resources/pb目录下所有proto文件23abc3cb58c8c5949a320834020c0b5a.png

指定文件格式:[proto|json] 默认为proto

93ff0ec324f17f389de961e93b3726d5.png

指定编译的对象路径

b305f03283ce2e3258f5070ef0e1e9a7.png

3、特别注意

在加载proto时可以使用扩展名为.proto和.json的文件,pbkiller支持两种混用,但需要特别注意的如果有proto之间有依赖关系,请保证依赖文件之间是相同的文件格式。

最后

当前Cocos插件商店已经上线了数十种高品质插件。每款插件在上线前,都需要经过引擎团队的严格筛选、测试管控、调研反馈等一系列步骤。不知道小伙伴们对于Cocos插件商店是否有更好的意见和建议呢?我们真诚期待您的反馈。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值