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)
    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

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

 

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

 

最后给自己写的小游戏打下广告，一个释放你压力的小游戏，一个你敢叫它敢动的小游戏。敢不敢来试下？

点击下载，或在 Google Play Store 搜索 Make a Noise