Cocos2d-x开发--使用CCRenderTexture将矩形图片裁剪成圆形显示

日前,自己在做项目的过程中遇到此需求:需要将Facebook好友的方形头像变成圆形头像展示。通过网上的搜罗研究,发现使用CCRenderTexture是个不错的方法,归纳总结之后,形成了下面这个方法。
其实,用这个方法不仅可以将图片裁成圆形,而是可以裁成任何你想要的形状。关键只在于你使用的是何种形状的蒙版图片而已。
方法如下:
[cpp] view plain copy print?
CCSprite * UnivCoreTest::maskedSprite(CCSprite *textureSprite)
{
CCSprite * maskSprite = CCSprite::create(“circle_mask.png”);
CCRenderTexture * renderTexture = CCRenderTexture::create(maskSprite->getContentSize().width, maskSprite->getContentSize().height);

maskSprite->setPosition(ccp(maskSprite->getContentSize().width / 2, maskSprite->getContentSize().height / 2));  
textureSprite->setPosition(ccp(textureSprite->getContentSize().width / 2, textureSprite->getContentSize().height / 2));  

maskSprite->setBlendFunc((ccBlendFunc){GL_ONE, GL_ZERO});  
textureSprite->setBlendFunc((ccBlendFunc){GL_DST_ALPHA, GL_ZERO});  

renderTexture->begin();  
maskSprite->visit();  
textureSprite->visit();  
renderTexture->end();  

CCSprite * retval = CCSprite::createWithTexture(renderTexture->getSprite()->getTexture());  
retval->setFlipY(true);  
return retval;  

}
函数形参“textureSprite”是待裁剪的方形图片,当然读者需要先将其创建成CCSprite再传入。
方法中出现的“circle_mask.png”图片是整个裁剪过程的关键,它决定了你的原始图片会被裁剪成什么形状。
这里作者需要将原始图片裁成圆形,故而使用了如下样式的蒙版图片。

图片是一个白色的圆形,四周是透明的。

方法最后返回的CCSprite即是经过裁剪的以圆形方式显示的图片。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值