Cocos2d-x 纹理优化

最新推荐文章于 2022-09-07 18:36:35 发布
最新推荐文章于 2022-09-07 18:36:35 发布
阅读量701 收藏
点赞数

description: 为什么要谈纹理的问题，游戏的画面无时无刻不充斥着图像，通俗意义上一款精致的游戏都有着非常精美的画面，这样往往能给玩家带来更好的游戏体验，这一点也是对于游戏制作者来说所尽力追求的，但是无奈有CPU和GPU的限制，手持设备上的硬件资源就更窘迫一些了，如何处理好图片资源，往往能给游戏提供更大的扩展空间，从画面上给游戏加分。

为什么要谈纹理的问题，游戏的画面无时无刻不充斥着图像，通俗意义上一款精致的游戏都有着非常精美的画面，这样往往能给玩家带来更好的游戏体验，这一点也是对于游戏制作者来说所尽力追求的，但是无奈有CPU和GPU的限制，手持设备上的硬件资源就更窘迫一些了，如何处理好图片资源，往往能给游戏提供更大的扩展空间，从画面上给游戏加分。

就我个人的经历来说，手机上图片资源处理主要是围绕两个点来周旋的，一个是图片占用的内存，图片加载后生成的纹理会存储在GPU中，而纹理的像素格式就决定了在GPU中的内存，占用的内存小来保证了游戏的机型支持，在低端机上也能运行游戏；另一个非常重要的点就是图片的加载速度，速度太慢会导致CPU占用太大，游戏会显得比较卡，这一点非常影响用户体验。对于我们来说需要处理的就是在这两者与游戏画面之间找到自己的平衡点，采用适合自己游戏的图片资源处理方式，下面来慢慢介绍图片部分的基础知识，后面会再更新-x底层是如何加载和处理图片的一些文章，分享自己的一些看法。

像素格式

（以下为texturepacker支持的打包格式）

像素格式描述
RGBA8888默认32位真彩色，4 bytes per pixel, 8 bits per channel
BGRA888832位，4 bytes per pixel, 8 bits per channel
RGBA444416位色，2 bytes per pixel, 4 bits per channel
RGB88824位真彩色，3 bytes per pixel, 8 bits per channel, no transparency
RGB56516位色，2 bytes per pixel, 5 bits for red and blue, 6 bits for green, no transparency，人的眼睛对绿色更敏感
RGBA555116位色，2 bytes per pixel, 5 bits per color channel, 1 bit transparency
RGBA555520位色，比较特殊的格式，大部分游戏引擎都不支持，3 bytes per pixel, 5 bits per channel, not supported on all platforms
PVRTC22 bits per pixel, iPhone only, only PVR files, no real-time preview available
PVRTC44 bits per pixel, iPhone only, only PVR files, no real-time preview available
PVRTC2_NOALPHA2 bits per pixel, iPhone only, only PVR files, no real-time preview available
PVRTC4_NOALPHA4 bits per pixel, iPhone only, only PVR files, no real-time preview available
ALPHABlack and white image of the alpha channel
ALPHA_INTENSITY16 bit alpha + intensity, PVR export only
ETC1ETC1 compression (pkm file only)

其他的常见格式

像素格式描述
A88位色，只有8位通道的透明通道，用来做遮罩图
I88位色，只存储8位的灰度或强度值，用来做灰度图使用
AI8816位色，存储透明和灰度双功能的值
S3TC_DXT1Compressed color texture format.
S3TC_DXT33.0新加的，后面研究后再更新
S3TC_DXT53.0新加的，后面研究后再更新
ATC_RGBATC (ATITC) 4 bits/pixel compressed RGB texture format.
ATC_EXPLICIT_ALPHA3.0新加的，后面再更新
ATC_INTERPOLATED_ALPHA3.0新加的，后面再更新

纹理格式

1、png

png图片可谓最常见的真彩图片了，png格式有3种，png8，png24，png32，24位png不支持透明。除了PVRTC和ETC1的像素格式外，大部分的像素格式都支持。

格式支持色彩通道索引色编辑支持透明支持
PNG8256索引色，每索引色24位(1600万色)支持支持设定特定索引色为透明色（布尔透明），支持为索引色附加8位透明度（256阶alpha透明）
PNG24约1600万色不支持不支持
PNG32约1600万色不支持支持8位透明度（256阶alpha透明）
2、pvr

pvr纹理格式是针对iOS设备进行了特殊优化的一种格式了，PowerVR显卡可以直接加载，速度快(类似win下的dds图片)，而且每像素2或4位的像素格式使得占用内存很小，基本上在iOS平台的pvr图片格式从加载速度和占用内存两点来说都具有很大的优势。

