Cocos Creator 图集 (TexturePacker、自动图集功能 、压缩纹理、压缩插件)

最新推荐文章于 2023-09-08 15:41:22 发布
最新推荐文章于 2023-09-08 15:41:22 发布
阅读量2.6k 收藏 6
点赞数
文章标签： vue java javascript python html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43287088/article/details/108676161
版权

版本：2.3.4

参考 ：

cocos教程：自动图集功能

cocos教程：压缩纹理

TexturePacker下载地址 

TinyPng在线压缩 

合图可以减少http请求次数，降低drawcall。所以一般项目中碎图都会合并为一张大图。

1. cocos自动图集功能 + 压缩插件

2. TexturePackerGUI + TinyPNG

1. cocos自动图集 + 压缩插件

cocos虽然提供了自动图集功能，在发布的时候自动合图，但是合图的图片没有压缩，设置了压缩也没用。所以只能额外使用其他插件。插件可在商城搜索。

这个优点是美术更换图片，不用再手动合图了。

自动图集功能就是Cocos的自动合图功能，这里以5个装备图标为例子。

将5个零碎图标通过自动图集功能，在发布时自动合成一个整图

最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cocos Creator 自动图集功能 (压缩纹理)
gamedaybyday
05-31 2988
版本：2.3.4 参考 ： cocos教程：自动图集功能 cocos教程：压缩纹理 自动图集功能就是Cocos的自动合图功能，这里以5个装备图标为例子。 将5个零碎图标通过自动图集功能，在发布时自动合成一个整图 将5个装备图标，放在assets/resources/weapon文件夹下 weapon文件夹上右键，选择自动图集配置 生成了一个AutoAtlas文...
cocos/白鹭/laya的，图集/合图分解工具
03-23
合图分解
图集打包算法_关于Cocos2d-x中打包图集和使用方法
weixin_42223667的博客
02-05 678
准备的过程1.打开TextruePacker软件2.把游戏中要使用的图片拖到TextruePacker里面，TextruePacker会自动帮我们排序，让所有小图变成一个大图3.点击Publish-会输出两个文件MyTexture.plist //里面记录了所有小图在大图中的位置和属性，cocos可以根据这些信息在MyTexture.png大图中找到所需要的小图MyTexture.png //...
cocos creator 如何创建图集
weixin_39553363的博客
01-09 1006
声明装饰器 cc.SpriteAtlas 使用图集getSpriteFrame()方法 this.node.getComponent(cc.Sprite).spriteFrame=this.atlas.getSpriteFrame("brick"+index);
CocosCreator之图集资源（Atlas）
码之有道
09-12 3514
图集资源（Atlas） 图集（Atlas）也称作 Sprite Sheet，是游戏开发中常见的一种美术资源。图集是通过专门的工具将多张图片合并成一张大图，并通过plist等格式的文件索引的资源。可供 Cocos Creator 使用的图集资源由plist和png文件组成。下面就是一张图集使用的图片文件： 为什么要使用图集资源 在游戏中使用多张图片合成的图集作为美术资源，有以下优势： 合成图集时会去除每张图片周围的空白区域，加上可以在整体上实施各种优化算法，合成图集后可以大大减少游戏包...
CocosCreator3.8研究笔记（十）CocosCreator 图像资源的理解
w风雨无阻w的专栏
09-08 3507
精灵帧资源，用于 2D/UI 制作。Cocos Creator 的 SpriteFrame 管理图像的裁剪和九宫格信息，默认持有一个与其同级的 Texture2D 资源引用，是 UI 渲染基础图形的容器。目录下，除了正常生成图集资源以外，也会同时生成原始 spriteFrame 生成的 texture 以及 image 资源，如果对图集的资源有明确的使用范围。当渲染一张贴图的时候，动态合图系统会自动检测这张贴图是否已经被合并到了图集中，如果没有，并且此贴图又符合动态合图的条件，就会将此贴图合并到图集中。
cocos自动图集
weixin_33801856的博客
09-20 2546
对于图像资源，为什么要用图集，cocos官网的解释： 1.合成图集时会去除每张图片周围的空白区域，加上可以在整体上实施各种优化算法，合成图集后可以大大减少游戏包体和内存占用2.多个 Sprite 如果渲染的是来自同一张图集的图片时，这些 Sprite 可以使用同一个渲染批次来处理，大大减少 CPU 的运算时间，提高运行效率。 从测试来看，合并图集会减少 drawcall 在Cocos Crea...
CocosCreator之自动图集资源 (Auto Atlas)
码之有道
09-12 7014
自动图集资源 (Auto Atlas) 自动图集资源作为 Cocos Creator 自带的合图功能，可以将指定的一系列碎图打包成一张大图，具体作用和 Texture Packer 的功能很相近。 创建自动图集资源 在资源管理器中右键，可以在如下菜单中找到新建 -> 自动图集配置的子菜单，点击菜单将会新建一个类似AutoAtlas.pac的资源。 自动图集资源将会以当前文件夹下的所有SpriteFrame作为碎图资源，以后会增加其他的选择碎图资源的方式。 如果碎图资源...
cocos creator基础-(十七)TexturePacker图集打包
weixin_30915275的博客
02-28 1107
1: 掌握TexturePacker的使用; 2: 掌握图集在creator中的使用; 3: 掌握图集更改; 4: 掌握TextureUnpacker的使用; 为什么要有图集 1: 图片解码到内存, 内存加载到显卡生成OPENGL纹理; 2: 把所有的小图打到一张大图里面，可以使用一张OPENGL纹理,优化程序的性能（降低drawcall次数）; 3: 图集的缺点: ...
cocos creator学习（八）自动图集+构建发布h5
judykang123的博客
09-22 2089
目录自动图集创建配置构建发布构建发布完的文件结构 自动图集 有时候做cocos，小碎图太多，如果挨个导出来就很占位置，请求数太多加载速度也会变慢，这时我们就可以用自动图集 创建 只需要在图片的文件夹里面新建一个自动图集就可以了，如图： 配置 自动图集可以自定义宽高，点击新建的自动图集，看属性检查器，改成你想要的数值后点击右上角的绿色应用按钮 等构建发布后，自动图集就会把它同级和下级们可以放在一张指定大小图上的小图片合成一张张图，比如这个例子就把每张单独动作的小人变成一张图两个人： 但也要注意， 不是
cocos creator图集与散图
qq_41397458的博客
02-15 1654
最近细看了一下cocos creator的图集资源，总结了几点，如果有不对的地方，欢迎指出来。 打图集的主要作用是 1优化包体，因为打图集会自动裁去图片周围的空白区域。 2减少drawcall，提升游戏运行性能。 第一点好理解，主要在第二点，什么是渲染批次，为什么会减少渲染批次。 渲染批次其实就是CPU给GPU（显卡）发出的指令，但是每次发出指令，CPU需要做很多准备工作，准备要渲染的数据，渲染方...
plist 分解脚本 cocos2dx 游戏图集分解
08-24
cocos2dx 游戏图集 plist 分解脚本，采用python脚本实现分解功能，在window下封装了能直接双击使用的bat文件，更方便快捷的实现图片的分解，功能效率非常高，为方便大家测试，还放了测试用的plist 和 png文件
cocos开发微信小游戏png图片压缩神器
04-01
cocos开发微信小游戏图片压缩神器，小巧一键使用，方便快捷
cocos creator 加载本地图片实现动态预览demo源码
05-04
//最近在研究creator html5开发，喜欢交流的加扣扣群427719099，各种资源各种技术应有尽有
cocosCreator 自动打包工具
08-07
"cocosCreator 自动打包工具"正是为了解决这个问题而设计的，它允许开发者无需手动开启Cocos Creator，通过一键执行脚本就能完成自动打包流程。 这个工具的核心是一个名为`main.py`的Python脚本，它通常会调用Cocos...
CocosCreator A*自动寻路demo
09-29
《CocosCreator A*自动寻路技术解析与实践》 在游戏开发中，角色的智能移动是至关重要的一环，这通常涉及到自动寻路系统。CocosCreator作为一个强大的2D游戏开发引擎，为开发者提供了丰富的工具和技术支持。本篇将...
CocosCreator Chrome插件
08-22
CocosCreator Chrome插件是专为Cocos Creator游戏开发人员设计的一系列实用工具，它们能够极大地提升开发效率和调试体验。这些插件包括Spector.js、Cocos Creator Debugger和Cocos Creator Devtool，以及WebGL ...
【cocos creator】TS多语言插件DEMO，可在编辑器和运行中动态切换语言，支持文字、图集、散图
03-08
本DEMO将展示如何在Cocos Creator中使用TS（TypeScript）实现多语言功能，同时支持在编辑器和运行时动态切换语言，涵盖文字、图集和散图的本地化。 首先，多语言插件的核心在于创建并管理不同的语言资源文件。这些...
Cocos使用图集加载案例
kuilaurence的博客
10-29 879
local plistName = "pic/Plist.plist" local spriteFrames=cc.SpriteFrameCache:getInstance() spriteFrames:addSpriteFrames(plistName) self._label=cc.Label:createWithSystemFont("100", "Arial", 30)...
cocos creator 图集还原
最新发布
11-14
Cocos Creator是一款流行的游戏开发引擎，其中使用了图集（Sprite Atlas）来优化游戏资源的加载和渲染。图集是将多个小图片（Sprite）打包成一个大图的过程，使得游戏在运行时只需要加载一个大图，从而提高了游戏的性能和加载速度。 那么，如何在Cocos Creator中对图集进行还原呢？首先，用户需要在Cocos Creator的资源管理器中找到已经创建好的图集资源文件。然后，在资源管理器中双击打开图集资源，在弹出的图集编辑器界面中，可以看到所有包含的小图片以及它们的属性和位置信息。 用户可以根据自己的需求和设计来进行图集的还原操作。首先，可以选择需要还原的小图片，然后点击编辑按钮，即可对该小图片进行操作，如调整位置、修改属性等。还可以通过拖拽来调整小图片的位置，以及使用旋转和缩放功能对小图片进行变换操作。 另外，在还原图集时，用户还可以选择添加新的小图片到图集中。在图集编辑器界面的右侧面板中，可以找到一个资源库，其中包含了项目中的所有图片资源。用户只需要从资源库中选择并拖拽需要添加的图片到图集中，即可完成新图片的添加操作。 完成所有还原操作后，用户需要点击保存按钮来保存图集的修改。接着，在项目的代码中，可以直接使用图集资源的名称来加载和使用图集中的小图片。这样，在游戏运行时，Cocos Creator会自动加载和渲染图集，并使用其中的小图片来进行游戏的绘制。 总结起来，Cocos Creator中的图集还原可以通过资源管理器和图集编辑器来完成。用户可以对图集中的小图片进行调整和添加操作，然后保存修改并在游戏中使用。这样可以优化游戏资源加载和渲染效率，提升游戏的性能和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值