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

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

概述日前,自己在做项目的过程中遇到此需求:需要将Facebook好友的方形头像变成圆形头像展示。通过网上的搜罗研究,发现使用CCRenderTexture是个不错的方法,归纳总结之后,形成了下面这个方法。 其实,用这个方法不仅可以将图片裁成圆形,而是可以裁成任何你想要的形状。关键只在于你使用的是何种形状的蒙版图片而已。 方法如下: CCSprite * UnivCoreTest::maskedSpri

日前,自己在做项目的过程中遇到此需求:需要将Facebook好友的方形头像变成圆形头像展示。通过网上的搜罗研究,发现使用CCRenderTexture是个不错的方法,归纳总结之后,形成了下面这个方法。

其实,用这个方法不仅可以将图片裁成圆形,而是可以裁成任何你想要的形状。关键只在于你使用的是何种形状的蒙版图片而已。

方法如下:

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即是经过裁剪的以圆形方式显示的图片。 总结

以上是内存溢出为你收集整理的Cocos2d-x开发--使用CCRenderTexture将矩形图片裁剪成圆形显示全部内容,希望文章能够帮你解决Cocos2d-x开发--使用CCRenderTexture将矩形图片裁剪成圆形显示所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1026233.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存