pvr除了支持场景的RGB像素格式意外还支持有损压缩PVRTC，虽然PVRTC和jpg相同是有损压缩，但是PVR纹理不会在内存中解压缩纹理。

PVR特殊的像素格式：PVRTC2，PVRTC4，PVRTC2_NOALPHA，PVRTC4_NOALPHA，这里的没有ALPHA值就是指图片里面没有透明像素，同时更多的色位会用来表示颜色，图片的颜色质量就会高一点。

需要注意的：如果去官网下载PowerVR的SDK来生成pvr格式的纹理有很大的局限，不仅必须是2的幂还必须要是正方形的。

3、etc1

etc1的格式(pkm或ktx扩展名)是opengles2.0均支持的格式，但android机型众多，显卡型号也有很大的差别，我们的游戏出现过在一些山寨机上etc1图片无法正常显示或者崩溃的情况，而且部分显卡不支持NPOT的etc1图片，所以在android上现在不太推荐使用etc1。

下面针对iOS下纹理格式进行加载的测试，时间单位是微秒，测试设备是iPhone5，用的是原生的cocos2dx3.0的引擎（没有进行修改），纹理的像素格式均为RGBA8888，所以在显示效果上相差不多的，实验的结果基本符合多次测试得出的平均情况。

//RGBA8888 & POT
cocos2d: id=test_png.png(809.6KB) |  x: 1024 y: 1024 |  time: 25316  |  32 bpp  |   4096 KB
cocos2d: id=test_jpg.jpg(119.4KB) |  x: 1024 y: 1024 |  time: 54506  |  32 bpp  |   4096 KB
cocos2d: id=test_pvr.pvr(4.1MB) |  x: 1024 y: 1024 |  time: 22931  |  32 bpp  |   4096 KB
cocos2d: id=test_pvrgz.pvr.gz(1MB) |  x: 1024 y: 1024 |  time: 24309  |  32 bpp  |   4096 KB
cocos2d: id=test_pvrccz.pvr.ccz(1MB) |  x: 1024 y: 1024 |  time: 17981  |  32 bpp  |   4096 KB

//RGB565 & POT
cocos2d: id=test_png.png(460.8KB) |  x: 1024 y: 1024 |  time: 28319  |  32 bpp  |   4096 KB
cocos2d: id=test_jpg.jpg(106.4KB) |  x: 1024 y: 1024 |  time: 58430  |  32 bpp  |   4096 KB
cocos2d: id=test_pvr.pvr(2MB) |  x: 1024 y: 1024 |  time: 11914  |  16 bpp  |   2048 KB
cocos2d: id=test_pvrgz.pvr.gz(385.6KB) |  x: 1024 y: 1024 |  time: 15373  |  16 bpp  |   2048 KB
cocos2d: id=test_pvrccz.pvr.ccz(387.3KB) |  x: 1024 y: 1024 |  time: 10642  |  16 bpp  |   2048 KB

//RGB565 & NPOT
cocos2d: id=test_png.png |  x: 504 y: 1157 |  time: 192065  |  32 bpp  |   2277 KB
cocos2d: id=test_jpg.jpg |  x: 504 y: 1157 |  time: 104246  |  32 bpp  |   2277 KB
cocos2d: id=test_pvr.pvr |  x: 504 y: 1157 |  time: 5704  |  16 bpp  |   1138 KB
cocos2d: id=test_pvrgz.pvr.gz |  x: 504 y: 1157 |  time: 23246  |  16 bpp  |   1138 KB
cocos2d: id=test_pvrccz.pvr.ccz |  x: 504 y: 1157 |  time: 253244  |  16 bpp  |   1138 KB

这里默认的-x还是会以RGBA8888的像素格式创建png和jpg的纹理，需要我们手动修改引擎。从测试结果可以看出，pvr基本完胜了其他纹理格式，加载速度快，特别是pvr.ccz，图片大小仅为pvr格式的1/4，而且加载速度还比pvr要快。jpg的加载速度还是要慢很多。.gz和.ccz有个异常情况，NPOT格式纹理加载时间非常长，而对于其他格式纹理，NPOT格式使得加载时间和内存占用上都得到了提升。

持续更新中…

色深：
cocos2dx默认采用32位(RGBA8888)的色深的像素格式来加载纹理，

不考虑纹理压缩，颜色位数少用png8，颜色位数多非透明用jpg，颜色位数多含半透明使用png24，总的思路就是用png8和jpg来减少图片体积大小

技术分享


来自：http://www.mamicode.com/info-detail-672957.html

