分享:精灵加亮及变灰效果

cocos2d-x好像没有实现原生的加亮和变灰的效果,所以自己研究了一番,实现起来也不难,要同时用到CCImage、CCTexture、CCSprite。

主要的思路是通过CCImage先载入图片,然后getData()获取图片数据,接着逐一获取各像素的RGB值(代码基于jpg,若是png则需要获取RGBA值),通过相应方法修改各像素点的值。之后将该CCImange加载到CCTexture2D中,再由CCSprite载入,然后即可自由操作CCSprite。

以上相当于是在生成CCSprite时载入已加亮或变灰了的图片,至于如何将已有的CCSprite加亮或变灰,尚等研究。

希望对大家有帮助:)

代码如下:

// !这里是以jpg图片为例,若载入的是png,则要注意处理alpha通道
CCImage *finalImage = new CCImage;
finalImage->initWithImageFile(“11.jpg”, CCImage::kFmtJpg);
unsigned char *pData = finalImage->getData();
int iIndex = 0;
for (int i = 0; i < finalImage->getHeight(); i ++)
{
for (int j = 0; j < finalImage->getWidth(); j ++)
{
// highlight
int iHightlightPlus = 100;
int iBPos = iIndex;
unsigned int iB = pData;
iIndex ++;
unsigned int iG = pData;
iIndex ++;
unsigned int iR = pData;
iIndex ++;
iB = (iB + iHightlightPlus > 255 ? 255 : iB + iHightlightPlus);
iG = (iG + iHightlightPlus > 255 ? 255 : iG + iHightlightPlus);
iR = (iR + iHightlightPlus > 255 ? 255 : iR + iHightlightPlus);
iR = (iR < 0 ? 0 : iR);
iG = (iG < 0 ? 0 : iG);
iB = (iB < 0 ? 0 : iB);
pData = (unsigned char)iB;
pData = (unsigned char)iG;
pData = (unsigned char)iR;
}
}

// for (int i = 0; i < finalImage->getHeight(); i ++)
// {
// for (int j = 0; j < finalImage->getWidth(); j ++)
// {
// // gray
// int iBPos = iIndex;
// unsigned int iB = pData;
// iIndex ++;
// unsigned int iG = pData;
// iIndex ++;
// unsigned int iR = pData;
// iIndex ++;
// unsigned int iGray = 0.3 * iR + 0.6 * iG + 0.1 * iB;
// pData = pData = pData = (unsigned char)iGray;
// }
// }

CCTexture2D *texture = new CCTexture2D;
texture->initWithImage(finalImage);
pSprite = CCSprite::spriteWithTexture(texture);
pSprite->setPosition(ccp(size.width/2 + 20, size.height/2 - 20));
this->addChild(pSprite, 6);
delete finalImage;
texture->release();

额。。。我都是再做一个发光的图,然后用fadeIn,fadeOut叠加到原有的CCSprite上

:lol不错的方法啊

相当不错的方法啊

最好的方法是写shader或者用opengles的纹理操作完成,当然,上述方法也不错,在cpu上完成了这个过程,已有的精灵变亮或者变灰的方法也类似,都是取内存数据修改,然后重新生成纹理即可。

mark,用处很大

mark………………

mark
又学习一个方法

:D:D:D:D谢谢分享。。。。。

他们说mark都行,我咋就不行

mark一下

mark一下

搂主有问题!求解答!
请问iGray灰色的值是怎么计算出来的呢?
0.3 * iR + 0.6 * iG + 0.1 * iB
怎么知道0.3,0.6,0.1这个比例的呢?

不错,收藏一下!