【包教包会】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】技能提高–“用户授权”…...
基于算法竞赛的c++编程（28）结构体的进阶应用
结构体的嵌套与复杂数据组织 在C中，结构体可以嵌套使用，形成更复杂的数据结构。例如，可以通过嵌套结构体描述多层级数据关系： struct Address {string city;string street;int zipCode; };struct Employee {string name;int id;…...
Chapter03-Authentication vulnerabilities
文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...
《Playwright：微软的自动化测试工具详解》
Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...
Module Federation 和 Native Federation 的比较
前言 Module Federation 是 Webpack 5 引入的微前端架构方案，允许不同独立构建的应用在运行时动态共享模块。 Native Federation 是 Angular 官方基于 Module Federation 理念实现的专为 Angular 优化的微前端方案。 概念解析 Module Federation (模块联邦) Modul…...
【C++从零实现Json-Rpc框架】第六弹 —— 服务端模块划分
一、项目背景回顾 前五弹完成了Json-Rpc协议解析、请求处理、客户端调用等基础模块搭建。 本弹重点聚焦于服务端的模块划分与架构设计，提升代码结构的可维护性与扩展性。 二、服务端模块设计目标 高内聚低耦合：各模块职责清晰，便于独立开发…...
Device Mapper 机制
Device Mapper 机制详解 Device Mapper（简称 DM）是 Linux 内核中的一套通用块设备映射框架，为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程，并配以详细的…...
如何在网页里填写 PDF 表格？
有时候，你可能希望用户能在你的网站上填写 PDF 表单。然而，这件事并不简单，因为 PDF 并不是一种原生的网页格式。虽然浏览器可以显示 PDF 文件，但原生并不支持编辑或填写它们。更糟的是，如果你想收集表单数据ÿ…...
逻辑回归暴力训练预测金融欺诈
简述 「使用逻辑回归暴力预测金融欺诈，并不断增加特征维度持续测试」的做法，体现了一种逐步建模与迭代验证的实验思路，在金融欺诈检测中非常有价值，本文作为一篇回顾性记录了早年间公司给某行做反欺诈预测用到的技术和思路。百度…...
vue3 daterange正则踩坑
<el-form-item label"空置时间" prop"vacantTime"> <el-date-picker v-model"form.vacantTime" type"daterange" start-placeholder"开始日期" end-placeholder"结束日期" clearable :editable"fal…...
JS红宝书笔记 - 3.3 变量
要定义变量，可以使用var操作符，后跟变量名 ES实现变量初始化，因此可以同时定义变量并设置它的值 使用var操作符定义的变量会成为包含它的函数的局部变量。 在函数内定义变量时省略var操作符，可以创建一个全局变量 如果需要定义…...