【包教包会】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地址: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、支持原生、可合批、高性能)

相关推荐
子春一15 小时前
Flutter for OpenHarmony:构建一个 Flutter 四色猜谜游戏,深入解析密码逻辑、反馈算法与经典益智游戏重构
算法·flutter·游戏
前端不太难15 小时前
HarmonyOS 游戏上线前必做的 7 类极端场景测试
游戏·状态模式·harmonyos
微祎_17 小时前
Flutter for OpenHarmony:构建一个 Flutter 重力弹球游戏,2D 物理引擎、手势交互与关卡设计的工程实现
flutter·游戏·交互
We་ct17 小时前
LeetCode 56. 合并区间:区间重叠问题的核心解法与代码解析
前端·算法·leetcode·typescript
不穿格子的程序员21 小时前
从零开始刷算法——贪心篇1:跳跃游戏1 + 跳跃游戏2
算法·游戏·贪心
微祎_1 天前
Flutter for OpenHarmony:构建一个 Flutter 镜像绘图游戏,对称性认知、空间推理与生成式交互设计
flutter·游戏·交互
前端不太难1 天前
HarmonyOS 游戏项目,从 Demo 到可上线要跨过哪些坑
游戏·状态模式·harmonyos
子春一1 天前
Flutter for OpenHarmony:色彩捕手:基于 CIELAB 色差模型与人眼感知的高保真色彩匹配游戏架构解析
flutter·游戏·架构
程序猿阿伟1 天前
《TypeScript中Protobuf到运行时类型安全的转换指南》
javascript·安全·typescript
We་ct1 天前
LeetCode 228. 汇总区间:解题思路+代码详解
前端·算法·leetcode·typescript