1年19款,款款口碑爆棚,Cocos 插件大佬的真面目竟是?
共 4619字,需浏览 10分钟
·
2022-01-21 13:58
前阵子,C姐在盘点2021年度 Cocos Store 上口碑与销量俱佳的十大插件工具和十大游戏源码时,意外发现了一位「劳模」:2021年累计发布了19款插件,且款款口碑爆棚。他便是拥有10年+编程经验、深受社区开发者喜爱的 SuperRaccoon。
有幸与其在厦门相见,C姐扛着摄影机便去了。
第一款插件是在什么契机下开发的?高质量产出的背后又有哪些学习经验?快来看看C姐镜头下的大佬真面目吧!
看完 SuperRaccoon 的专访视频,是不是很想立刻 Mark 他做的插件呢?贴心的大佬已经为大家整理好啦!今日就让我们一起来看看这19款插件,都带来了哪些优质的解决方案吧!
项目总结
这一年上架了不少插件项目,虽然大多 功能单一
且 演示程序居多 ( 非标准意义上的插件 )
,但是所有的项目都有明确的目标,解决对应的技术问题,并且在实用性上进行了深入的设计和实现。
下面是对这些项目的一个回顾,也是为了今后还能够做出更多更优秀的插件而做的总结。
01. SSRFBO / 渲染到纹理 Shader
助手
这是开发上架的第一款插件,最初是想要寻找 Creator
中截图相关的实现方式,查找资料后发现,论坛虽然有不少的相关解决方案,但总有着各种不足。
虽然原理很简单,使用 cc.RenderTexture
来实现,但是实际的使用对于新手而言确实就不那么友好了。
于是就花了一点时间,研究 cc.RenderTexture
各种使用方式,从原本只是 截图
这一目标,发展到了一款具备各种不同的 纹理抓取
方式的扩展插件。
论坛讨论帖:
https://forum.cocos.org/t/topic/99659
同时插件项目中也附带了大量的 FBO
功能实际使用场景。
02. SSRSVG / SVG
矢量图解析库
第二款插件,是 cocos2d-x
时期就开始研究的,SVG
矢量图解析库。
论坛讨论帖:
https://forum.cocos.org/t/topic/100568
通过完全用 Creator
实现的解析算法以及渲染方式,实现了在网页端和原生端具有相同表现,统一接口的 SVG
解析,渲染组件。
03. SSRSVGWriter / SVG
矢量图汉字书写库
第三款插件,是由 SVG
矢量图解析组件衍生而来。
主要是专注于 SVG
在汉字书写方面的应用。配合一些现有的汉字笔顺数据文件,实现在 Creator
上简单的汉字书写功能。
论坛讨论帖:
https://forum.cocos.org/t/topic/101362
04. SSRShaderEditor / Shader
可视化编辑器
同样是从 cocos2d-x
就一直开始业余时间开发,最终借助 Creator
这个平台,实现了项目的产品化。
完全可视化的 Shader
制作编辑器,同时具有众多的功能亮点。
论坛讨论帖:
https://forum.cocos.org/t/ssrshaderfx/60295 https://forum.cocos.org/t/topic/103617
05. SSRLoS / 2d
视野-光照-阴影解决方案
继续是从 cocos2d-x
就一直开始研发,花费了大量的时间调试,优化,最终形成的 2d
环境下的光照,视野计算的完整解决方案。
论坛讨论帖:
https://forum.cocos.org/t/los/98673
06. SSRFogOfWar / 可定制战雾组件
这是一款基于网格的,可定制战雾组件。能够帮助开发者快速的创建各种不同风格的战雾效果。此外,还包括了一个简单的边缘羽化战雾的实现方案。
07. SSRPluginAdaptor / Plugin Adaptor
插件转接器
Creator
插件开发,本该使用 html + css + js / ts + vue + electron
这样的主流前端模式来进行。
但是作者本身对这些前端技术相当苦手,对于用 html + css
制作界面布局相当的不擅长。
因此就有了这款插件,将用 Creator
开发的游戏或是应用,直接转换为可以在 Creator
上运行的插件,前面的 Shader 编辑器
就是用这样的技术实现的。
论坛讨论帖:
https://forum.cocos.org/t/6-6-cocos2dx-creator-0/98245 https://forum.cocos.org/t/6-6-cocos2dx-creator-1/98268 https://forum.cocos.org/t/6-6-cocos2dx-creator-2/98279 https://forum.cocos.org/t/6-6-cocos2dx-creator-3/98326 https://forum.cocos.org/t/6-6-cocos2dx-creator-4/98327 https://forum.cocos.org/t/6-6-creator-creator-5/98394 https://forum.cocos.org/t/topic/101756 https://forum.cocos.org/t/topic/120311
08. SSRShaderTutorial / ShaderEditor
配套教程演示
本演示程序是配合作者在公众号上连载过的 Shader 编辑器
系列文章的演示程序,对于没有购买过 Shader 编辑器
的朋友,也可以配合文章和演示程序,学习一些 Creator
的 Shader
编程基础。
论坛讨论帖:
https://forum.cocos.org/t/topic/107351 https://forum.cocos.org/t/topic/107726 https://forum.cocos.org/t/topic/107727
09. SSRDnD / 文件拖放组件
本插件是网页端,实现文件拖放的组件。同时包含了将拖放的数据,转换为 Creator
中对应对象的解决方案,如图片,骨骼动画的转换方式。
10. SSRShaderGallery / Shader
在线特效库
本插件是从 ShaderEditor
,响应用户的建议,对于并不需要,或是没有能力进行 Shader
实际创作的朋友,Shader 编辑器
的功能国语繁琐。而 ShaderGalelry
则是专注于 挑选,调试,使用 自己所看上的特效,所见即所得,并且支持一键将特效导出至 Creator
中进行直接的使用。
论坛讨论帖:
https://forum.cocos.org/t/topic/117953
11. SSRDynamicMaterial / 动态生成材质解决方案
本演示程序,是 ShaderEditor
中的核心技术难点之一,通过将一些 glsl
字符串,动态的转换为符合 Creator
规范的材质文件 Material
,进而实现 Shader
的可视化编辑功能。
12. SSRBluePrintStarterKit / 可视化编程-蓝图框架模板
同样是 ShaderEditor
的核心技术之一,仿虚幻引擎蓝图风格的可视化编程框架模板,所有技术点全部使用 Creator
自带基础模块实现。
13. SSRPostProcessingFX / 2d
屏幕后期特效
回归原点的插件,相对于 FBO
插件各式各样的 纹理抓取
特效和使用方式,本插件只专注于 屏幕后期特效
的实现,去除了各种龙鱼的属性和接口并对性能做了一定程度的优化,同时还内置了数量众多的,开箱即用的屏幕特效。
14. SSRDeviceMotion / 移动设备体感遥控
15. SSRGridCCLContour / 连通区域轮廓提取算法
一个算法演示程序,它包含两大算法工具:
基于 Grid / 网格
的 ( 或是TiledMap / 瓦片地图
) 的connected-component-labeling / 连通区域
算法基于 Grid / 网格
的 ( 或是TiledMap / 瓦片地图
) 的contour-extractor / 轮廓提取
算法
曾在用 cocos2d-x
开发的 光照地下城演示程序
中,使用该算法,动态生成光照区域 (在演示程序制作期间,对算法进行了大量的调试和优化)。
16. SSRWorkCollection / 插件演示程序工作集
使用 Cocos Creator
同样可以制作一些简单的 网页应用
,对于不熟悉 html
, css
等前端技术的朋友,也是一个不错的选择。
17. SSRScreenSplitFX / 分屏特效
通过使用 Creator
提供的最基础的组件,实现非常有趣的分屏特效演示效果。配合展示 Shader
特效,效果还是非常好的。
18. SSRShaderToyConverter / ShaderToy 特效一键转换
顾名思义,将 ShaderToy
上的特效,一键转换成标准的 Creator
特效材质文件。
一些主要的特性:
一键转换 ShaderToy
的特效文件,输出Creator
可以直接使用的.effect + .mtl
文件支持引擎版本 >= v2.4.0
及>=v3.1.0
导出特效格式,支持基于 builtin-2d-sprite (>= v2.4.0)
及builtin-sprite / builtin-unlit (>=v3.1.0)
支持自动修复 ShaderToy
特效中的UV
计算,转换为Creator
的形式支持自动提取 ShaderToy
特效中的各种变量,转换为Creator
中可以直接使用的导出属性支持自动修复 ShaderToy
特效的透明度问题,使其可以配合各种不规则图片使用支持自动去除 ShaderToy
特效的实体背景,使程序纹理
类特效可以拥有 透明背景,从而更好的被应用到游戏中支持自动修复 ShaderToy
特效的纹理翻转问题
19. SSRShaderPreview3D / Shader 3D 预览演示程序
通过一种身临其境的方式,展示了 SSRShaderEditor
几乎所有特效在 Creator v3.x
的各种渲染组件上,能够达到的效果。
虽然是将 2D
方式编写的材质特效,霸王硬上弓式的强行套用在 3D
的对象上,但是也可以实现出一些有趣的效果。