【包教包会】重写Sprite,圆角、3D翻转、纹理循环、可合批调色板、不影响子节点的位移旋转缩放透明度

一、效果演示

重写Sprite组件,做了以下优化:

1、新增自变换,在不影响子节点的前提下位移、旋转、缩放、改变透明度
新增可合批调色板,支持色相、明暗调节
新增圆角矩形、3D透视旋转、纹理循环
所有功能均支持合批、原生平台(ios和小游戏平台没测过)

2、采用最简洁的顶点算法,除了普通图外,其余类型的图均有性能提升
代码瘦身,原版2500+行,新版800行

3、中文属性面板,更适合中国宝宝的体质

二、功能介绍

https://www.bilibili.com/video/BV1NezZY5ERs/?vd_source=9d9f210d882f2d8f82675363e8b391dc

1、自变换
image
如图,Goku是Card的子节点
对Card进行自变换,Goku不会受到影响

2、可合批调色板
调色板
支持色相、明暗调节

3、圆角
圆角
可设置圆角线段数、半径、可见性。
圆角线段数越多越平滑。

4、填充
填充
原版功能,优化了径向填充的参数,使用更方便灵活。

5、九宫格
image
新增了九宫格边距展示,并对图片尺寸小于宫格宽度时的表现效果做了优化。

6、3D透视旋转
3D旋转
以锚点为中心做3D透视旋转,网格越多旋转效果越保真。

7、纹理循环
纹理循环
适合做卷轴背景图无限循环滚动

三、如何获取

https://store.cocos.com/app/detail/7065

四、结束语

有不明白的,或者优化建议,可以留言评论,或给我发邮件!

包教包会,你会了吗?

创作不易,请多留言讨论,这样我会有动力发更多好玩的东西上来。

Gitee地址:https://gitee.com/szrpf

EMail地址:27185709@qq.com

推荐链接:
1、CocosCreator3.x框架——带翻页特效的场景切换

2、CocosCreator3.x实战案例——100行代码的追踪导弹Demo

3、CocosCreator3.x框架——多分辨率屏幕适配、横竖屏翻转

3、CocosCreator3.x框架——音频声音模块(无需导入、无需常驻节点)

4、2D图片实现3D透视效果(支持3.x、支持原生、可合批)

5、CocosCreator3.x图片和文字渐变色(支持3.x、支持原生、可合批)

6、CocosCreator3.x——拖尾(支持3.x、支持原生、可合批、高性能)

mi

44赞

先赞后看养成习惯 :rofl:

66666厉害了

太强了大佬

大佬溜溜溜,看着比官方的好用

1赞

我要把你的都学废

收藏点赞关注学习

可以的,学废了你们家主程要叫你爸爸

第一次录演示视频,有点生硬啊

先赞
先赞
先赞
先赞

给大佬点赞。
有一个问题:我看了几个工程都没有 License。
建议每个项目都加上License。
组件代码里面 “创建、作者、 描述” 后面加一个协议。
当然啦协议建议用 MIT :smile:

License是干嘛用的

冲你这句话,我都要把你的全部学会!!!

要不别人如何使用你的代码啊。
万一用了你的代码,你不允许商用咋办?
虽然实际操作可能没人管,但总之不正规 (对使用代码的人来说)。

国内不都是,我看到的就是我的么,特别有松弛感

哈哈哈哈哈哈哈哈哈~
:joy:

给我的插件提供了发展方向 :rofl: :rofl:,当初想的就是,遮罩合批只是其中一个功能,重写sprite就该加更多功能!!!

请问,支持置灰和自动图集吗?自动图集合图时,可能会让图片旋转。引擎的 Sprite 可以正常显示被旋转的图,但是自己计算的 uv 就不行了。

太酷了,我喜欢:heart_eyes:

置灰很简单,设置个材质的事,但是会打断合批就没加入
对tp打包的图集是做了旋转uv的判断的,推荐用tp先打包好图集这样加载比较快,自动图集会增加加载的负担