cocos2d - JS 遮罩 ( ClippingNode )
2016-09-09 11:09
351 查看
cocos2d - JS 遮罩 ( ClippingNode ) :
JavaScript 代码 :
var clip = new cc.Sprite(res.cilp); var labelSp = new cc.ClippingNode(clip); labelSp.setPosition(cc.winSize.width/2, cc.winSize.height/2); Layer.addChild(labelSp); var str = "显示内容..." var label = new cc.LabelTTF(str); labelSp.addChild(label);
注意 :
clip 图形表示可显示区域 .labelSp 是 父节点 , 上面添加需要显示的内容 .
label 是 显示文本 .
显示区域根据 clip 的 图形大小决定 .
显示效果 :
反转遮罩区域API :
labelSp.setInverted(true);
默认设置为false.
反转效果 :
不显示透明区域API :
labelSp.setAlphaThreshold(0.05);
参考链接
相关文章推荐
- 关于cocos2d-js中使用 ClippingNode 以及 BlendFunc 来实现遮罩
- Cocos2d-x3.2 ClippingNode裁减节点(模板遮罩)
- quick - cocos2d 遮罩 ClippingNode
- Cocos2d-x 遮罩的实现 : ClippingNode
- Cocos2d-x3.2 ClippingNode裁减节点(模板遮罩)
- cocos2d-x 基于CCClippingNode实现CCLayer遮罩功能,在滑动时超出剪切区域的实现显示部分的效果,不需要再借助其他sprite来遮挡了
- 在 Cocos2d-js 中使用 Node.js 模块
- CCLayerColor和CCClippingNode组合新手引导功能---cocos2d-x学习之路[4]
- cocos2d-x 2.1新特性之CCClippingNode
- cocos2d-x ClippingNode
- cocos2d-x之CCClippingNode实现滚动字幕
- cocos2d-x 2.2.0 图片选中聚焦 ,图片描边 CCClippingNode 实现
- cocos2d-x初探学习笔记(30)2.1新特性之CCClippingNode
- Cocos2d-x3.1中ClippingNode的使用实例
- cocos2d-x利用CCClippingNode实现滚动字幕
- cocos2d-x CCClippingNode 专题
- 解决 cocos2d-x CCClippingNode 无效
- Cocos2d-x2.1.1-ClippingNodeTest深入分析(二)
- cocos2d-x 2.1新特性之CCClippingNode
- 解决cocos2d-x的CCClippingNode在iOS上没效果的问题