【包教包会】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、支持原生、可合批、高性能）
相关文章：
【包教包会】CocosCreator3.x——重写Sprite，圆角、3D翻转、纹理循环、可合批调色板、不影响子节点的位移旋转缩放透明度
一、效果演示 重写Sprite组件，做了以下优化： 1、新增自变换，在不影响子节点的前提下位移、旋转、缩放、改变透明度 新增可合批调色板，支持色相、明暗调节 新增圆角矩形、3D透视旋转、纹理循环 所有功能均支持合批、原生平台&…...
jupyter-lab 环境构建
我平时用来调试各种代码的。 创建环境，安装库 conda create --name jupyterlab python3.12 -y conda activate jupyterlab conda install -c conda-forge jupyterlab nodejs之前用的是3.10的，但是最近安装的时候，发现3.10的python里面的jup…...
【C++】LeetCode：LCR 026. 重排链表
题干 LCR 026. 重排链表 给定一个单链表 L 的头节点 head ，单链表 L 表示为： L0 → L1 → … → Ln-1 → Ln 请将其重新排列后变为： L0 → Ln → L1 → Ln-1 → L2 → Ln-2 → … 不能只是单纯的改变节点内部的值，而是需要实…...
【Linux】vim编辑器
vim是什么？ vim就是命令行模式下的文本编辑器，相当于windows中的记事本，可以用来进行文本编辑。 vim有三种运行模式，分别可以执行不同的操作： 普通模式（Normal Mode）：用于浏览和编辑…...
delphi 12 idhttpsever（S）+idhttp（C） 实现简单的JSON API服务
这篇博客展示了如何使用Delphi创建一个简单的HTTP服务器，并处理GET和POST请求。服务器监听6600端口，响应JSON格式的数据。客户端通过IdHttp组件进行GET和POST请求，获取并显示服务器响应的内容。 http服务器测试代码 procedure TForm1.FormSh…...
JVM 主副内存 详解
在 JVM (Java Virtual Machine) 中，内存的设计主要分为主内存和工作内存（又称为线程内存）。这种设计是基于 Java 内存模型（Java Memory Model, JMM） 的规定，它确保了多线程环境下数据的一致性和线程间的通信…...
sscanf与sprintf函数
本期介绍🍖 主要介绍：sscanf()、sprintf()这对输入/输出函数，并详细讲解了这两个函数的应用场景。 概述🍖 在C语言的输出和输入库中，有三对及其相似的库函数：printf()、scanf()、fprintf()、fscanf()、spri…...
【k8s】创建基于sa的token的kubeconfig
需求 创建一个基于sa的token的kubeconfig文件，并用这个文件来访问集群。 具体创建sa 和sa的token请参考文章: 【k8s】给ServiceAccount 创建关联的 Secrets-CSDN博客 创建sa apiVersion: rbac.authorization.k8s.io/v1 kind: Role metadata:namespace: jtkjdevnam…...
Gentoo Linux部署LNMP
一、安装nginx 1.gentoo-chxf ~ # emerge -av nginx 提示配置文件需更新 2.gentoo-chxf ~ # etc-update 3.gentoo-chxf ~ # emerge -av nginx 4.查看并启动nginx gentoo-chxf ~ # systemctl status nginx gentoo-chxf ~ # systemctl start nginx gentoo-chxf ~ # syst…...
2411C++,CXImage简单使用
介绍 CxImage是一个可非常简单快速的加载,保存,显示和转换图像的C类. 文件格式和链接的C库 Cximage对象基本上是加了一些成员变量来保存有用信息的一个位图: class CxImage{...protected:void* pDib; //包含标题,调色板,像素BITMAPINFOHEADER head; //标准头文件CXIMAGEINFO…...
什么是 Kubernetes（K8s）？
什么是 Kubernetes（K8s）？ Kubernetes（简称 K8s） 是一个用来管理容器的开源工具，它可以自动化部署、扩展和管理容器化应用。简单来说，K8s 就是一个“容器管家”，负责确保你的应用程序…...
深入解析：TypeScript 与 Vue 的完美结合
文章目录 前言一、准备工作二、基本用法三、进阶主题结语 前言 Vue.js 是一款流行的渐进式 JavaScript 框架，它以易于学习和灵活的特性而闻名。TypeScript 则是 JavaScript 的一个超集，它引入了静态类型检查等高级功能，有助于构建更大型且复…...
机器学习周志华学习笔记-第13章＜半监督学习＞
机器学习周志华学习笔记-第13章＜半监督学习＞ 卷王，请看目录 13半监督学习13.1 生成式方法13.2 半监督SVM13.3 基于分歧的方法13.4 半监督聚类 13半监督学习 前面我们一直围绕的都是监督学习与无监督学习，监督学习指的是训练样本包…...
软件工程——期末复习（1）
名词解释： 名词解释--人月 答案：人月是软件开发工作量的单位，1人月表示1个程序员1个月的工作时间所开发的代码量。 请解释软件缺陷、错误和失败，并简单举例说明。 答案：缺陷（defect）指系统代…...
【JavaEE初阶 — 网络编程】实现基于TCP协议的Echo服务
TCP流套接字编程 1. TCP ＆ UDP 的区别 TCP 的核心特点是面向字节流，读写数据的基本单位是字节 byte 2 API介绍 2.1 ServerSocket 定义 ServerSocket 是创建 TCP 服务端 Socket 的API。 构造方法 方法签名 方法说明 ServerS…...
vue结合canvas动态生成水印效果
在 Vue 项目中添加水印可以通过以下几种方式实现： 方法一：使用 CSS 直接通过 CSS 的 background 属性实现水印： 实现步骤 在需要添加水印的容器中设置背景。使用 rgba 设置透明度，并通过 background-repeat 和 background-size…...
Qt 5 中的 QTextStream 使用指南
文章目录 Qt 5 中的 QTextStream 使用指南介绍基本概念读取文件注意事项结论 Qt 5 中的 QTextStream 使用指南 介绍 QTextStream 是 Qt 框架中用于处理文本数据的类。它提供了方便的接口来读写文本文件或字符串，支持多种编码格式，并且可以与 QIODevice…...
中安证件OCR识别技术助力鸿蒙生态：智能化证件识别新体验
在数字化和智能化的浪潮中，伴随国产化战略的深入推进，国产操作系统和软件生态的建设逐渐走向成熟。鸿蒙操作系统（HarmonyOS Next）作为华为推出的重要操作系统，凭借其开放、灵活和高效的特点，正在加速在多个…...
SpringBoot 框架下基于 MVC 的高校办公室行政事务管理系统：设计开发全解析
2系统开发环境 2.1vue技术 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 [5] 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第…...
【ArkTS】使用AVRecorder录制音频 --内附录音机开发详细代码
系列文章目录 【ArkTS】关于ForEach的第三个参数键值 【ArkTS】“一篇带你读懂ForEach和LazyForEach” 【小白拓展】 【ArkTS】“一篇带你掌握TaskPool与Worker两种多线程并发方案” 【ArkTS】 一篇带你掌握“语音转文字技术” --内附详细代码 【ArkTS】技能提高–“用户授权”…...
盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来
一、破局：PCB行业的时代之问 在数字经济蓬勃发展的浪潮中，PCB（印制电路板）作为 “电子产品之母”，其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透，PCB行业面临着前所未有的挑战与机遇。产品迭代…...
从零实现富文本编辑器#5-编辑器选区模型的状态结构表达
先前我们总结了浏览器选区模型的交互策略，并且实现了基本的选区操作，还调研了自绘选区的实现。那么相对的，我们还需要设计编辑器的选区表达，也可以称为模型选区。编辑器中应用变更时的操作范围，就是以模型选区为基准来…...
.Net框架，除了EF还有很多很多......
文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...
为什么需要建设工程项目管理？工程项目管理有哪些亮点功能？
在建筑行业，项目管理的重要性不言而喻。随着工程规模的扩大、技术复杂度的提升，传统的管理模式已经难以满足现代工程的需求。过去，许多企业依赖手工记录、口头沟通和分散的信息管理，导致效率低下、成本失控、风险频发。例如&#…...
解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错
出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...
Spring数据访问模块设计
前面我们已经完成了IoC和web模块的设计，聪明的码友立马就知道了，该到数据访问模块了，要不就这俩玩个6啊，查库势在必行，至此，它来了。 一、核心设计理念 1、痛点在哪 应用离不开数据（数据库、No…...
项目部署到Linux上时遇到的错误（Redis，MySQL，无法正确连接，地址占用问题）
Redis无法正确连接 在运行jar包时出现了这样的错误 查询得知问题核心在于Redis连接失败，具体原因是客户端发送了密码认证请求，但Redis服务器未设置密码 1.为Redis设置密码（匹配客户端配置） 步骤： 1）.修…...
初学 pytest 记录
安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...
面向无人机海岸带生态系统监测的语义分割基准数据集
描述：海岸带生态系统的监测是维护生态平衡和可持续发展的重要任务。语义分割技术在遥感影像中的应用为海岸带生态系统的精准监测提供了有效手段。然而，目前该领域仍面临一个挑战，即缺乏公开的专门面向海岸带生态系统的语义分割基准数据集。受…...
音视频——I2S 协议详解
I2S 协议详解 I2S (Inter-IC Sound) 协议是一种串行总线协议，专门用于在数字音频设备之间传输数字音频数据。它由飞利浦（Philips）公司开发，以其简单、高效和广泛的兼容性而闻名。 1. 信号线 I2S 协议通常使用三根或四根信号线&a…...