(1)首先要创建模板的精灵：创建模板是用来遮掩或者显示当前模板的范围的。Sprite* spritemb = Sprite::create("messageBoard.png");(2)然后使用刚才创建的模板精灵来创建模板，并将spritemb使用addChild()添加到模板中：Node* ste...
分类：
其他好文 时间：
2015-07-03 13:43:08
阅读次数：
154
ClippingNode的使用概述ClippingNode(裁剪节点)可以用来对节点进行裁剪，可以根据一个模板切割图片的节点，生成任何形状的节点显示。ClippingNode是Node的子类，可以像普通节点一样放入Layer，Scene，Node中。ClippingNode 原理：ClippingN...
分类：
其他好文 时间：
2015-07-01 11:39:32
阅读次数：
222
在制作一个消除游戏时，有这样一个情况：方块从顶部往下面掉落，在进入布局前，是不能显示的，不然影响视觉体验。那么，既然此方块已经被加入到渲染树了，那么怎么能让其在一部分中不显示，而在另一部分中显示呢？ 这就要用到遮罩处理了。在cocos2d-x中，提供了一个裁剪节点ClippingNode，可以...
分类：
其他好文 时间：
2015-06-18 13:26:54
阅读次数：
105
Cocos2d-x 3.2：通过ClippingNode实现一个功能完善的跑马灯公告（1）本文转载至深入理解Cocos2d-x 3.x：一步一步通过ClippingNode实现一个功能完善的跑马灯公告（1）这篇文章主要是通过一步一步实现一个功能完善的跑马灯公告来展示ClippingNode的用法并且...
分类：
其他好文 时间：
2015-06-08 11:28:20
阅读次数：
130
本文的主要内容是根据跑马灯解析ClippingNode实现原理。本文涉及到cocos2dx 3.x的渲染机制以及部分opengl的知识。
首先看看上一篇文章中说到的跑马灯的简单实现：
//设置模板
auto stencil = Sprite::create();
//设置显示区域大小
stencil->setTextureRect(Rect(0, 0, 50, 30));
...
分类：
其他好文 时间：
2015-05-19 14:46:13
阅读次数：
162
??
auto target = Sprite::create("Images/blocks.png");
target->setAnchorPoint(Vec2::ZERO);
target->setScale(3);
_outerClipper = ClippingNode::create();
_outerClipper->retain();
AffineTransfo...
分类：
其他好文 时间：
2015-04-24 01:05:46
阅读次数：
143
??
ClippingNode(裁剪节点)可以用来对节点进行裁剪，可以根据一个模板切割图片的节点，生成任何形状的节点显示。
ClippingNode是Node的子类，可以像普通节点一样放入Layer，Scene，Node中。
ClippingNode 原理：
ClippingNode是利用模板遮罩来完成对Node区域裁剪的技术。如何理解ClippingNode的...
分类：
其他好文 时间：
2015-04-23 23:32:46
阅读次数：
461
1、项目中遇到的问题：昵称显示过长的时候，需要对label做裁剪，首先想到的是用clippingNode，这东西，自己在很多地方都用，不过项目中很多地方都需要做到限制Label长度，于是就又想到做个工具类吧，尽量写的像label到时候全局替换。然后直到今天。。。才发现label直接设置换行长度（se...
分类：
其他好文 时间：
2015-04-20 12:51:18
阅读次数：
180
这篇文章主要是通过一步一步实现一个功能完善的跑马灯公告来展示ClippingNode的用法并且最终深入ClippingNode的源码，了解其实现原理。
首先，先介绍一下ClippingNode，ClippingNode也叫裁剪节点，能将一些内容通过使用模板裁剪出来显示在界面上，可以实现一些很炫酷的效果。来看看今天要实现的效果
1、ClippingNode类分析
先来看看Cli...
分类：
其他好文 时间：
2015-04-15 13:28:42
阅读次数：
667
1.剪贴蒙板的作用剪贴蒙板相对于《矢量蒙板》要常用些。在cocos2d中我们使用过ClippingNode，就是把一张图作为模板，上面一张图放在这个模板的上面，超出的部分全部都自动裁剪掉，Photoshop中的剪贴蒙板就是这个作用。来看下下面的实现效果就更加清楚了。2.剪贴蒙板实现效果在Photoshop中打开这张素材，再接着打开下面这张素材：在图层界面选中第二张图，然后在图层菜单-》创建剪贴蒙板...
分类：
其他好文 时间：
2015-04-09 19:58:54
阅读次数：
151