VCHH
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cocos扩展—PNG8，PNG24，PNG32区别
南风古
12-03 2159
cocos扩展—PNG8，PNG24，PNG32区别1.PNG8 256色PNG的别名2.PNG24 全色PNG的别名3.PNG32 全色PNG的别名 具体地说：PNG8，只有256种颜色，和GIF比较类似，支持索引色透明和Alpha透明。“png8”格式更适合那些颜色比较单一的图像，例如纯色、logo、图标等；因为颜色数量少，所以图片的体积也会更小；PNG24，不支持透
pvrtc 压缩 ios
palawind
07-21 3087
  第一种：   在ios上纹理格式大家一般都用 pvrtc4 rgba格式。但是前段时间我们发现质量下降的厉害。后来发现是unity5换了pvrtool。换成unity4的就可以了。 工具路径：Editor/Data/Tools/PVRTextTool 如果还想提高质量可以参考这两篇文章 1. http://blog.heyworks.com/making-the-quality-o...
cocos2dx 纹理优化
John_cdy的专栏
06-04 4774
description: 为什么要谈纹理的问题，游戏的画面无时无刻不充斥着图像，通俗意义上一款精致的游戏都有着非常精美的画面，这样往往能给玩家带来更好的游戏体验，这一点也是对于游戏制作者来说所尽力追求的，但是无奈有CPU和GPU的限制，手持设备上的硬件资源就更窘迫一些了，如何处理好图片资源，往往能给游戏提供更大的扩展空间，从画面上给游戏加分。为什么要谈纹理的问题，游戏的画面无时无刻不充斥着图像，通俗
图片格式及其内存占用
明天会更好
11-27 3037
游戏中最占内存的是图片，所以本篇主要讲图片的优化方式。1、内存计算公式 默认情况下，在cocos2d里面加载一张图片的时候，图片中每一个像素点使用４个byte（8位）来表示--分别代表red、green、blue和alpha透明通道。这个就简称RGBA8888（32-bit图）。因此使用默认的像素格式加载图片的话，内存消耗可以使用下面的公式计算： 图片宽度 * 图片高度 * 每个像素点
PVR图像文件格式初探
热门推荐
自由理想的足迹
05-03 2万+
ios上图片当然是用pvr(pvrtc2/pvrtc4)格式，推荐pvr.ccz的rgb565/rgba4444格式。 1.PVR格式优点： 1. cpu上，解压速度快，读取后直接交给显卡，不需要转换为ARGB形式就可以提交个显卡。 2. 内存和显存上，读取后直接提交给显卡，不用开辟临时内存来读取像素数据，避免了内存的申请释放消耗和内存的飙升。 3.文件
Cocos2dx-js 资源.jsc和.pkm反编译
liutietuo的专栏
09-07 4165
Cocos2dx-js 资源.jsc和.pkm反编译
Cocos2dx--纹理使用
疯狂的程序员
10-19 4373
理论要点 1，内存大小与图片大小 2，内存大小计算(只与尺寸和像素格式相关)，本地磁盘大小计算？ 3，纹理使用流程分析 4，android,ios纹理选择，优缺点分析 5，jpg内存中都转换成了rgba8888格式 6，~~ 如何减小资源占磁盘大小 1，~~ 如何减小资源占内存大小 1，~~
我所理解的Cocos2d-x ,秦春林编著
01-11
Cocos2d-x的基本架构及渲染机制、纹理相关的知识、OpenGL ES 2.0渲染管线、计算机字体的绘制、多分辨率支持、事件分发、碰撞与物理引擎、游戏对象模型架构、Genius-x开源框架、脚本在游戏引擎中的架构等。...
我所理解的Cocos2d-x
12-23
Cocos2d-x的基本架构及渲染机制、纹理相关的知识、OpenGL ES 2.0渲染管线、计算机字体的绘制、多分辨率支持、事件分发、碰撞与物理引擎、游戏对象模型架构、Genius-x开源框架、脚本在游戏引擎中的架构等。...
Cocos2d-x_C++_3.4_48款游戏源码大合集.zip
08-18
Cocos2d-x_C++_3.4，48款游戏源码大合集，Demo 演示代码，简单实现：捕鱼达人,FlappyBird,2048,塔防,微信飞机,超级玛丽,坦克大战,刀塔传奇,防空-合金弹头,城市猎人(跑酷),封神,跑酷30,切水果,奇怪大冒险,翻牌效果,...
texpoly:使用 cocos2d-x 和 box2d 的物理纹理多边形示例
06-29
Texpoly 是关于使用 cocos2d-x 和 box2d 进行纹理和多边形三角剖分的简短教程的 cocos2d-x 项目示例部分。 该教程可，视频演示可。 要求 cocos2d-x 2.2.1 安装使用 克隆 $YOUR_COCOS2D_ROOT/projects 中的 git 存储...
pvr与png的内存占用
Kaitiren的专栏
10-10 2万+
pvr与png的内存占用 转载▼ Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。pvr格式是iOS的显示芯片可以直接读取的，不需要经过解析就能直接显示，所以渲染速度更快，更节省内存。 我特意在cocos2D 2.0 rc1版本做了一项测试： 一个空的cocos2D模版工程运行起来之后占用的内存大约是4MB。
cocos2d-x性能优化
01-18
cocos2d-x性能优化
ios和android游戏纹理优化和内存优化
游戏人生
08-28 5987
1、2d游戏最占内存的无疑是图片资源。 2、cocos2d-x不同平台读取纹理的机制不同。ios下面使用CGImage,android和windows下是直接调用png库。我测试了下，使用png库直接读取png会比CGImage还要节约1mb左右内存（图片所占内存4mb）但是速度要比CGImage慢一倍。时间和空间如何取舍就看实际情况了。不过最佳的选择似乎是pvr（即使android版本
Load PVRTC2/4 Compress Texture on Android
abc2912333的博客
12-15 182
The Advantage of Compress texture Note, the texture compress method here means some formats that also be supported by our display card. So compress texture will take less storage, less...
UE4 PVRTC Compression Quality详解（二）
小星的博客
12-05 843
最后，选择合适的调制值可以很容易地在硬件中实现分子。 移动压缩类型：我们案例研究的第2部分 目前，OpenGL ES支持六种众所周知的压缩类型： - PVRTC，Imagination广泛使用的PowerVR纹理压缩 - PVRTC2，最近更新的PowerVR纹理压缩 - ETC1（爱立信纹理压缩）和ETC2 / EAC（向后兼容ETC1，在OpenGL ES 3.0图形标准中是强制性的...
分享Cocos2d-x优化中纹理优化
翻肚鱼儿的博客
09-15 311
1.纹理像素格式 纹理优化工作的另一重要的指标是纹理像素格式，能够最大程度满足用户对保真度要求的情况下，选择合适的像素格式，可以大幅提高纹理的处理速度。而且纹理像素格式有与硬件有这密切的关系。 下面我们先了解一下纹理像素的格式，主要的格式有： RGBA8888。32位色，它是默认的像素格式，每个通道8位（比特），每个像素4个字节。 BGRA8888。32位色，每个通道8位（比特），每个像素4个字节。 RGBA4444。16位色，每个通道4位（比特），每个像素2个字节。 RGB888。24位色，没
cocos2d-x 纹理像素格式
whl_cxy的专栏
10-11 2250
译自：Understanding pixel format in cocos2d v0.7.3 纹理的像素格式是图像存储在GPU内存的方式。 你可能会见到以下像素格式： RGBA8888（32位）（kTexture2DPixelFormat_RGBA8888） RGBA4444（16位）（kTexture2DPixelFormat_RGBA4444） RGB5_A1（
cocos2d纹理格式
Clengupup的博客
03-18 302
为什么改变纹理颜色深度格式可以减少纹理内存占用？ cocos2d默认加载纹理格式为RGBA8888，一个像素占用的内存是4*8bit，4byte； 每一位通道精度为[0，256]。 通过setDefaultAlphaPixelFormat方法 改变默认加载纹理的格式为RGBA4444，现在一个像素占内存 4*4bit = 2byte， 但是相应的每一位通道精度为[0，16]。 通道精度查...
Cocos2d-x 发布h5
最新发布
05-27
将Cocos2d-x游戏发布为H5版本，您可以使用Cocos Creator或手动发布。以下是手动发布的步骤： 1.使用Cocos2d-x引擎创建您的游戏，并确保它可以在本地运行。 2.将您的游戏资源导出为Web格式。您可以使用Cocos命令行工具将资源导出为Web格式，例如将纹理图集导出为多个PNG文件。 3.将导出的资源上传到Web服务器上，并确保可以在Web浏览器中访问它们。 4.创建一个HTML文件，并将其命名为index.html。在文件头部添加以下代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Your Game Title</title> <script src="path/to/cocos2d-js.js"></script> </head> <body> <script> cc.game.run("gameCanvas"); </script> <canvas id="gameCanvas"></canvas> </body> </html> ``` 其中，path/to/cocos2d-js.js应该是Cocos2d-x引擎的JavaScript文件的路径。您可以从Cocos2d-x的安装目录中找到它。 5.将index.html文件上传到Web服务器上，并确保可以在Web浏览器中访问它。 6.在Web浏览器中访问index.html文件，您的Cocos2d-x游戏现在应该可以在Web浏览器中运行。 请注意，手动发布可能需要一些额外的工作，例如调整分辨率和浏览器兼容性。使用Cocos Creator可以更轻松地进行发布并自动处理这些问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值