加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

cocos2dx 剪切圆形头像

发布时间:2020-12-14 17:15:29 所属栏目:百科 来源:网络整理
导读:项目需求,要把矩形的头像(或任意图片)剪切成圆形的。然后在网上找到一些方法,并做了简单修改。这里做下记录。 cc.exports.display = display or {}function display.createMaskedSprite(srcFile,maskFile) local src = display.newSprite(srcFile) local

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读