cocos creator 使用shader 不要勾选项目设置的动态图集和图片的自动合批

最新推荐文章于 2025-07-15 14:27:00 发布
原创 最新推荐文章于 2025-07-15 14:27:00 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cocos-creator #shader #游戏

本文分享了在Cocos Creator项目中使用Shader优化头像绘制性能的经验，解决了因动态图集设置导致的Shader失效问题，并探讨了图片合批的挑战。

学习链接  https://forum.cocos.org/t/creator-shader-2019-10-22-2-2-0/82548

因为主要目的是为了避开cocos creator Mask的drawcall太高，所有使用头像圆形使用shader来设置，性能好很多

但是因为项目设置中勾选了动态图集，导致shader不生效，去掉重新build就可以了

另外还有图片的合批，也不好勾选

最后生成圆形头像 在此记录一下，也让大家避开这个坑

Cocos Creator引擎开发：Cocos Creator基础入门_调试与测试
chenlz2007的博客
10-24 1526
调试和测试是确保游戏质量和性能的重要环节。通过使用Cocos Creator提供的调试工具、编写单元测试和集成测试、进行自动化测试以及性能优化，我们可以更高效地发现和修复问题，提升游戏的整体质量。希望本节内容对大家在Cocos Creator中的调试和测试工作有所帮助。
Cocos Creator教程：性能调优《如何优化2D/3D Drawcall》
2301_80135027的博客
11-23 1474
为什么降低Drawcall能提升渲染性能;常用合批技术的原理以及优点与缺点分析;Cocos Creator 3.x 如何优化3D物体Drawcall;Cocos Creator 3.x 如何优化2D UI物体Drawcall。
cocoscreator 动态图集
quan0121的博客
10-28 649
cocoscreator 动态图集
cocos creater +js shader 实现搓牌效果，cocoscreater 版本1.9.3
03-21
cocos creater +js shader 实现搓牌效果，cocoscreater 版本1.9.3版本可用，
CocosCreator 正多边形遮罩Shader
01-22
CocosCreator2.4.7 我经常用来把sprite裁剪成正多边形显示，代替导致高DrawCall的mask裁剪。
cocos creator2.2.0动态图集
erweimac的博客
09-21 1194
/** * cocos creator：动态图集 * 使用理由 * > 降低drawcall从而提升游戏运行效率 * 限制 * > 场景切换时，才会释放动态图鉴(造成内存的消耗) * > 同一场景下，最多存在5张 * > maxsize 2048.2048 * */ cc.debug.setDisplayStats(true); // 强制开启动态图集 cc.macro.CLEANUP_IMAGE_CACHE = false; cc.dynamicAtlasMa.
cocos黑暗斩_动态合图你真的用好了吗？| Cocos Creator
weixin_29128689的博客
02-01 1185
支持动态合图的渲染组件： Sprite、 Label( BITMAP 模式)。注意事项：在场景加载前，动态合图系统会进行重置， SpriteFrame贴图的引用和 uv 都会恢复到初始值。查看方法：通过以下代码可以在游戏中看到所有动态合图会被加到一个 scrollview上，便于实时查看合图效果。cc.dynamicAtlasManager.showDebug( true);其它规则(文档里未直接...
CocosCreator Effect (Shader) - 反图集打包(Packable)补偿
Ethan|实验室
12-11 3118
这是一个在九宫格基础上使用shader画出的半透明亮线。至于如何在九宫格特性sprite上面进行均匀画线，请看另一篇文章： CocosCreator Effect (Shader) - 反九宫格补偿 当然，这张图如果没有经过打包，所取得的结果是正常的。但是一旦进入图集打包，则会得到左图的错误结果。 处理方式1： 把这张图的Packable取消勾选，就是这张图不会进入打包即可得到正确结果。 至于在图集反正是一个effect去处理的，对DrawCall反正都要+1，在图集去除这张图也没什么不好的。 但是这个.
Cocos creator 静态合批
最新发布
11-01
如果用户需要进一步优化DrawCall，除了静态合批，还可以考虑使用动态合图（Dynamic Atlas）技术。动态合图是Cocos Creator提供的一种运行时将小纹理合并到大纹理上的技术，从而将多个使用不同小纹理的渲染合并为一...
Cocos Creator 性能优化：DrawCall
菜鸟小栈
07-02 4603
前言 在游戏开发中，DrawCall 作为一个非常重要的性能指标，直接影响游戏的整体性能表现。 无论是 Cocos Creator、Unity、Unreal 还是其他游戏引擎，只要说到游戏性能优化，DrawCall 都是绝对少不了的一项。 本文将会介绍什么是 DrawCall，为什么要减少 DrawCall 以及在 Cocos Creator 项目中如何减少 DrawCall 来提升游戏性能。 正文 什么是 DrawCall？ DrawCall 中文译为“绘制调用”或“绘图指令”。 DrawCall 是一
动态合图你真的用好了吗？| Cocos Creator
Cocos的博客
09-22 1096
1. 动态合图的默认规则Cocos 引擎中对动态合图的描述如下：它能在项目运行时动态地将贴图合并到一张大贴图中。当渲染一张贴图的时候，动态合图系统会自动检测这张贴图是否已经被合并到了图集（图片集合）中，如果没有，并且此贴图又符合动态合图的条件，就会将此贴图合并到图集中。动态合图是按照渲染顺序来选取要将哪些贴图合并到一张大图中的，这样就能确保相邻的DrawCall 能合并为一个 DrawCall（...
【工具】Cocos3.x 动态合图
gamedaybyday2的博客
07-15 999
若要复用，必须修改源码，效仿char模式，char模式能复用是因为使用文字的颜色、尺寸、字体等属性hashCode后作为识别缓存的key值，缓存[code] = 图片，每次hashCode值一致，所以能复用。例如下图，一个弹窗中有一个Bitmap模式的Label，内容是“Bitmap文本”，当不停的打开和关闭这个弹窗时，文本内容会重复的进行动态合图。例如下图，是物品的自动图集，即使场景中只使用了金币，但是自动合图会将整个图集合并，包括武器、钥匙都会合并到自动合图中，而不是只合并金币。
[Cocos Creator] Cocos Creator中的动态合图（dynamicAtlasManager）做了什么
RICKShaozhiheng的专栏
04-25 5245
Cocos creator中有一个动态合图的功能，也就是在运行时将内存中的任意纹理组合成一张虚拟的图集，从而合并绘制，减少drawcall。那么，Cocos Creator是如何实现这个功能的呢。 核心思想是数据结构中常说的空间换时间， 原理其实并不复杂，就是帧缓存，简单来说就是将多份spriteFrame绘制到RenderTexture上，并记录其在新的RenderTexture中所属的位置和长...
cocos creator 中使用shader实现流光
热门推荐
寒风的技术博客
04-14 1万+
在论坛中有水友用多边形遮罩做了一个流光，这里分享一个用shader写的流光特效。 原理 将图片中指定区域的颜色亮度增大，或者加上颜色，然后在 update 中去更新这个高亮的区域。 代码 下面是 shader 内容， 关于 ShaderUtils 可以参考我之前的这篇博客。 顶点 shader： module.exports = ` attribute vec4 a_pos...
Cocos Creator | 编辑器中可操作顶点的多边形遮罩MaskPlus组件
Dust的博客
04-29 930
Cocos Creator | MaskPlus
cocos creator effect圆形头像
q314235965的专栏
08-08 925
作用：使用材质裁剪矩形图片为圆形。 效果：左侧为原图，右侧为裁剪后的效果（上方为设置透明度，下方为discard） 实现思路： 因为要适应不同尺寸的图片，所以使用了椭圆的方程。 保证短方向撑满，长方向长度等于短方向。 因为glsl的v_vu0是0到1，所以将长方向缩短一定比例即可。 椭圆公式： 实现： 1：定义effect uniform变量（0.25的默认值是因为a,b分母是平方） 2：带入v_uv0的坐标到椭圆坐标里，如果大于1，则放弃绘制。 ...
Cocos Shader 不规则图片描边效果
第7维度 - 日常笔记
07-20 1579
开发中碰到需要给不规则图片添加秒变效果，效果如下 代码如下： CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend: true rasterizerState: cullMode: none properties: texture: { value: white
CocosCreator之自动图集资源 (Auto Atlas)
码之有道
09-12 8075
自动图集资源 (Auto Atlas) 自动图集资源作为 Cocos Creator 自带的合图功能，可以将指定的一系列碎图打包成一张大图，具体作用和 Texture Packer 的功能很相近。 创建自动图集资源 在资源管理器中右键，可以在如下菜单中找到新建 -> 自动图集配置的子菜单，点击菜单将会新建一个类似AutoAtlas.pac的资源。 自动图集资源将会以当前文件夹下的所有SpriteFrame作为碎图资源，以后会增加其他的选择碎图资源的方式。 如果碎图资源...
cocos creator cc.Mask使用为什么会卡，如何解决
wudidaqueer的专栏
01-12 1449
在游戏开发中，裁剪功能是一个常用功能。单次裁剪在一般引擎上效率都不成问题。如果遇到桢级别的裁剪间隔时间，在cocos creator上会遇到效率瓶颈，因为graphics 内容太多了，顶点数量多，填充率高，如何去协调效率和需求之间的平衡呢？ 我在做一个拖地小游戏，拖把拖过的地方，会消除蒙版，使用的是cc.mask控件，如果每一桢都去调用mask去裁剪拖把经过的区域，会造成严重的掉桢，此时需要一个...
Cocos Creator 1.9.3中Shader实现动态聚光灯效果
为了在Cocos Creator 1.9.3中使用这个Shader，你需要将其放在项目的`assets/shaders`目录下，并在材质组件中引用它。当游戏运行时，这个Shader会被编译并应用到相应的场景节点上，从而渲染出聚光灯效果。 通过调整...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值