微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

cocos2dx 剪切圆形头像

项目需求,要把矩形的头像(或任意图片)剪切成圆形的。然后在网上找到一些方法,并做了简单修改。这里做下记录。

cc.exports.display = display or {}

function display.createMaskedSprite(srcFile,maskFile)
    local src = display.newSprite(srcFile)
    local mask = display.newSprite(maskFile)

    local size_src = src:getContentSize()
    local size_mask = mask:getContentSize()

    local canva = cc.RenderTexture:create(size_src.width,size_src.height,cc.TEXTURE2_D_PIXEL_FORMAT_RGB_A8888)
    
    local ratiow = size_src.width / size_mask.width
    local ratioh = size_src.height / size_mask.height
    mask:setScaleX(ratiow)
    mask:setScaleY(ratioh)

    mask:setPosition(size_src.width / 2,size_src.height / 2)
    src:setPosition(size_src.width / 2,size_src.height / 2)

    local blendfunc_mask = cc.blendFunc(gl.ONE,gl.ZERO)
    mask:setBlendFunc(blendfunc_mask)
    local blendfunc_src = cc.blendFunc(gl.DST_ALPHA,gl.ZERO)
    src:setBlendFunc(blendfunc_src)

    canva:begin()
    mask:visit()
    src:visit()
    canva:endToLua()

    local masked_sprite = cc.Sprite:createWithTexture(canva:getSprite():getTexture())
    masked_sprite:setFlippedY(true)
    return masked_sprite
end

function display.createCircleSprite(srcFile,maskFile)
	local src = display.newSprite(srcFile)
    local mask = display.newSprite(maskFile)

    local size_src = src:getContentSize()
    local size_mask = mask:getContentSize()

    local canva = cc.RenderTexture:create(size_mask.width,size_mask.height,cc.TEXTURE2_D_PIXEL_FORMAT_RGB_A8888)
    
    local ratiow = size_mask.width / size_src.width
    local ratioh = size_mask.height / size_src.height
    src:setScaleX(ratiow)
    src:setScaleY(ratioh)

    mask:setPosition(size_mask.width / 2,size_mask.height / 2)
    src:setPosition(size_mask.width / 2,size_mask.height / 2)

    local blendfunc_mask = cc.blendFunc(gl.ONE,gl.ZERO)
    src:setBlendFunc(blendfunc_src)

    canva:begin()
    mask:visit()
    src:visit()
    canva:endToLua()

    local masked_sprite = cc.Sprite:createWithTexture(canva:getSprite():getTexture())
    masked_sprite:setFlippedY(true)
    return masked_sprite
end

以上两个方法,区别是剪切后缩放到哪个图片的大小。第一个是缩放到模板图片大小,第二个方法是缩放到原始图片(比如头像)大小。

local sp = display.createMaskedSprite("head.png","mask.png")

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