当前位置：首页 > news >正文

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

news 2025/7/17 10:30:26

一、效果演示

GiSprite

重写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透视旋转、纹理循环所有功能均支持合批、原生平台&…...

编程日记 2024/12/4 22:49:52

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…...

编程日记 2024/12/4 22:48:51

【C++】LeetCode：LCR 026. 重排链表

题干 LCR 026. 重排链表给定一个单链表 L 的头节点 head ，单链表 L 表示为： L0 → L1 → … → Ln-1 → Ln 请将其重新排列后变为： L0 → Ln → L1 → Ln-1 → L2 → Ln-2 → … 不能只是单纯的改变节点内部的值，而是需要实…...

编程日记 2024/12/4 22:43:46

【Linux】vim编辑器

vim是什么？ vim就是命令行模式下的文本编辑器，相当于windows中的记事本，可以用来进行文本编辑。 vim有三种运行模式，分别可以执行不同的操作： 普通模式（Normal Mode）：用于浏览和编辑…...

编程日记 2024/12/4 22:42:45

delphi 12 idhttpsever（S）+idhttp（C）实现简单的JSON API服务

这篇博客展示了如何使用Delphi创建一个简单的HTTP服务器，并处理GET和POST请求。服务器监听6600端口，响应JSON格式的数据。客户端通过IdHttp组件进行GET和POST请求，获取并显示服务器响应的内容。 http服务器测试代码 procedure TForm1.FormSh…...

编程日记 2024/12/4 22:39:42

JVM 主副内存详解

在 JVM (Java Virtual Machine) 中，内存的设计主要分为主内存和工作内存（又称为线程内存）。这种设计是基于 Java 内存模型（Java Memory Model, JMM） 的规定，它确保了多线程环境下数据的一致性和线程间的通信…...

编程日记 2024/12/4 22:35:38

sscanf与sprintf函数

本期介绍🍖 主要介绍：sscanf()、sprintf()这对输入/输出函数，并详细讲解了这两个函数的应用场景。概述🍖 在C语言的输出和输入库中，有三对及其相似的库函数：printf()、scanf()、fprintf()、fscanf()、spri…...

编程日记 2024/12/4 22:34:37

【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…...

编程日记 2024/12/4 22:31:35

一、安装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…...

编程日记 2024/12/4 22:28:32

2411C++,CXImage简单使用

介绍 CxImage是一个可非常简单快速的加载,保存,显示和转换图像的C类. 文件格式和链接的C库 Cximage对象基本上是加了一些成员变量来保存有用信息的一个位图: class CxImage{...protected:void* pDib; //包含标题,调色板,像素BITMAPINFOHEADER head; //标准头文件CXIMAGEINFO…...

编程日记 2024/12/4 22:27:31

什么是 Kubernetes（K8s）？

什么是 Kubernetes（K8s）？ Kubernetes（简称 K8s） 是一个用来管理容器的开源工具，它可以自动化部署、扩展和管理容器化应用。简单来说，K8s 就是一个“容器管家”，负责确保你的应用程序…...

编程日记 2024/12/4 22:20:22

深入解析：TypeScript 与 Vue 的完美结合

文章目录前言一、准备工作二、基本用法三、进阶主题结语前言 Vue.js 是一款流行的渐进式 JavaScript 框架，它以易于学习和灵活的特性而闻名。TypeScript 则是 JavaScript 的一个超集，它引入了静态类型检查等高级功能，有助于构建更大型且复…...

编程日记 2024/12/4 22:19:21

机器学习周志华学习笔记-第13章＜半监督学习＞

机器学习周志华学习笔记-第13章＜半监督学习＞ 卷王，请看目录 13半监督学习13.1 生成式方法13.2 半监督SVM13.3 基于分歧的方法13.4 半监督聚类 13半监督学习前面我们一直围绕的都是监督学习与无监督学习，监督学习指的是训练样本包…...

编程日记 2024/12/4 22:13:14

软件工程——期末复习（1）

名词解释： 名词解释--人月答案：人月是软件开发工作量的单位，1人月表示1个程序员1个月的工作时间所开发的代码量。请解释软件缺陷、错误和失败，并简单举例说明。答案：缺陷（defect）指系统代…...

编程日记 2024/12/4 22:11:10

【JavaEE初阶 — 网络编程】实现基于TCP协议的Echo服务

TCP流套接字编程 1. TCP ＆ UDP 的区别 TCP 的核心特点是面向字节流，读写数据的基本单位是字节 byte 2 API介绍 2.1 ServerSocket 定义 ServerSocket 是创建 TCP 服务端 Socket 的API。构造方法方法签名方法说明 ServerS…...

编程日记 2024/12/4 22:07:07

vue结合canvas动态生成水印效果

在 Vue 项目中添加水印可以通过以下几种方式实现： 方法一：使用 CSS 直接通过 CSS 的 background 属性实现水印： 实现步骤在需要添加水印的容器中设置背景。使用 rgba 设置透明度，并通过 background-repeat 和 background-size…...

编程日记 2024/12/4 22:06:06

Qt 5 中的 QTextStream 使用指南

文章目录 Qt 5 中的 QTextStream 使用指南介绍基本概念读取文件注意事项结论 Qt 5 中的 QTextStream 使用指南介绍 QTextStream 是 Qt 框架中用于处理文本数据的类。它提供了方便的接口来读写文本文件或字符串，支持多种编码格式，并且可以与 QIODevice…...

编程日记 2024/12/4 22:05:05

中安证件OCR识别技术助力鸿蒙生态：智能化证件识别新体验

在数字化和智能化的浪潮中，伴随国产化战略的深入推进，国产操作系统和软件生态的建设逐渐走向成熟。鸿蒙操作系统（HarmonyOS Next）作为华为推出的重要操作系统，凭借其开放、灵活和高效的特点，正在加速在多个…...

编程日记 2024/12/4 22:02:02

SpringBoot 框架下基于 MVC 的高校办公室行政事务管理系统：设计开发全解析

2系统开发环境 2.1vue技术 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。 [5] 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第…...

编程日记 2024/12/4 22:01:01

【ArkTS】使用AVRecorder录制音频 --内附录音机开发详细代码

系列文章目录【ArkTS】关于ForEach的第三个参数键值【ArkTS】“一篇带你读懂ForEach和LazyForEach” 【小白拓展】【ArkTS】“一篇带你掌握TaskPool与Worker两种多线程并发方案” 【ArkTS】一篇带你掌握“语音转文字技术” --内附详细代码【ArkTS】技能提高–“用户授权”…...

编程日记 2024/12/4 21:58:58

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章传送阵>> 点我查看说明：假设每台服务器已…...

编程新知 2025/7/17 1:29:13

SCAU期末笔记 - 数据分析与数据挖掘题库解析

这门怎么题库答案不全啊日来简单学一下子来一、选择题（可多选） 将原始数据进行集成、变换、维度规约、数值规约是在以下哪个步骤的任务?(C) A. 频繁模式挖掘 B.分类和预测 C.数据预处理 D.数据流挖掘 A. 频繁模式挖掘：专注于发现数据中…...

编程新知 2025/7/17 7:35:29

在Ubuntu中设置开机自动运行（sudo）指令的指南

在Ubuntu系统中，有时需要在系统启动时自动执行某些命令，特别是需要 sudo权限的指令。为了实现这一功能，可以使用多种方法，包括编写Systemd服务、配置 rc.local文件或使用 cron任务计划。本文将详细介绍这些方法，并提供…...

编程新知 2025/6/18 4:00:59

蓝桥杯3498 01串的熵

问题描述对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798， 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...

编程新知 2025/7/15 7:51:20