Cocos2d-x   发布时间:2022-05-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Cocos2d-x开发--使用CCRenderTexture将矩形图片裁剪成圆形显示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

日前,自己在做项目的过程中遇到此需求:需要将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将矩形图片裁剪成圆形显示所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。