cocos2dx 剪切圆形头像

前端之家收集整理的这篇文章主要介绍了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")

猜你在找的Cocos2d-x相关文章