[godxkey] Cocos Creator 字符串转图片 + 图片转字符串 + 零宽字符 (已发布 · 优惠中)
[可点击链接] https://store.cocos.com/app/detail/3836
开发环境
- 引擎版本:Cocos Creator 3.4.0
- 编程语言:Javascript + TypeScript
技术介绍
- 1.本插件所有内容都不加密(以供大家研究)
- 2.可以自定义插件菜单内的快捷键
- 3.即改即用+即改即出现效果
- 4.所见即所得地调整代码的 String 即出现对应预览的图片
- 5.支持导出 Sring 编码后的图片 (png) +导出正在编辑的字符串 (txt)
- 6.编码的图片进行了部分算法压缩(保证图片比代码小+取出的内容是一致的)
- 7.编码图片内的字符串的格式和编码前保持一致
- 8.内置零宽字符转换+还原 (暂不支持解码 · 零宽字符转成的图片)
- 9.编码好的图片支持无损压缩(内容不变, 图片会更小)
- 10.另置简单 3D 编队场景+简单合并 1000 个 Cube 网格场景+简单的代码字符串转图片的场景
注:
因为上传的 GIF 不能超过 1M ,所以压缩 GIF后,
颜色像素点过多时录制的 GIF 最后几帧失常
目前已测试平台
Cocos Creator 3.4.0
使用方法 + 功能演示
1. 安装插件后扫描并启用插件
2. 导入图片代码互转管理节点
3. 切换2D视角编辑代码字符即时生成对应图片内容
颜色像素点过多时录制的 GIF 最后几帧失常
4. 导出代码字符编码成的图片+代码字符
记得手动设置下导出编码图片的 Type 类型为 SpriteFrame
5. 解密编码好的图片读取其中内容
6. 普通代码字符转为零宽字符零宽字符转换回原来代码字符
[附录] 内部示例的简单场景
1. 合并1000个cube网格测试 Demo
2. 代码转图片图片转代码并导出零宽字符
3. 简单的 3D 编队演示
本插件的目录结构(内置一些个人思路)
cc-code-png-convert (插件文件夹)
│ main.js
│ package.json
│ sceneJs.js
│
├─other_editor_msgAPI (插件常用代码)
│ compatibleApi.js
│ editor2D.js
│
└─runtime_Ts
└─now_show_sources (显示在编辑器内的文件夹)
│ api_doc.meta
│ cc-code-png-convert.meta
│ codeToPngConvertTs.ts (主要的代码字符和图片互转的 Ts 组件代码)
│ codeToPngConvertTs.ts.meta
│ codeToPngScene.scene
│ codeToPngScene.scene.meta
│ FormationShow3D.meta
│ mergeMeshScenes.meta
│
├─api_doc
│ editor.d.ts
│ editor.d.ts.meta
│ fs.d.ts
│ fs.d.ts.meta
│ path.d.ts
│ path.d.ts.meta
│ wx.d.ts
│ wx.d.ts.meta
│
├─cc-code-png-convert (代码字符和图片互转的场景内容)
│ │ codeToPngTsSimpleTxt.txt
│ │ codeToPngTsSimpleTxt.txt.meta
│ │ codeTxtShows.meta
│ │ default_spriteImg.png
│ │ default_spriteImg.png.meta
│ │ pngShows.meta
│ │
│ ├─codeTxtShows
│ │ saveCodeToTxt_796.txt
│ │ saveCodeToTxt_796.txt.meta
│ │
│ └─pngShows
│ saveCodeToPngImg_61.png
│ saveCodeToPngImg_61.png.meta
│ saveCodeToPngImg_62.png
│ saveCodeToPngImg_62.png.meta
│
├─FormationShow3D (简单的 3D 立体编队场景)
│ formation3DShow.scene
│ formation3DShow.scene.meta
│ FormationShow3D.ts
│ FormationShow3D.ts.meta
│
└─mergeMeshScenes (简单合并 1000 个 Cube 网格的测试场景)
│ MergeMeshDemo.scene
│ MergeMeshDemo.scene.meta
│ MergeMeshDemoTs.ts
│ MergeMeshDemoTs.ts.meta
│ moreCubeRes.meta
│
└─moreCubeRes (包含 1000 个 Cube 的两种 FBX 文件)
│ Materials.meta
│ moreCube (1).fbx
│ moreCube (1).fbx.meta
│ moreCube (1).prefab
│ moreCube (1).prefab.meta
│ moreCube.fbx
│ moreCube.fbx.meta
│ moreCube.prefab
│ moreCube.prefab.meta
│
└─Materials
material-001.mtl
material-001.mtl.meta
material-002.mtl
material-002.mtl.meta
material-003.mtl
material-003.mtl.meta
material-004.mtl
material-004.mtl.meta
material.mtl
material.mtl.meta
引用参考
- MeshRenderer · Cocos Creator
- jerryqu 图形转换算法
后续计划 (免费更新)
- 优化使用体验
- 或增或减内容
补充说明
- 目前的是Beta版本, 功能不多, 请酌情考虑是否购买
- 后续功能完善后, 价格也会随之提高,感谢支持
- 如果有发现bug, 请联系我, 我会尽快修复
- 感谢各位的支持
购买须知
- 请各位朋友看后仔细思考, 是否符合您的项目或者研究需求, 谨慎使用
- 目前内容相对比较少, 后续才会迭代
- 因为本产品为付费虚拟商品,一经购买成功概不退款,请在购买前 · 谨慎确认是否购买内容