cocos2dx 纹理优化

最新推荐文章于 2021-04-08 18:50:10 发布
最新推荐文章于 2021-04-08 18:50:10 发布
阅读量144 收藏
点赞数
文章标签： 游戏 移动开发

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来降低图片体积大小

haha

weixin_33834679
关注
cocos2d-x性能优化
01-18
cocos2d-x性能优化
cocos2d-x 优化(纹理渲染优化、资源缓存、内存优化)
Norton的专栏
06-26 7256
概述 包括以下5种优化：引擎底层优化、纹理优化、渲染优化、资源缓存、内存优化 引擎优化 2.0版本比1.0版本在算法上有所优化，效率更高。2.0版本使用OpenGl ES 2.0图形库，1.0版本使用OpenGL ES 1.0。 纹理优化 纹理是最消耗内存的，而且会降低渲染速率。 二的幂次方 OpenGL在申请内存存放纹理时，是按2的幂次方申请的，即对应480*3
【cocos2dx】ttf文本纹理内存优化，加上打印对比工具
liying426的专栏
04-08 348
参照：https://blog.csdn.net/ghost0620/article/details/52574020 1：添加打印接口 参照图片内存打印的方法，添加ttf文本纹理打印，方便和策划沟通如何在文本这一块进行优化 std::string FontAtlasCache::getCachedTextureInfo() { std::string buffer; char buftmp[4096]; unsigned int count = 0; unsigned int.
关于cocos2dx 如何优化纹理内存
wushao126的专栏
03-08 530
在较低的版本的时候 我们需要把图片格式转好。 但在目前教新的版本就没这个必要了 void Texture2D::setDefaultAlphaPixelFormat(Texture2D::PixelFormat format) 这是个静态函数，可以直接把图片格式化后加载到内存
Cocos2dx--纹理使用
疯狂的程序员
10-19 4428
理论要点 1，内存大小与图片大小 2，内存大小计算(只与尺寸和像素格式相关)，本地磁盘大小计算？ 3，纹理使用流程分析 4，android,ios纹理选择，优缺点分析 5，jpg内存中都转换成了rgba8888格式 6，~~ 如何减小资源占磁盘大小 1，~~ 如何减小资源占内存大小 1，~~
经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip
03-14
《cocos2d-x 3.8：经典游戏引擎源码解析》 cocos2d-x 是一个跨平台的游戏开发框架，它基于C++，同时提供了Lua和JavaScript的绑定，让开发者可以方便地在多种操作系统上创建2D游戏、演示程序和其他图形交互应用。这...
cocos2d-x-3.1.zip
11-02
10. **性能优化**：Cocos2d-x 3.1对内存管理和渲染效率进行了优化，以确保在不同设备上的流畅运行。 11. **脚本支持**：虽然3.1版本主要以C++为主，但Cocos2d-x也支持Lua和JavaScript，允许开发者选择更适合自己的...
cocos2d-x-Introduction.zip_cocos2d_cocos2d-x
最新发布
09-20
cocos2d-x提供了多种性能优化手段，如批次绘制、纹理 atlasing、预加载机制等，确保游戏在不同设备上都能流畅运行。 十、社区支持 cocos2d-x拥有庞大的开发者社区，提供了丰富的教程、示例代码、插件和第三方库，...
cocos2d-dynamic-lighting-with-normal-maps:带有法线贴图的 Cocos2D 动态光照演示
06-17
带有法线贴图的 Cocos2D 动态光照演示 Andreas Loew / CodeAndWeb GmbH 的教程 感谢 Cocos2d 论坛对 Swift 端口的 collidernyc 该演示在不同的动态光照场景中使用相同的法线贴图精灵。 可以拖动光源从不同角度照亮...
texpoly:使用 cocos2d-x 和 box2d 的物理纹理多边形示例
06-29
Texpoly 是关于使用 cocos2d-x 和 box2d 进行纹理和多边形三角剖分的简短教程的 cocos2d-x 项目示例部分。 该教程可，视频演示可。 要求 cocos2d-x 2.2.1 安装使用 克隆 $YOUR_COCOS2D_ROOT/projects 中的 git 存储...
各个平台支持的Cocos2d-x最大纹理尺寸
daimou123的博客
07-16 2206
各个平台支持的Cocos2d-x最大纹理尺寸从理论上讲，Cocos2d-x可以显示任何尺寸的纹理，但实际上的纹理的MAXSIZE是由硬件和系统的限制。 在这里，我提供在不同平台上的仿真器纹理大小限制表。平台 最大像素尺寸 win32 2048 * 2048 android 4096 * 4096 iPhone3 1024 * 1024 iPhone3GS 2048 * 2048 iPhon
Cocos2d-x纹理优化的一些方案
移动开发记录
10-16 195
[Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址：http://blog.csdn.net/honghaier] 红孩儿Cocos2d-X学习园地：249941957 加群写：Cocos2d-x 本章为我的Cocos2d-x教程一书初稿。望各位看官多提建议！ Cocos2d-x纹理优化的一些方案 在目前的移动平台游戏开发过程中，很多朋友会遇到...
不同平台上Cocos2d-x所支持的最大纹理大小
tangaowen的专栏
07-29 4060
转载自：http://www.ityran.com/archives/3775      按道理来说，cocos2d-x是可以显示任何大小纹理，但是实际上纹理大小由于硬件和操作系统原因是有限制的。 这里我们提供一个不同平台模拟器上纹理大小限制的表格 platform maxsize in pixels win32 2048*2048
cocos2d纹理格式
Clengupup的博客
03-18 332
为什么改变纹理颜色深度格式可以减少纹理内存占用？ cocos2d默认加载纹理格式为RGBA8888，一个像素占用的内存是4*8bit，4byte； 每一位通道精度为[0，256]。 通过setDefaultAlphaPixelFormat方法 改变默认加载纹理的格式为RGBA4444，现在一个像素占内存 4*4bit = 2byte， 但是相应的每一位通道精度为[0，16]。 通道精度查...
pvr与png的内存占用
热门推荐
Kaitiren的专栏
10-10 2万+
pvr与png的内存占用 转载▼ Zwoptex生成的spritesheet除了可以导出png格式的图片外还有pvr格式。pvr格式是iOS的显示芯片可以直接读取的，不需要经过解析就能直接显示，所以渲染速度更快，更节省内存。 我特意在cocos2D 2.0 rc1版本做了一项测试： 一个空的cocos2D模版工程运行起来之后占用的内存大约是4MB。
ios和android游戏纹理优化和内存优化
游戏人生
08-28 6060
1、2d游戏最占内存的无疑是图片资源。 2、cocos2d-x不同平台读取纹理的机制不同。ios下面使用CGImage,android和windows下是直接调用png库。我测试了下，使用png库直接读取png会比CGImage还要节约1mb左右内存（图片所占内存4mb）但是速度要比CGImage慢一倍。时间和空间如何取舍就看实际情况了。不过最佳的选择似乎是pvr（即使android版本
【cocos2dx】jpg纹理占用内存优化
08-18 2990
针对jpg格式的图片，我使用webp格式进行压缩，但是cocos引擎对图片纹理加载处理比较粗糙，统一按照RGBA8888进行处理的。导致jpg格式文件的内存占用增大了，因为jpg格式是没有alpha通道的，也按照RGBA8888处理就无端增大了内存。我直接加载一个jpg格式纹理，内存占用如下图：     看到这个LoginUI.jpg格式文件占用了2304K的内存，并且bpp为3
COCOS2D优化教程：TexturePacker与像素格式实战
本文的核心内容围绕如何在COCOS2D中有效地使用TexturePacker，一个用于优化精灵图（spritesheet）的工具，以提升游戏性能。 首先，介绍精灵图的概念，它是将多个小精灵图片合并成一张大图，减少重复加载，从而提高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值