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

一、效果演示

重写Sprite组件，做了以下优化：

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

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

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

二、功能介绍

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

1、自变换

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

2、可合批调色板

支持色相、明暗调节

3、圆角

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

4、填充

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

5、九宫格

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

6、3D透视旋转

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

7、纹理循环

适合做卷轴背景图无限循环滚动

三、如何获取

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

四、结束语

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

包教包会，你会了吗？

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

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

EMail地址：[e-mail]

推荐链接：
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、支持原生、可合批、高性能）