裁剪效果的实现(ClippingNode)
2015-07-03 12:08
741 查看
(1)首先要创建模板的精灵:
创建模板是用来遮掩或者显示当前模板的范围的。
(2)然后使用刚才创建的模板精灵来创建模板,并将spritemb使用addChild()添加到模板中:
(3)创建ClippingNode,同时使用模板:
(4)为ClippingNode设置一些属性
(5)为ClippingNode添加底板(底板是需要被遮掩的精灵)
(6)讲ClippingNode添加到场景
创建模板是用来遮掩或者显示当前模板的范围的。
Sprite* spritemb = Sprite::create("messageBoard.png");
(2)然后使用刚才创建的模板精灵来创建模板,并将spritemb使用addChild()添加到模板中:
Node* stencil = Node::create(); stencil->addChild(spritemb);
(3)创建ClippingNode,同时使用模板:
ClippingNode* cn = ClippingNode::create(stencil);
(4)为ClippingNode设置一些属性
//设置使用模板来隐藏或者显示指定区域 cn->setInverted(false); //设置Alpha阀值 cn->setAlphaThreshold(0.05f); //设置位置、锚点 cn->setAnchorPoint(Vec2(0, 0)); cn->setPosition(Vec2(0, 0));
(5)为ClippingNode添加底板(底板是需要被遮掩的精灵)
cn->addChild(batch);
(6)讲ClippingNode添加到场景
this->addChild(cn);
相关文章推荐
- leetcode 25: Reverse Nodes in k-Group
- leetcode 24: Swap Nodes in Pairs
- leetcode 19: Remove Nth Node From End of List
- node.js调用C++开发的模块实例
- Nodejs 入门1 windows下安装nodejs、npm、ant及常用命令
- nodejs爬虫抓取数据之编码问题
- nodejs爬虫抓取数据乱码问题总结
- Node.js 学习笔记
- nodejs爬虫抓取数据乱码问题总结
- nodejs爬虫抓取数据之编码问题
- node.js调用C++开发的模块实例
- node.js中格式化数字增加千位符的几种方法
- nodejs 修改默认的目录
- ENode框架初始化
- mapreduce.shuffle set in yarn.nodemanager.aux-services is invalid
- Websphere中Node(节点) Profile(概要文件)和Server(应用程序服务器实例)的区别
- CCLayer 与 CCParallaxNode 结合实现视差滚动界面应注意的地方
- 子结点childNodes
- leetcode Swap Nodes in Pairs 链表
- 父节点parentNode